Skip to content

Commit

Permalink
Clean up again
Browse files Browse the repository at this point in the history
  • Loading branch information
@irvan-putra
irvan-putra committed Nov 3, 2024
1 parent 23304c7 commit c5b111c
Showing 1 changed file with 40 additions and 57 deletions.
97 changes: 40 additions & 57 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,93 +9,76 @@
</head>
<body class="bg-background font-sans antialiased">
<header
class="top-0 fixed text-white py-2 overflow-hidden backdrop-blur-xl bg-white/55 w-full gap-x-3 flex items-center z-20 rounded-bl-[30px] shadow-lg justify-between px-5 xl:px-24">
class="top-0 fixed py-2 bg-white/55 w-full gap-x-3 flex items-center z-20 justify-between px-5 xl:px-24">
<a href="/"><img alt="MIT Reap Logo Color" width="200" src="logo.png"></a>
<nav class="hidden xl:flex justify-center pr-10 w-full "><a target="_blank"
class="inline-flex items-center justify-center whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-9 text-lg font-bold hover:bg-primary hover:text-white p-6"
href="https://bit.ly/mitreapid2024proposal">PROGRAM</a><a target=""
class="inline-flex items-center justify-center whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-9 text-lg font-bold hover:bg-primary hover:text-white p-6"
href="/events">EVENTS</a><a target=""
class="inline-flex items-center justify-center whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-9 text-lg font-bold hover:bg-primary hover:text-white p-6"
href="/">LEADERBOARD</a><a target=""
class="inline-flex items-center justify-center whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-9 text-lg font-bold hover:bg-primary hover:text-white p-6"
href="https://www.instagram.com/mitreapjava/">GALLERY</a><a target=""
class="inline-flex items-center justify-center whitespace-nowrap rounded-md transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 h-9 text-lg font-bold hover:bg-primary hover:text-white p-6 px-6"
href="/">INFORMATION</a></nav><button type="button" aria-haspopup="dialog" aria-expanded="false"
aria-controls="radix-:R1ja:" data-state="closed" class="xl:hidden flex items-center gap-3 p-3 ml-auto"><span
class="ml-auto ">MENU</span><svg stroke="currentColor" fill="currentColor" stroke-width="0"
viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
<path d="M64 384h384v-42.666H64V384zm0-106.666h384v-42.667H64v42.667zM64 128v42.665h384V128H64z"></path>
</svg></button>
<nav class="hidden xl:flex justify-center pr-10 w-full ">
<a class="text-lg font-bold p-6" href="/">HOMEPAGE</a>
<a class="text-lg font-bold p-6" href="/board">ADVISORY BOARD</a>
<a class="text-lg font-bold p-6" href="/events">EVENTS</a>
</header>
<main class="items-center justify-between">
<section id="banner" class="relative xl:h-screen bg-black w-full flex flex-col justify-center"><img
alt="Hero Banner"
class="w-full h-[300px] top-0 z-0 object-cover"
<section id="banner" class="relative xl:h-screen bg-black w-full flex flex-col justify-center">
<img class="w-full h-[300px] top-0 z-0 object-cover"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="100vw"
src="hero-banner.png">
<article class="ml-1 mt-14 xl:mt-40 flex flex-col z-10 px-5 py-10 xl:py-32 xl:px-24">
<h1 class="rounded-br-xl text-xs xl:text-3xl px-4 font-semibold py-1 w-fit text-white bg-primary-600">
MIT REAP JAVA</h1>
MIT REAP JAVA
</h1>
<h2 class="py-5 flex text-3xl xl:text-6xl flex-col font-bold xl:gap-y-5 text-white">
<span>FOSTERING</span><span>INNOVATION ECOSYSTEM</span><span>IN INDONESIA</span></h2>
<p class="text-white md:text-3xl xl:text-3xl font-semibold italic">DEEP TECH ECOSYSTEM</p>
FOSTERING INNOVATION ECOSYSTEM IN INDONESIA
</h2>
<p class="text-white md:text-3xl xl:text-3xl font-semibold italic">
DEEP TECH ECOSYSTEM
</p>
</article>
</section>
<section class="p-5 md:p-14 lg:p-20 lg:px-32 w-full justify-between items-center text-white ">
<div
class="flex flex-col-reverse h-full xl:flex-row p-1 items-center shadow-xl bg-[#3F2340] rounded-[20px]">
<img alt="system-graph"="async" data-nimg="1"
class="bg-white p-8 xl:p-12 2xl:p-16 rounded-[20px] border-primary-[#3F2340]/50"
style="color:transparent"
src="system.png">
<section class="p-5 md:p-14 lg:p-20 lg:px-32 w-full justify-between items-center text-white" style="padding: 5rem;">
<div class="flex flex-col-reverse h-full xl:flex-row p-1 items-center shadow-xl bg-[#3F2340] rounded-[20px]">
<img class="bg-white p-8 xl:p-12 2xl:p-16 rounded-[20px] border-primary-[#3F2340]/50" src="system.png">
<div class="flex flex-col h-full p-4 lg:px-5 2xl:px-28">
<h3 class="text-primary-600 font-semibold text-lg xl:text-xl 2xl:text-5xl 2xl:py-5">What is MIT
REAP ?</h3>
<h3 class="text-primary-600 font-semibold text-lg xl:text-xl 2xl:text-5xl 2xl:py-5">
What is MIT REAP ?
</h3>
<article class="space-y-5 text-xs xl:text-xl 2xl:text-2xl">
<p><strong>MIT REAP (Regional Entrepreneurship Acceleration Program)</strong> <!-- -->adalah
inisiatif yang dikelola oleh MIT Sloan School of Management yang dirancang untuk mempercepat
pertumbuhan ekonomi daerah dengan memanfaatkan kekuatan inovasi dan kewirausahaan. Program
ini membantu daerah untuk mengembangkan dan meningkatkan ekosistem kewirausahaan dan inovasi
mereka.</p>
<p><strong>MIT REAP</strong> memiliki misi untuk menjadi pendorong utama pertumbuhan ekonomi
regional melalui pendekatan inovatif dan kolaboratif. Program ini terus berkembang dan
menyediakan wadah bagi daerah untuk berinvestasi dalam ekonomi berbasis pengetahuan dan
teknologi.</p>
<p><strong>MIT REAP (Regional Entrepreneurship Acceleration Program)</strong>
adalah inisiatif yang dikelola oleh MIT Sloan School of Management yang dirancang untuk mempercepat
pertumbuhan ekonomi daerah dengan memanfaatkan kekuatan inovasi dan kewirausahaan. Program ini membantu
daerah untuk mengembangkan dan meningkatkan ekosistem kewirausahaan dan inovasi mereka.
</p>
<p><strong>MIT REAP</strong> memiliki misi untuk menjadi pendorong utama pertumbuhan ekonomi regional
melalui pendekatan inovatif dan kolaboratif. Program ini terus berkembang dan menyediakan wadah
bagi daerah untuk berinvestasi dalam ekonomi berbasis pengetahuan dan teknologi.
</p>
</article>
</div>
</div>
</section>
<section class="flex flex-col justify-center items-center pb-10">
<div class="text-center">
<h3 class="font-bold text-primary-600 md:text-3xl xl:text-4xl">CONNECTED,</h3><span
class="font-bold xl:text-5xl">GLOBAL NETWORK</span>
<h3 class="font-bold text-primary-600 md:text-3xl xl:text-4xl">CONNECTED,</h3>
<span class="font-bold xl:text-5xl">GLOBAL NETWORK</span>
<p class="text-[10px] p-3 xl:text-xl max-w-xl"><strong>MIT REAP </strong> adalah inisiatif global yang
bertujuan meningkatkan ekosistem inovasi dan transformasi ekonomi.</p>
</div>
<div class="p-8 flex h-full xl:py-10"><img alt="Cohort Map" decoding="async" data-nimg="1" class="border border-black rounded-xl shadow-xl"
style="color:transparent"
src="maps.png"></div>
<div class="p-8 flex h-full xl:py-10"><img class="border border-black rounded-xl shadow-xl" src="maps.png"></div>
</section>
<section class="w-full px-10 py-10 relative">
<div class="w-full flex flex-col xl:flex-row xl:justify-between relative z-10">
<div class="flex flex-col justify-center items-center xl:items-start xl:px-10">
<div
class="bg-white flex flex-col p-5 text-center rounded-br-3xl rounded-tl-3xl xl:rounded-tl-none xl:rounded-br-[50px] xl:text-4xl xl:text-start">
<div class="bg-white p-5 xl:text-4xl">
<h4 class="text-primary">Innovation Ecosystem</h4>
<h2 class="text-[#3F2340] font-semibold">Stakeholder Model</h2>
</div>
<p class="py-5 text-center xl:text-start text-xs xl:text-4xl max-w-4xl text-white">Program ini
bertindak sebagai platform dinamis untuk kolaborasi, pertukaran pengetahuan dan mendorong
pertumbuhan industri. MIT REAP berupaya mendorong kesetaraan, keberlanjutan dan menciptakan
lapangan kerja.</p>
<p class="py-5 text-center xl:text-start text-xs xl:text-4xl max-w-4xl text-white">
Program ini bertindak sebagai platform dinamis untuk kolaborasi, pertukaran pengetahuan dan mendorong
pertumbuhan industri. MIT REAP berupaya mendorong kesetaraan, keberlanjutan dan menciptakan lapangan kerja.
</p>
</div>
<div class="flex justify-center p-2 bg-white rounded-xl"><img alt="stakeholder"
width="470" height="470" class="" style="color:transparent"
src="stakeholder.png"></div>
</div><img alt="Stakeholder background"
class="object-cover w-full z-0"
<div class="flex justify-center p-2 bg-white rounded-xl"><img src="stakeholder.png"></div>
</div>
<img class="object-cover w-full z-0"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="100vw"
src="hero-banner.png">
Expand Down

0 comments on commit c5b111c

Please sign in to comment.