Skip to content

Commit

Permalink
Merge pull request #8 from mrafeeq805/rafeeq
Browse files Browse the repository at this point in the history 
Rafeeq
  • Loading branch information
@rohittp0
rohittp0 authored Mar 13, 2024
2 parents d18963c + 16358eb commit cff4bfb
Show file tree
Hide file tree
Showing 2 changed files with 40 additions and 49 deletions.
Binary file added public/img/register/womenswebbg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
89 changes: 40 additions & 49 deletions src/templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,6 +46,7 @@
<title>WIT Conference</title>
</head>
<body>

<section class="hero overflow-hidden relative">
<div class="boot-animation absolute w-full h-full bg-black">
<canvas
Expand All @@ -70,45 +71,41 @@
</div>
</nav>
</section>

<section id="register" class="womenmakerscelebration font-sans">
<div class="w-full h-screen lg:flex">
<div class="lg:w-7/12 px-5 lg:px-32 py-32 lg:py-52">
<div class="max-w-full pr-">
<h1 class="lg:text-5xl text-3xl font-bold font-sans ">Women Makers Celebration
by TinkerHub</h1>
<p class="lg:text-base text-sm text-[#666666] mt-8">Join us for the Women Makers Celebration by TinkerHub, a premier 2-day event on March 22nd and 23rd, dedicated to empowering, inspiring, and connecting women in technology. From engaging workshops to insightful panels, networking opportunities, and celebrating the success of Tink-Her-Hack, this event is designed for women at every stage of their tech journey. Dive into innovation, career development, and community with us!</p>
<div class="flex space-x-1 lg:space-x-8 mt-8">
<div class="flex items-center space-x-1">
<img class="w-10 h-10 " src="/img//womenmakerscelebration/Date range.png">
<p class="mb-2 text-sm font-semibold">23 March 2024</p>
</div>
<div class="flex items-center space-x-1">
<img class="w-8 h-8 " src="/img/womenmakerscelebration/venue.png">
<p class="mb-1 text-sm font-semibold">Kerala Startup Mission Kochi</p>
</div>
</div>
<p class="text-sm font-semibold lg:mt-3 mt-8 ">Registration open for march 23rd</p>
<p class="text-xs text-[#666666]">Note : Due to limited space, registration is subject to a shortlisting process.</p>
<div class="bg-[#FF5237] hover:scale-110 transition-transform border border-white w-fit text-sm text-white px-5 rounded-md mt-8 py-2 shadow-[5px_5px_0px_0px_rgba(109,40,217)]">
<a href="https://www.tinkerhub.org/tink-her-hack#id-f65c24c82119">Learn More about Tink-Her-Hack</a>
</div>

<section class="register h-screen">
<div class="md:flex lg:gap-12 md:gap-8 w-screen">
<div class="bg-[#FFF6F5] hidden h-screen w-5/12 md:flex justify-center items-center">
<img class="w-4/5 -mr-56" src="/img/register/womenswebbg.png"/>
</div>
<div class="md:w-6/12 w-full h-screen flex items-center bg-[#FFF6F5] md:bg-white">
<div class="w-82 flex flex-col gap-5 p-3 md:p-5 md:pr-16">
<span class="lg:text-5xl md:text-4xl text-3xl font-sans font-bold">Women Makers Celebration
by TinkerHub
</span>
<div class="w-full mt-6">
<p class="text-[#666666] font-sans w-full text-sm md:text-base" >Join us for an inspiring day filled with learning, networking, and celebration.
Registration is now open for March 23rd but will be subject to a shortlisting
process to ensure a deeply engaging and personalized experience for all attendees.
</p>
</div>

</div>
<div class="w-5/12 bg-[#FFF6F5] py-52 hidden lg:block">
<div class="w-9/12 mt-5 -ml-20">
<img src="/img/womenmakerscelebration/RegistartionBg.png">
</div>

<a href="https://airtable.com/app5Zrc5Yh9ThtD60/shrLIICJd6IC1RkKE" target="_blank">
<button class="w-max hover:scale-110 transition-transform border-2 border-white bg-[#FF5237] px-4 p-2 rounded-lg text-white font-sans shadow-[5px_5px_0px_0px_rgba(109,40,217)]">
Register Now
</button>
</a>

<span class="italic text-sm font-sans text-[#666666]">Note : Shortlisted attendees will be notified via email with further details.</span>
</div>
</div>
</div>

</section>

<section class="womenmakerscelebration ">


</section>


<section class="secondsection w-full h-screen">
<div class="md:flex">
<!-- image section -->
Expand Down Expand Up @@ -229,27 +226,21 @@ <h1 class="lg:text-5xl text-3xl font-bold font-sans ">Women Makers Celebration
platform for creating an inclusive and diverse tech industry in
Kerala and beyond. Our mission is to:
</p>
<div class="flex justify-center mt-3">
<ul class="list-disc w-3/4">
<li>
<span class="font-extrabold">Inspire</span> with stories from
the successful Tink-Her-Hack initiative and other remarkable
women in tech.
</li>
<li>
<span class="font-extrabold">Educate</span> through hands-on
workshops and sessions led by industry experts.
</li>
<li>
<span class="font-extrabold">Connect</span> attendees with
mentors, peers, and potential employers, fostering a vibrant
community of women makers.
</li>
</ul>
</div>
</div>

<a href="https://airtable.com/app5Zrc5Yh9ThtD60/shrLIICJd6IC1RkKE" target="_blank">
<button class="w-max hover:scale-110 transition-transform border-2 border-white bg-[#FF5237] px-4 p-2 rounded-lg text-white font-sans shadow-[5px_5px_0px_0px_rgba(109,40,217)]">
Register Now
</button>
</a>

<span class="italic text-sm font-sans text-[#666666]">Note : Shortlisted attendees will be notified via email with further details.</span>
</div>
</div>
</div>

</section>

<section class="guests px-5 font-sans mb-8">
<h1 class="my-3 lg:my-8 text-2xl font-semibold">Our Guests</h1>
<div class=" grid grid-cols-2 lg:grid-cols-6 gap-5" id="guestCards"></div>
Expand Down

0 comments on commit cff4bfb

Please sign in to comment.