<html>
|
<head>
|
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="" />
|
<link
|
rel="stylesheet"
|
as="style"
|
onload="this.rel='stylesheet'"
|
href="https://fonts.googleapis.com/css2?display=swap&family=Noto+Sans%3Awght%40400%3B500%3B700%3B900&family=Plus+Jakarta+Sans%3Awght%40400%3B500%3B700%3B800"
|
/>
|
|
<title>Stitch Design</title>
|
<link rel="icon" type="image/x-icon" href="data:image/x-icon;base64," />
|
|
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
|
</head>
|
<body>
|
<div
|
class="relative flex h-auto min-h-screen w-full flex-col bg-slate-50 justify-between group/design-root overflow-x-hidden"
|
style='font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif;'
|
>
|
<div>
|
<div class="flex items-center bg-slate-50 p-4 pb-2 justify-between">
|
<h2 class="text-[#0d141b] text-lg font-bold leading-tight tracking-[-0.015em] flex-1 text-center pl-12">蓉易创</h2>
|
<div class="flex w-12 items-center justify-end">
|
<button
|
class="flex max-w-[480px] cursor-pointer items-center justify-center overflow-hidden rounded-lg h-12 bg-transparent text-[#0d141b] gap-2 text-base font-bold leading-normal tracking-[0.015em] min-w-0 p-0"
|
>
|
<div class="text-[#0d141b]" data-icon="Bell" data-size="24px" data-weight="regular">
|
<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="currentColor" viewBox="0 0 256 256">
|
<path
|
d="M221.8,175.94C216.25,166.38,208,139.33,208,104a80,80,0,1,0-160,0c0,35.34-8.26,62.38-13.81,71.94A16,16,0,0,0,48,200H88.81a40,40,0,0,0,78.38,0H208a16,16,0,0,0,13.8-24.06ZM128,216a24,24,0,0,1-22.62-16h45.24A24,24,0,0,1,128,216ZM48,184c7.7-13.24,16-43.92,16-80a64,64,0,1,1,128,0c0,36.05,8.28,66.73,16,80Z"
|
></path>
|
</svg>
|
</div>
|
</button>
|
</div>
|
</div>
|
<div class="flex overflow-y-auto [-ms-scrollbar-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
|
<div class="flex items-stretch p-4 gap-3">
|
<div class="flex h-full flex-1 flex-col gap-4 rounded-lg min-w-60">
|
<div
|
class="w-full bg-center bg-no-repeat aspect-video bg-cover rounded-lg flex flex-col"
|
style='background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuDqRN4mbOsrsRQbetP4Cgt0Ex2R6VJQfG_cbQGQCcerxCuky5IMXlmko29CyweRWHNelZwOejlLvxgL2e99IzflLJ1gA99uQzfmuTz8Ug8XKgN3wSCN3Vfl5s8LAiEBQ5WDClqNsRWrUpgzkzlaWEcrFT2rOz00i_SsUbvr_dqP71MfYV8foXJhJWK0Y7HRKTErhvUmSFh-RYBrBsYnMidJ7GBCU6MrgJ_x3bJgpP83KK3iIL3t68DValeM54rai1ilO1efM-baQhCn");'
|
></div>
|
<p class="text-[#0d141b] text-base font-medium leading-normal">创业项目路演活动 1</p>
|
</div>
|
<div class="flex h-full flex-1 flex-col gap-4 rounded-lg min-w-60">
|
<div
|
class="w-full bg-center bg-no-repeat aspect-video bg-cover rounded-lg flex flex-col"
|
style='background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuAEC9SCE0tfKVD2a7LByTM1EWtsVBZpxZspD9lX92LpOf7omi3_LQUOdvG-TX0F2YXdgYXvtxo9D2jMoP6BvDxpEJAqJBl7p3holp1Z0yyIDcWczv7l4b5k0T7-MjhWpNABwfNRf9yaRj2NAhrF-3xoR1KyK6Btvq7NBnWXfzCakey8nmbdHxTl9LW8G3BzlmjSPE4B7xYeSwpzvS-Vp_bD116bzU6didLBjox_WTHRqx94m03zGuRx8Zu9z4qXWfMPH6LGkcLDjSfU");'
|
></div>
|
<p class="text-[#0d141b] text-base font-medium leading-normal">创业项目路演活动 2</p>
|
</div>
|
<div class="flex h-full flex-1 flex-col gap-4 rounded-lg min-w-60">
|
<div
|
class="w-full bg-center bg-no-repeat aspect-video bg-cover rounded-lg flex flex-col"
|
style='background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuCs_XUJvlSAowvcJqzHK0ph6-YXSF_njE2aDzJ_R-uiaoj0p6dHRRg9cmg40xwwZT99Q_INe12cqruL9MVXJ748bUt1-KsLV04IntP_HD64NyEYTqMM_LhHbsxLAoPlbBmojpDVrGqY7c63Qmst8GYnzQ5cX7aJHHepIZdhXemmX9w12iEWwvilLVs1CmHVdS966jWCOgM5kZMXBFUN6VjQn2QjBMgFLeeo2j4YPVm5d9EmpwCbzPD5qbRgYMPncskK3b3mAJ9zNJYq");'
|
></div>
|
<p class="text-[#0d141b] text-base font-medium leading-normal">创业项目路演活动 3</p>
|
</div>
|
</div>
|
</div>
|
<h2 class="text-[#0d141b] text-[22px] font-bold leading-tight tracking-[-0.015em] px-4 pb-3 pt-5">即将到来的比赛</h2>
|
<div class="p-4">
|
<div class="flex items-stretch justify-between gap-4 rounded-lg">
|
<div class="flex flex-col gap-1 flex-[2_2_0px]">
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">剩余 10 个名额</p>
|
<p class="text-[#0d141b] text-base font-bold leading-tight">创新挑战赛</p>
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">科技中心</p>
|
</div>
|
<div
|
class="w-full bg-center bg-no-repeat aspect-video bg-cover rounded-lg flex-1"
|
style='background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuBV3PsPOTsC1nAHZGlPjgIl7Zgk_ZBDnhxV12TZXbvLyMu83RC9cB2cXqYW40bIo1bH6ytNGyq_m41f1Ly2Zn04aRjeuplAMKEn5MfQuPFhlU90nHbvo66_-u3u_BXkuuahPX0gbDic0Tv-czogHzfatJvBEuopHZRJbbYibIFwYJvJRem7gVTM0p68lk14jSEILy_43kvfLhZvwmxzdtwfha00mDDQhkIyceeKXFdFd_tp8Bij4dbNXJVKwRQMVcJ9UaAsBJ-kxoWe");'
|
></div>
|
</div>
|
</div>
|
<div class="p-4">
|
<div class="flex items-stretch justify-between gap-4 rounded-lg">
|
<div class="flex flex-col gap-1 flex-[2_2_0px]">
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">剩余 20 个名额</p>
|
<p class="text-[#0d141b] text-base font-bold leading-tight">商业计划竞赛</p>
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">大学校园</p>
|
</div>
|
<div
|
class="w-full bg-center bg-no-repeat aspect-video bg-cover rounded-lg flex-1"
|
style='background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuBjO8mnQisRP1tafnUuXSMH5oIvOcNsY2MHRcr7ssFqYFbnsbX4RfzB9wxbUoZ0OgkN-chFTGcyQMWB3AuMBFTyk_hJdXCkJm7_PXT7_5Il5rBXT2Nv5PsqQMEy2NvDQGvNQ8F6VSDgK6EPVKFQ80bch8egCzuNJWkTR7NVKr7iWHnk4DDcJN19PkvsLjprBhaLvbJ3-cEkBkfLsrgzD4QKG2oLlMt8fCc8ENgwHQahZFG0vGdyZzEXbUWb46XQ4oKtNbWiYzj8BqiS");'
|
></div>
|
</div>
|
</div>
|
<div class="p-4">
|
<div class="flex items-stretch justify-between gap-4 rounded-lg">
|
<div class="flex flex-col gap-1 flex-[2_2_0px]">
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">剩余 5 个名额</p>
|
<p class="text-[#0d141b] text-base font-bold leading-tight">创业峰会</p>
|
<p class="text-[#4c739a] text-sm font-normal leading-normal">会议中心</p>
|
</div>
|
<div
|
class="w-full bg-center bg-no-repeat aspect-video bg-cover rounded-lg flex-1"
|
style='background-image: url("https://lh3.googleusercontent.com/aida-public/AB6AXuBTIB95IX1wVxJCCJT7Dlap23jRQNjm3McxkZzG50ljuZ1HwVzi_WJR5F0Xn1ozw4YjOAU6v1R8GmajCWwPRTgKxeoGAK7ghe-szrN_Cixjzzz8EzzQ9cPjtjYkrhYTq-iAQ46R1ySbKLxt3gxY0cHEmFcsGcfo_RYMxVx2gLTe6qK5ClsGTAOfohbCA12ZGDmi-b82IeFGQATFNvNCTHMMtEBzIrVGS161XTpq7238vAxnFWOH8qZ-NYWtkbUssDy4sROuOorm3SqI");'
|
></div>
|
</div>
|
</div>
|
</div>
|
<div>
|
<div class="flex gap-2 border-t border-[#e7edf3] bg-slate-50 px-4 pb-3 pt-2">
|
<a class="just flex flex-1 flex-col items-center justify-end gap-1 rounded-full text-[#0d141b]" href="#">
|
<div class="text-[#0d141b] flex h-8 items-center justify-center" data-icon="House" data-size="24px" data-weight="fill">
|
<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="currentColor" viewBox="0 0 256 256">
|
<path
|
d="M224,115.55V208a16,16,0,0,1-16,16H168a16,16,0,0,1-16-16V168a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v40a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V115.55a16,16,0,0,1,5.17-11.78l80-75.48.11-.11a16,16,0,0,1,21.53,0,1.14,1.14,0,0,0,.11.11l80,75.48A16,16,0,0,1,224,115.55Z"
|
></path>
|
</svg>
|
</div>
|
<p class="text-[#0d141b] text-xs font-medium leading-normal tracking-[0.015em]">首页</p>
|
</a>
|
<a class="just flex flex-1 flex-col items-center justify-end gap-1 text-[#4c739a]" href="#">
|
<div class="text-[#4c739a] flex h-8 items-center justify-center" data-icon="User" data-size="24px" data-weight="regular">
|
<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="currentColor" viewBox="0 0 256 256">
|
<path
|
d="M230.92,212c-15.23-26.33-38.7-45.21-66.09-54.16a72,72,0,1,0-73.66,0C63.78,166.78,40.31,185.66,25.08,212a8,8,0,1,0,13.85,8c18.84-32.56,52.14-52,89.07-52s70.23,19.44,89.07,52a8,8,0,1,0,13.85-8ZM72,96a56,56,0,1,1,56,56A56.06,56.06,0,0,1,72,96Z"
|
></path>
|
</svg>
|
</div>
|
<p class="text-[#4c739a] text-xs font-medium leading-normal tracking-[0.015em]">我的</p>
|
</a>
|
</div>
|
<div class="h-5 bg-slate-50"></div>
|
</div>
|
</div>
|
</body>
|
</html>
|
