Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

timeline added #57

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

timeline added #57

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/components/Hero/Navbar.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -112,14 +112,14 @@ const NavBar = () => {
INFO
</Link>
</li>
{/* <li className="text-white text-extrabold font-bold md:text-xl hover:text-indigo-200">
<li className="text-white text-extrabold font-bold md:text-xl hover:text-indigo-200">
<Link
href={'#schedule'}
scroll={false}
>
SCHEDULE
TIMELINE
</Link>
</li> */}
</li>
<li className="text-white text-extrabold font-bold md:text-xl hover:text-indigo-200">
<Link
href={'#prizes'}
Expand Down
85 changes: 51 additions & 34 deletions src/components/Timeline/TimeLine2.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,30 +2,33 @@ import React from 'react'

function TimeLine2() {
return (
<div class=" bg-[#94e95d] hidden md:block py-10 mx-auto px-5">
<div class=" bg-[#94e95d] hidden md:block py-10 mx-auto px-5" id = "schedule">
<div class=" relative flex w-full justify-center items-center flex-col ">
<div>
<h1 className="justify-center h-1/2 text-black text-3xl md:text-4xl font-extrabold items-center pb-6 text-center ">Timeline</h1>
</div>
{/* <div class="border-r-4 border-black absolute h-full top-0" style={{ 'left': '9px' }}></div> */}
<ul class="list-none m-0 p-0 flex flex-col justify-center items-center w-11/12 lg:w-10/12 ">
<ul class="list-none m-0 p-0 flex flex-col justify-center items-center w-4/12 lg:w-8/12 ">
<li class=" w-1/2 self-end relative right-2 ">
<div class="flex group items-center relative">
<div className="border-r-4 border-black absolute h-1/2 left-2 top-1/2" />
<div class="bg-gray-800 z-10 rounded-full border-4 border-black h-5 w-5">
<div class="bg-black h-1 w-6 items-center ml-4 mt-1"></div>
</div>
<div class="flex-1 ml-4 z-10 font-medium">
<div class="order-1 relative shadow-3xl border-2 border-black my-2 space-y-2 bg-blue rounded-lg shadow-only transition-ease ">
<h3 class="flex items-center gap-3 pb-3 font-bold text-white text-lg px-6 pt-3 border-b-2 border-black w-full justify-between "> Registeration Deadline <div className='flex items-center gap-3' >
<div class="order-1 relative shadow-3xl border-2 border-black my-2 space-y-2 bg-[#B0F2C3] rounded-lg shadow-only transition-ease ">
<h3 class="flex items-center gap-3 pb-3 font-bold text-black text-lg px-6 pt-3 border-b-2 border-black w-full justify-between text-black bg-[#20AC47]"> <div className='flex items-center gap-3' >
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.33333 8.1H4.22222V9.9H6.33333V8.1ZM10.5556 8.1H8.44444V9.9H10.5556V8.1ZM14.7778 8.1H12.6667V9.9H14.7778V8.1ZM16.8889 1.8H15.8333V0H13.7222V1.8H5.27778V0H3.16667V1.8H2.11111C0.939444 1.8 0.0105555 2.61 0.0105555 3.6L0 16.2C0 16.6774 0.22242 17.1352 0.61833 17.4728C1.01424 17.8104 1.55121 18 2.11111 18H16.8889C18.05 18 19 17.19 19 16.2V3.6C19 2.61 18.05 1.8 16.8889 1.8ZM16.8889 16.2H2.11111V6.3H16.8889V16.2Z" fill="white" />
<path d="M6.33333 8.1H4.22222V9.9H6.33333V8.1ZM10.5556 8.1H8.44444V9.9H10.5556V8.1ZM14.7778 8.1H12.6667V9.9H14.7778V8.1ZM16.8889 1.8H15.8333V0H13.7222V1.8H5.27778V0H3.16667V1.8H2.11111C0.939444 1.8 0.0105555 2.61 0.0105555 3.6L0 16.2C0 16.6774 0.22242 17.1352 0.61833 17.4728C1.01424 17.8104 1.55121 18 2.11111 18H16.8889C18.05 18 19 17.19 19 16.2V3.6C19 2.61 18.05 1.8 16.8889 1.8ZM16.8889 16.2H2.11111V6.3H16.8889V16.2Z" fill="black" />
</svg>
3rd February
<p class="font-semibold">3rd February</p>

</div>
</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-gray-300 text-opacity-100 px-6 pb-4">

<p class="text-sm font-normal bg-[#B0F2C3] leading-snug tracking-wide text-300 text-opacity-100 px-6 pb-4">
<h1 className='font-bold text-lg py-1'>Registeration</h1>

Hackmol4.0 registration open, students can showcase their skills and bring ideas to life. Click here to register
</p>
</div>
Expand All @@ -38,18 +41,21 @@ function TimeLine2() {
</div>
<div class="bg-black h-1 w-4 items-center "></div>
<div class="flex-1 ml-4 z-10 font-medium">
<div class="order-1 relative shadow-3xl border-2 border-black my-2 space-y-2 bg-blue rounded-lg shadow-only transition-ease ">
<h3 class="flex items-center gap-3 pb-3 font-bold text-white text-lg px-6 pt-3 border-b-2 border-black w-full justify-between "> Round 1 Submission <div className='flex items-center gap-3' >
<div class="order-1 relative shadow-3xl border-2 border-black my-2 space-y-2 bg-[#FFAC92] rounded-lg shadow-only transition-ease ">
<h3 class="flex items-center gap-3 pb-3 font-bold text-black text-lg px-6 pt-3 border-b-2 border-black w-full justify-between text-black bg-[#D43548]"> <div className='flex items-center gap-3' >
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.33333 8.1H4.22222V9.9H6.33333V8.1ZM10.5556 8.1H8.44444V9.9H10.5556V8.1ZM14.7778 8.1H12.6667V9.9H14.7778V8.1ZM16.8889 1.8H15.8333V0H13.7222V1.8H5.27778V0H3.16667V1.8H2.11111C0.939444 1.8 0.0105555 2.61 0.0105555 3.6L0 16.2C0 16.6774 0.22242 17.1352 0.61833 17.4728C1.01424 17.8104 1.55121 18 2.11111 18H16.8889C18.05 18 19 17.19 19 16.2V3.6C19 2.61 18.05 1.8 16.8889 1.8ZM16.8889 16.2H2.11111V6.3H16.8889V16.2Z" fill="white" />
<path d="M6.33333 8.1H4.22222V9.9H6.33333V8.1ZM10.5556 8.1H8.44444V9.9H10.5556V8.1ZM14.7778 8.1H12.6667V9.9H14.7778V8.1ZM16.8889 1.8H15.8333V0H13.7222V1.8H5.27778V0H3.16667V1.8H2.11111C0.939444 1.8 0.0105555 2.61 0.0105555 3.6L0 16.2C0 16.6774 0.22242 17.1352 0.61833 17.4728C1.01424 17.8104 1.55121 18 2.11111 18H16.8889C18.05 18 19 17.19 19 16.2V3.6C19 2.61 18.05 1.8 16.8889 1.8ZM16.8889 16.2H2.11111V6.3H16.8889V16.2Z" fill="black" />
</svg>
10th February
<p class="font-semibold">10th February</p>

</div>
</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-gray-300 text-opacity-100 px-6 pb-4">
Round 1 is the first stage of competition where participants present their ideas in a ppt format to give an overview of there solution. Click here to download ppt format
</p>

<p class="text-sm font-normal leading-snug tracking-wide text-300 text-opacity-100 px-6 pb-4">
<h1 className='font-bold text-lg py-1'>Round 1 Submission</h1>

Round 1 is the first stage of competition where participants present their ideas in a ppt format to give an overview of there solution. <a href = "https://docs.google.com/presentation/d/1QzHO19C7BRt7Lsec8OS0GSaMTiQMhdcMqeIYp1uM6fs/edit#slide=id.p" className='pptDownload' target='_blank'>Click here to view ppt format</a>
</p>
</div>
</div>
<div className="border-r-4 border-black absolute w-2 h-full right-2 top-0" />
Expand All @@ -62,16 +68,21 @@ function TimeLine2() {
<div class="bg-black h-1 w-6 items-center ml-4 mt-1"></div>
</div>
<div class="flex-1 ml-4 z-10 font-medium">
<div class="order-1 relative shadow-3xl border-2 border-black my-2 space-y-2 bg-blue rounded-lg shadow-only transition-ease ">
<h3 class="flex items-center gap-3 pb-3 font-bold text-white text-lg px-6 pt-3 border-b-2 border-black w-full justify-between "> Round 1 Results <div className='flex items-center gap-3' >
<div class="order-1 relative shadow-3xl border-2 border-black my-2 space-y-2 bg-[#92F2FF] rounded-lg shadow-only transition-ease ">
<h3 class="flex items-center gap-3 pb-3 font-bold text-black text-lg px-6 pt-3 border-b-2 border-black w-full justify-between text-black bg-[#4C9FEB]"> <div className='flex items-center gap-3' >
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.33333 8.1H4.22222V9.9H6.33333V8.1ZM10.5556 8.1H8.44444V9.9H10.5556V8.1ZM14.7778 8.1H12.6667V9.9H14.7778V8.1ZM16.8889 1.8H15.8333V0H13.7222V1.8H5.27778V0H3.16667V1.8H2.11111C0.939444 1.8 0.0105555 2.61 0.0105555 3.6L0 16.2C0 16.6774 0.22242 17.1352 0.61833 17.4728C1.01424 17.8104 1.55121 18 2.11111 18H16.8889C18.05 18 19 17.19 19 16.2V3.6C19 2.61 18.05 1.8 16.8889 1.8ZM16.8889 16.2H2.11111V6.3H16.8889V16.2Z" fill="white" />
<path d="M6.33333 8.1H4.22222V9.9H6.33333V8.1ZM10.5556 8.1H8.44444V9.9H10.5556V8.1ZM14.7778 8.1H12.6667V9.9H14.7778V8.1ZM16.8889 1.8H15.8333V0H13.7222V1.8H5.27778V0H3.16667V1.8H2.11111C0.939444 1.8 0.0105555 2.61 0.0105555 3.6L0 16.2C0 16.6774 0.22242 17.1352 0.61833 17.4728C1.01424 17.8104 1.55121 18 2.11111 18H16.8889C18.05 18 19 17.19 19 16.2V3.6C19 2.61 18.05 1.8 16.8889 1.8ZM16.8889 16.2H2.11111V6.3H16.8889V16.2Z" fill="black" />
</svg>
15th February
<p class="font-semibold">15th February</p>

</div>
</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-gray-300 text-opacity-100 px-6 pb-4">
The results of the idea submission will be released, and the selected students will move forward to participate in an upcoming offline coding round, where they will have the opportunity to bring their ideas to life .</p>

<p class="text-sm font-normal leading-snug tracking-wide text-300 text-opacity-100 px-6 pb-4">
<h1 className='font-bold text-lg py-1'>Round 1 Results</h1>

The results of the idea submission will be released, and the selected students will move forward to participate in an upcoming offline coding round, where they will have the opportunity to bring their ideas to life .
</p>
</div>
</div>
</div>
Expand All @@ -82,18 +93,21 @@ function TimeLine2() {
</div>
<div class="bg-black h-1 w-4 items-center "></div>
<div class="flex-1 ml-4 z-10 font-medium">
<div class="order-1 relative shadow-3xl border-2 border-black my-2 space-y-2 bg-blue rounded-lg shadow-only transition-ease ">
<h3 class="flex items-center gap-3 pb-3 font-bold text-white text-lg px-6 pt-3 border-b-2 border-black w-full justify-between "> Round 2 Hackathon Begins <div className='flex items-center gap-3' >
<div class="order-1 relative shadow-3xl border-2 border-black my-2 space-y-2 bg-[#FFD392] rounded-lg shadow-only transition-ease ">
<h3 class="flex items-center gap-3 pb-3 font-bold text-black text-lg px-6 pt-3 border-b-2 border-black w-full justify-between text-black bg-[#FF9F0F]"> <div className='flex items-center gap-3' >
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.33333 8.1H4.22222V9.9H6.33333V8.1ZM10.5556 8.1H8.44444V9.9H10.5556V8.1ZM14.7778 8.1H12.6667V9.9H14.7778V8.1ZM16.8889 1.8H15.8333V0H13.7222V1.8H5.27778V0H3.16667V1.8H2.11111C0.939444 1.8 0.0105555 2.61 0.0105555 3.6L0 16.2C0 16.6774 0.22242 17.1352 0.61833 17.4728C1.01424 17.8104 1.55121 18 2.11111 18H16.8889C18.05 18 19 17.19 19 16.2V3.6C19 2.61 18.05 1.8 16.8889 1.8ZM16.8889 16.2H2.11111V6.3H16.8889V16.2Z" fill="white" />
<path d="M6.33333 8.1H4.22222V9.9H6.33333V8.1ZM10.5556 8.1H8.44444V9.9H10.5556V8.1ZM14.7778 8.1H12.6667V9.9H14.7778V8.1ZM16.8889 1.8H15.8333V0H13.7222V1.8H5.27778V0H3.16667V1.8H2.11111C0.939444 1.8 0.0105555 2.61 0.0105555 3.6L0 16.2C0 16.6774 0.22242 17.1352 0.61833 17.4728C1.01424 17.8104 1.55121 18 2.11111 18H16.8889C18.05 18 19 17.19 19 16.2V3.6C19 2.61 18.05 1.8 16.8889 1.8ZM16.8889 16.2H2.11111V6.3H16.8889V16.2Z" fill="black" />
</svg>
25th February
<p class="font-semibold">25th February</p>

</div>
</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-gray-300 text-opacity-100 px-6 pb-4">

Hackathon starts with TechNITI event, showcasing students coding skills and ideas.</p>

<p class="text-sm font-normal leading-snug tracking-wide text-300 text-opacity-100 px-6 pb-4">
<h1 className='font-bold text-lg py-1'>Round 2 Hackathon Begins</h1>

Hackathon starts with TechNITI event, showcasing students coding skills and ideas.
</p>
</div>
</div>
<div className="border-r-4 border-black absolute w-2 h-full right-2 top-0" />
Expand All @@ -107,18 +121,21 @@ function TimeLine2() {
<div class="bg-black h-1 w-6 items-center ml-4 mt-1"></div>
</div>
<div class="flex-1 ml-4 z-10 font-medium">
<div class="order-1 relative shadow-3xl border-2 border-black my-2 space-y-2 bg-blue rounded-lg shadow-only transition-ease ">
<h3 class="flex items-center gap-3 pb-3 font-bold text-white text-lg px-6 pt-3 border-b-2 border-black w-full justify-between "> Final Showdown <div className='flex items-center gap-3' >
<div class="order-1 relative shadow-3xl border-2 border-black my-2 space-y-2 bg-[#EBBFFF] rounded-lg shadow-only transition-ease ">
<h3 class="flex items-center gap-3 pb-3 font-bold text-black text-lg px-6 pt-3 border-b-2 border-black w-full justify-between text-black bg-[#A352C9]"> <div className='flex items-center gap-3' >
<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.33333 8.1H4.22222V9.9H6.33333V8.1ZM10.5556 8.1H8.44444V9.9H10.5556V8.1ZM14.7778 8.1H12.6667V9.9H14.7778V8.1ZM16.8889 1.8H15.8333V0H13.7222V1.8H5.27778V0H3.16667V1.8H2.11111C0.939444 1.8 0.0105555 2.61 0.0105555 3.6L0 16.2C0 16.6774 0.22242 17.1352 0.61833 17.4728C1.01424 17.8104 1.55121 18 2.11111 18H16.8889C18.05 18 19 17.19 19 16.2V3.6C19 2.61 18.05 1.8 16.8889 1.8ZM16.8889 16.2H2.11111V6.3H16.8889V16.2Z" fill="white" />
<path d="M6.33333 8.1H4.22222V9.9H6.33333V8.1ZM10.5556 8.1H8.44444V9.9H10.5556V8.1ZM14.7778 8.1H12.6667V9.9H14.7778V8.1ZM16.8889 1.8H15.8333V0H13.7222V1.8H5.27778V0H3.16667V1.8H2.11111C0.939444 1.8 0.0105555 2.61 0.0105555 3.6L0 16.2C0 16.6774 0.22242 17.1352 0.61833 17.4728C1.01424 17.8104 1.55121 18 2.11111 18H16.8889C18.05 18 19 17.19 19 16.2V3.6C19 2.61 18.05 1.8 16.8889 1.8ZM16.8889 16.2H2.11111V6.3H16.8889V16.2Z" fill="black" />
</svg>
26th February
<p class="font-semibold">26th February</p>

</div>
</h3>
<p class="text-sm font-medium leading-snug tracking-wide text-gray-300 text-opacity-100 px-6 pb-4">

The final showdown round of the hackathon is here, where the top hacks will be presented and a winner will be chosen.</p>

<p class="text-sm font-normal leading-snug tracking-wide text-300 text-opacity-100 px-6 pb-4">
<h1 className='font-bold text-lg py-1'> Final Showdown</h1>

The final showdown round of the hackathon is here, where the top hacks will be presented and a winner will be chosen
</p>
</div>
</div>
</div>
Expand Down
Loading