<title>Tech Fest</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<script src="static/js/countdown.js">

</script>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" crossorigin="anonymous" />

<link rel="stylesheet" href="static/css/style.css">

<link rel="stylesheet" href="static/css/tailwind.min.css">

<header class="text-gray-600 body-font bg-gray-900" id="navbar">

<div class="mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">

<a class="flex title-font font-medium items-center text-gray-900 mb-4 md:mb-0">

<span class="ml-3 text-xl text-white">Tech Fest</span>

</a>

<nav class="md:ml-auto flex flex-wrap items-center text-base justify-center">

<a class="mr-5 hover:text-blue-500 text-white" href="#">Home</a>

<a class="mr-5 hover:text-blue-500 text-white" href="#events">Events</a>

<a class="mr-5 hover:text-blue-500 text-white" href="our-team.html">Our Team</a>

<a class="mr-5 hover:text-blue-500 text-white" href="contact.html">Contact Us</a>

</nav>

<a href="login.html"><button class="inline-flex items-center bg-gray-100 border-0 py-1 px-3 focus:outline-none hover:bg-gray-200 rounded text-base mt-4 md:mt-0 hover:text-blue-500">Login/Signup

</button></a>

</div>

</header>

<section id="home" class="bg-gray-800">

<div class="container px-5 py-24 mx-auto flex flex-wrap flex-col">

<div class="flex flex-col text-center w-full">

<h1 class="text-6xl font-medium title-font mb-4 text-white">Ctrl Alt Elite </h1>

<h3 class="lg:w-2/3 mx-auto leading-relaxed text-base text-white">A Tech Fest to unleash the best of you!</h3>

<h5 class="lg:w-2/3 mx-auto leading-relaxed text-base text-white">

Organized by Department of Computer Science, Dev Sanskriti Vishwavidyalaya, Haridwar.

</h5>

<p id="countdown" class="text-red-800 text-4xl font-semibold"></p>

</div>

</div>

<a href="#events" class="scroll-down arrows">

<span></span>

<span></span>

<span></span>

</section>

<section class="text-white body-font bg-gray-900" id="events">

<div class="container px-5 py-24 mx-auto">

<div class="flex flex-col text-center w-full mb-20">

<h1 class="sm:text-3xl text-4xl font-medium title-font mb-4 text-white">Events</h1>

<!-- <p class="lg:w-2/3 mx-auto leading-relaxed text-base"></p> -->

</div>

<div class="flex flex-wrap -m-4">

<div class="lg:w-1/3 sm:w-1/2 p-4">

<div class="flex relative">

<img alt="gallery" class="absolute inset-0 w-full h-full object-cover object-center" src="static/img/eve3.png">

<div class="px-8 py-10 relative z-10 w-full border-4 border-green-200 bg-gray-800 opacity-25 hover:opacity-100">

<h1 class="title-font text-lg font-medium text-white mb-3">Competitive Coding</h1>

<p class="leading-relaxed">2 rounds of coding, powered by HackerEarth and HackeRank.</p>

<a href="events/competitive_coding.html"><h2 class="tracking-widest text-sm title-font font-medium text-indigo-500 mb-1">View Details</h2></a>

</div>

</div>

</div>

<div class="lg:w-1/3 sm:w-1/2 p-4">

<div class="flex relative">

<img alt="gallery" class="absolute inset-0 w-full h-full object-cover object-center" src="static/img/eve4.png">

<div class="px-8 py-10 relative z-10 w-full border-4 border-green-200 bg-gray-800 opacity-25 hover:opacity-100">

<h1 class="title-font text-lg font-medium text-white mb-3">D-Bug</h1>

<p class="leading-relaxed">Find the error(s) in the given codes.</p>

<a href="events/dbug.html"><h2 class="tracking-widest text-sm title-font font-medium text-indigo-500 mb-1">View Details</h2></a>

</div>

</div>

</div>

<div class="lg:w-1/3 sm:w-1/2 p-4">

<div class="flex relative">

<img alt="gallery" class="absolute inset-0 w-full h-full object-cover object-center" src="static/img/img3.jpeg">

<div class="px-8 py-10 relative z-10 w-full border-4 border-green-200 bg-gray-800 opacity-25 hover:opacity-100">

<h1 class="title-font text-lg font-medium text-white mb-3">Tech Trivia</h1>

<p class="leading-relaxed">Technical Quiz.</p>

<a href="events/competitive_coding.html"><h2 class="tracking-widest text-sm title-font font-medium text-indigo-500 mb-1">View Details</h2></a>

</div>

</div>

</div>

<div class="lg:w-1/3 sm:w-1/2 p-4">

<div class="flex relative">

<img alt="gallery" class="absolute inset-0 w-full h-full object-cover object-center" src="static/img/eve3.png">

<div class="px-8 py-10 relative z-10 w-full border-4 border-green-200 bg-gray-800 opacity-25 hover:opacity-100">

<h1 class="title-font text-lg font-medium text-white mb-3">Creative Coding</h1>

<p class="leading-relaxed">Show your creativity using your code, either it is CSS, JS or Python, Java.</p>

<a href="events/competitive_coding.html"><h2 class="tracking-widest text-sm title-font font-medium text-indigo-500 mb-1">View Details</h2></a>

</div>

</div>

</div>

<div class="lg:w-1/3 sm:w-1/2 p-4">

<div class="flex relative">

<img alt="gallery" class="absolute inset-0 w-full h-full object-cover object-center" src="static/img/eve4.png">

<div class="px-8 py-10 relative z-10 w-full border-4 border-green-200 bg-gray-800 opacity-25 hover:opacity-100">

<h1 class="title-font text-lg font-medium text-white mb-3">Blog Writing</h1>

<p class="leading-relaxed">Show your hidden technical scripter, write awesome technical blogs/articles.</p>

<a href="events/competitive_coding.html"><h2 class="tracking-widest text-sm title-font font-medium text-indigo-500 mb-1">View Details</h2></a>

</div>

</div>

</div>

<div class="lg:w-1/3 sm:w-1/2 p-4">

<div class="flex relative">

<img alt="gallery" class="absolute inset-0 w-full h-full object-cover object-center" src="static/img/event1.png">

<div class="px-8 py-10 relative z-10 w-full border-4 border-green-200 bg-gray-800 opacity-25 hover:opacity-100">

<h1 class="title-font text-lg font-medium text-white mb-3">Brain Spark</h1>

<p class="leading-relaxed">Basic but tricky puzzles and riddles.</p>

<a href="events/competitive_coding.html"><h2 class="tracking-widest text-sm title-font font-medium text-indigo-500 mb-1">View Details</h2></a>

</div>

</div>

</div>

</div>

</div>