Skip to content

Instantly share code, notes, and snippets.

@harshraj22

harshraj22/update.html

Created February 3, 2020 11:41
Show Gist options
  • Save harshraj22/c6bcbbd71326b86689400ecca90862dc to your computer and use it in GitHub Desktop.
Save harshraj22/c6bcbbd71326b86689400ecca90862dc to your computer and use it in GitHub Desktop.
Download ZIP
Raw
update.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Parsec</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/responsive.css" rel="stylesheet" />
<link href="css/devfolio.css" rel="stylesheet" />
<!--<link href="css/prices.css" rel="stylesheet" />-->
<link rel="shortcut icon" href="images/logos/favicon.jpg" type="image/x-icon" />
<link rel="icon" href="images/logos/favicon.jpg" type="image/x-icon" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
<!--[if lt IE 9
]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script
><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<style>
.bar {
float: left;
width: 6px;
height: 6px;
border-radius: 2px;
background-color: #4b9cdb;
}
.l-10 {animation-delay: 1.56s;}
.load-10 .bar {animation: loadingJ 2s cubic-bezier(.17,.37,.43,.67) infinite;}
@keyframes loadingJ {
0%,100% {transform: translate(0,0);}
50% {
transform: translate(300px,0);
background-color: #f5634a;
width: 10px;
}
}
x-sign:nth-of-type(1) {
color: #000;
--color1: #111111;
--color2: #fff;
--color3: #111111;
--color4: #111111;
font-family: Gruppo;
}
</style>
<body>
<div class="page-wrapper">
<!-- Preloader -->
<div class="preloader"></div>
<!-- Main Header-->
<header class="main-header header-style-two">
<!--Header-Upper-->
<div class="header-upper">
<div class="outer-container">
<div class="clearfix">
<div class="pull-left logo-box">
<div class="logo">
<a href="index.html"><img src="images/logos/logo-nav.png" alt="" title=""/></a>
</div>
</div>
<div class="nav-outer clearfix">
<!-- Main Menu -->
<nav class="main-menu navbar-expand-md">
<div class="navbar-header">
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div
class="navbar-collapse collapse scroll-nav clearfix"
id="navbarSupportedContent"
>
<ul class="navigation clearfix">
<li><a href="index.html" target="">Home</a></li>
<!-- <li><a href="about.html">About</a></li> -->
<li class="current">
<a href="events.html">Events</a>
<!--<ul>
<li><a href="hackathon.html" target="_blank">DevHack</a></li>
<li><a href="cp.html" target="_blank">AlgoStrike</a></li>
<li><a href="ctf.html" target="_blank">VeniVidiVici</a></li>
<li><a href="robo.html" target="_blank">Synergia</a></li>
</ul>-->
</li>
<li class=""><a href="workshops.html">Workshops</a></li>
<li><a href="schedule.html" target="">Schedule</a></li>
<li><a href="speakers.html" target="">Speakers</a></li>
<!-- <li><a href="gallery.html">Gallery</a></li> -->
<li><a href="faq.html" target="">FAQs</a></li>
<li><a href="team.html" target="">Team</a></li>
<li><a href="contact.html" target="">Contact</a></li>
</ul>
</div>
</nav>
<!-- btn box -->
<!-- <div class="btn-box">
<a href="contact.html#ticket" class="theme-btn btn-style-one">Buy Tickets</a>
</div> -->
</div>
<!--Outer Box-->
<div class="outer-box">
<!-- Nav Toggler -->
<div class="nav-toggler">
<button class="nav-btn"><span class="icon flaticon-arrows"></span></button>
</div>
</div>
</div>
</div>
</div>
<!--End Header Upper-->
</header>
<!--End Main Header -->
<!--Form Back Drop-->
<div class="form-back-drop"></div>
<!-- Hidden Bar -->
<section class="hidden-bar">
<div class="inner-box">
<div class="cross-icon"><span class="fa fa-times"></span></div>
<div class="title">
<h2>Have some queries?</h2>
</div>
<!--Appointment Form-->
<div class="appointment-form">
<form method="post" action="https://formspree.io/[email protected]">
<div class="form-group">
<input type="text" name="text" value="" placeholder="Name" required>
</div>
<div class="form-group">
<input type="email" name="email" value="" placeholder="Email Address" required>
</div>
<div class="form-group">
<input type="text" name="phone" value="" placeholder="Mobile no." required>
</div>
<div class="form-group">
<textarea placeholder="Message"></textarea>
</div>
<div class="form-group">
<button type="submit" class="theme-btn btn-style-one">Submit now</button>
</div>
</form>
</div>
<!--Contact Info Box-->
<div class="contact-info-box">
<ul class="info-list">
<li>[email protected]</li>
<li>+91 9916228725</li>
</ul>
<ul class="social-list clearfix">
<li><a href="https://www.facebook.com/parsec.iitdh" target="_blank">Facebook</a></li>
<!-- <li><a href="#">Linkedin</a></li> -->
<li><a href="https://twitter.com/parsec_iitdh" target="_blank">Twitter</a></li>
<!-- <li><a href="#">Google +</a></li> -->
<li><a href="https://www.instagram.com/parsec2020/" target="_blank">Instagram</a></li>
</ul>
</div>
</div>
</section>
<!--End Hidden Bar -->
<!--Page Title-->
<section class="page-title" style="background-image:url(images/event/devhack/devhack_banner.png);">
<div class="auto-container">
<!-- <span class="float-text">Hackathon</span> -->
<!-- <h1>DevHack 2.0</h1> -->
<ul class="bread-crumb clearfix">
<!-- <li><a href="index.html"></a></li> -->
<li>&nbsp;<br><br></li>
</ul>
</div>
</section>
<!--End Page Title-->
<!-- Project Section -->
<section class="project-section">
<div class="anim-icons">
<span class="icon icon-cross-1"></span>
</div>
<div class="auto-container">
<div class="project-tabs tabs-box">
<div class="row">
<div class="buttons-column col-lg-4 col-md-12 col-sm-12">
<div class="inner-column">
<ul class="tab-buttons tab-btns clearfix">
<li class="tab-btn active-btn" data-tab="#introduction">
<div>Overview</div>
</li>
<li class="tab-btn" data-tab="#timeline">
<div>Timeline</div>
</li>
<li class="tab-btn" data-tab="#theme">
<div>Themes</div>
</li>
<li class="tab-btn" data-tab="#judge">
<div>Judges</div>
</li>
</ul>
</div>
</div>
<div class="content-column col-lg-8 col-md-12 col-sm-12 tabs-content">
<div class="inner-column tab active-tab" id = "introduction">
<section class="login-section" style="background-image:url(images/background/7.jpg);padding-top:0px">
<div class="auto-container p-0">
<div class="login-form">
<div class="row clearfix">
<h1 class="mx-auto mt-5" style ="color:#12114a">About Event</h1>
<div class="form-column col-lg-12 col-md-12 col-sm-12">
<div style = "padding:40px;padding-bottom:10px">
<div class="title-box">
<p class="text-justify" style = "color:#383434;font-size:large ">DevHack 2.0, the second edition of the annual hackathon of IIT Dharwad is back - <i>bigger, better and bolder!</i> We have always believed that engineers and researchers have the power to revolutionize the world by transforming their inspiring ideas into solutions that positively impact the society. Prove your worth in this 36-hour hackathon by ideating, innovating and hacking meaningful solutions to real life problems.</p>
</div>
<div class="row justify-content-center align-items-center" style = "margin:auto;padding-bottom:20px">
<div class="btn-box">
<!-- <a href="#" target="_blank" class="theme-btn btn-style-one btn-rounded mb-4">REGISTRATIONS OPENING SOON</a> -->
<button id="devfolio-apply-now"><svg class="logo" xmlns="http://www.w3.org/2000/svg" fill="#fff"viewBox="0 0 115.46 123.46" style="height:24px;width:24px;margin-right:8px"><path d="M115.46 68a55.43 55.43 0 0 1-50.85 55.11S28.12 124 16 123a12.6 12.6 0 0 1-10.09-7.5 15.85 15.85 0 0 0 5.36 1.5c4 .34 10.72.51 20.13.51 13.82 0 28.84-.38 29-.38h.26a60.14 60.14 0 0 0 54.72-52.47c.05 1.05.08 2.18.08 3.34z" /><path d="M110.93 55.87A55.43 55.43 0 0 1 60.08 111s-36.48.92-48.58-.12C5 110.29.15 104.22 0 97.52l.2-83.84C.38 7 5.26.94 11.76.41c12.11-1 48.59.12 48.59.12a55.41 55.41 0 0 1 50.58 55.34z"/></svg>Apply with Devfolio</button>
</div>
</div>
</div>
</div>
<div class="row justify-content-center align-items-center col-lg-12" style = "margin:auto">
<div class="load-10">
<div class="bar"></div>
</div>
<!--<p style="color:#fff;font-size:20px;text-shadow: 2px 2px 2px #FF0000;">Registrations Closes on 9th February !</p>-->
<h5 style="color:#000;padding-top:20px;padding-bottom:20px">Registration ends on 7th February 2020.</h5>
</div>
<x-sign style="font-size:30px;margin:auto;padding-bottom:30px">
Prizes Worth &#8377; 2,50,000
</x-sign>
<div class="image-column col-lg-11 col-sm-12 col-sm-12">
<div class="image-box wow fadeIn">
<figure class="image"><img src="images/resource/project.jpg" alt="" style = "max-width:600px;margin:auto"></figure>
</div>
</div>
<div class="form-column col-lg-12 col-md-12 col-sm-12" style = "padding:40px">
<div class="card border-danger">
<div style="font-family: 'Roboto', sans-serif; font-size: large; font-weight: bold;"
class="card-body text-center text-danger">
&nbsp; Duration: 36 hours &nbsp; &nbsp; Team Size: 4
</div>
</div>
</br>
<ul class="list-style-four mb-0">
<li style = "color:#12114a">Contest starts:
<strong> 12 Midnight, February 14, 2020 </strong>
</li>
<li style = "color:#12114a">Code of Conduct to be followed.</li>
<li style = "color:hsl(241, 63%, 18%)">Carry fully charged laptops.</li>
<li style = "color:#12114a">Food and mattresses for power naps will be provided</li>
<li style = "color:#12114a">Separate judging for Hardware and Software hacks</li>
</ul>
<p style="font-size: large;color:#12114a">
<strong>Note: </strong> All participating teams in the hardware track will be eligible for a reimbursement of upto a fixed maximum amount of
&#8377;1500.
</p>
<!-- <p class="mt-5 text-center" style="font-size: large; font-style: italic;">
<strong>Use the button below to Register through Devfolio.</strong>
</p> -->
<p class="mt-5" style="font-size: large; font-style: italic;color:#12114a">
<strong>All submissions will only be accepted through Devfolio and their <a href="https://devfolio.co/code-of-conduct" target="_blank">Code of Conduct</a> has to be adhered to.</strong>
</p>
<p style="font-size: large;color:#12114a" class="font-weight-bold">
Still have queries? Reach out to us on our Telegram <a href="https://t.me/joinchat/PV9kHhZlOVP_sOh8TN48Kw" target="_blank">channel</a> and we will try our best to answer all of them.
</p>
</div>
</div>
</div>
</div>
</section>
</div>
<!--Tab Timeline-->
<div class="tab" id="timeline">
<h2 style="font-family: 'Roboto', sans-serif; font-weight: bold;"> TIMELINE </h2>
<hr>
<div class="content-box">
<!-- Timeline -->
<div class="row" >
<!-- timeline item 1 -->
<div class="row">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
<h5 class="m-2">
<span class="badge badge-pill bg-light border">&nbsp;</span>
</h5>
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
</div>
<div class="col py-2">
<div class="card shadow">
<div class="card-body">
<div class="float-right text-danger">10:00 PM, February 14, 2020</div>
<h4 class="card-title text-danger">Orientation</h4>
<p class="card-text text-dark" style="font-size: medium;">A quick session explaining the rules, guidelines, timeline, themes and submission format for the hackathon. Make sure to be there on time.</p>
</div>
</div>
</div>
</div>
<!--/row-->
<!-- timeline item 2 -->
<div class="row">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
<h5 class="m-2">
<span class="badge badge-pill bg-danger">&nbsp;</span>
</h5>
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
</div>
<div class="col py-2">
<div class="card border-danger shadow">
<div class="card-body">
<div class="float-right text-danger">12:00 Midnight, February 15, 2020</div>
<h4 class="card-title text-danger"><strong>Phase 1:</strong> Ideation</h4>
<p class="card-text text-dark mb-1" style="font-size: medium;">
<strong>Behind every great hack, lies a greater idea!</strong> In this phase, teams
are expected to come up with ideas worth hacking.
</p>
<button class="btn btn-sm btn-outline-secondary" type="button" data-target="#t2_details" data-toggle="collapse">More ▼</button>
<div class="collapse mt-3" id="t2_details">
<p class="card-text text-dark" style="font-size: medium;">
Ideas can be real life problems around them that they are keen to solve or can simply be anything they are passionate about and want to see being implemented in this world. The timeline merely serves as a guide to keep track of time and teams who have already decided on the next big change they want to introduce to the world are free to start hacking!
</p>
</div>
</div>
</div>
</div>
</div>
<!--/row-->
<!-- timeline item 3 -->
<div class="row">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
<h5 class="m-2">
<span class="badge badge-pill bg-light border">&nbsp;</span>
</h5>
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
</div>
<div class="col py-2">
<div class="card shadow">
<div class="card-body">
<div class="float-right text-danger">10:00 AM, February 15, 2020</div>
<h4 class="card-title text-danger">Speaker Session</h4>
<p class="card-text text-dark" style="font-size: medium;">
Inspiration comes best from experience. Whether you're looking for a quick idea or are keen to
learn about current trends in technology and see the passion that drives the industry, make
sure you don't miss out on our <a href="speakers.html" target="_blank">Speaker Session.</a>
</p>
</div>
</div>
</div>
</div>
<!--/row-->
<!-- timeline item 4 -->
<div class="row">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
<h5 class="m-2">
<span class="badge badge-pill bg-danger">&nbsp;</span>
</h5>
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
</div>
<div class="col py-2">
<div class="card border-danger shadow">
<div class="card-body">
<div class="float-right text-danger">2:00 PM, February 15, 2020</div>
<h4 class="card-title text-danger"><strong>Phase 2:</strong> Innovation</h4>
<p class="card-text text-dark mb-1" style="font-size: medium;">
<strong>Let the hacking begin!</strong> In this phase, teams
are expected to have started protoyping and developing their idea.
As important as an idea can be, transforming it into a solution that impacts the world is all the more essential.
</p>
</div>
</div>
</div>
</div>
<!--/row-->
<!-- timeline item 4 -->
<div class="row">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
<h5 class="m-2">
<span class="badge badge-pill bg-light border">&nbsp;</span>
</h5>
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
</div>
<div class="col py-2">
<div class="card border-danger shadow">
<div class="card-body">
<div class="float-right text-danger">10:00 PM, February 15, 2020</div>
<h4 class="card-title text-danger"><strong>Phase 3:</strong> Power Hacking</h4>
<p class="card-text text-dark mb-1" style="font-size: medium;">
<strong>Tick-tock Tick-tock!</strong> Make sure you make every second count as you build upon your hack
and go the distance by making it into a minimum viable product.
</p>
</div>
</div>
</div>
</div>
<!--/row-->
<!-- timeline item 4 -->
<div class="row">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
<h5 class="m-2">
<span class="badge badge-pill bg-danger">&nbsp;</span>
</h5>
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
</div>
<div class="col py-2">
<div class="card border-danger shadow">
<div class="card-body">
<div class="float-right text-danger">6:00 AM, February 16, 2020</div>
<h4 class="card-title text-danger"><strong>Phase 4:</strong> Submission</h4>
<p class="card-text text-dark mb-1" style="font-size: medium;">
<strong> Submit your hack on Devfolio</strong> and let the world know what you made for them to be eligible to compete for the top positions in <strong>DevHack 2.0</strong>.
</p>
</div>
</div>
</div>
</div>
<!--/row-->
<!-- timeline item 4 -->
<div class="row">
<div class="col-auto text-center flex-column d-none d-sm-flex">
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
<h5 class="m-2">
<span class="badge badge-pill bg-danger">&nbsp;</span>
</h5>
<div class="row h-50">
<div class="col border-right">&nbsp;</div>
<div class="col">&nbsp;</div>
</div>
</div>
<div class="col py-2">
<div class="card border-danger shadow">
<div class="card-body">
<div class="float-right text-danger">10:30 AM, February 16, 2020</div>
<h4 class="card-title text-danger"><strong>Phase 5:</strong> Submission</h4>
<p class="card-text text-dark mb-1" style="font-size: medium;">
<strong> Time to impress the Judges!</strong> Top teams will present their brilliant hack for the final evaluation in the auditorium after 2:00 PM.
</p>
</div>
</div>
</div>
</div>
<!--/row-->
</div>
</div>
</div>
<!--Tab-->
<div class="tab" id="theme">
<h2 style="font-family: 'Roboto', sans-serif; font-weight: bold;"> THEMES </h2>
<hr>
<div class="content-box">
<p style="font-size: large;color:#12114a"> The hackathon has two main tracks -
<br><span class="text-danger">(i) <strong>Hardware</strong>
<br>(ii) <strong>Software</strong></span>
<br>
Each hack will be judged and ranked separately in their respective tracks.
<br><br>
The participants are required to choose from the below given themes and pick up a general problem statement
and solve it based on their domain expertise.
</p>
<!-- Pricing Section -->
<section class="pricing-section style-four" style = "padding-top:10px">
<div class="anim-icons">
<span class="icon icon-circle-1 wow zoomIn"></span>
<span class="icon icon-circle-2 wow zoomIn" data-wow-delay="600ms"></span>
<span class="icon icon-circle-3 wow zoomIn" data-wow-delay="1200ms"></span>
<span class="icon icon-circle-4 wow zoomIn" data-wow-delay="1800ms"></span>
</div>
<div class="auto-container col-lg-12">
<div class="row">
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 shadow p-3 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/brain.png" alt="">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Artificial Intelligence</h5 style="text-align: center;">
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 shadow p-3 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/idea.png" alt="">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Open Innovation</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 h-25 shadow p-3 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/iot.png" alt="">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">IoT</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 h-25 shadow p-3 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/mobility.png" alt="">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Future Mobility</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 shadow p-3 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/blockchain.png" alt="">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Blockchain</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 shadow p-3 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/edu.png" alt="">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Edtech</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 shadow p-3 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/fin.png" alt="">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Fintech</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 shadow p-3 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/mri.png" alt="">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Health</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 shadow p-3 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/network.png" alt="">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Security</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 shadow p-1 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/web.png" alt="">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Web and App Dev</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 shadow p-1 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/heat.jpg" alt="" style="height:185px margin:auto;">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Heat Transfer</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 shadow p-1 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/fluid.jpg" alt="" style="height:185px margin:auto;">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Fluid Mechanics</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 shadow p-1 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/mechanics.jpg" alt="" style="height:185px margin:auto;">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Mechanics</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
<!-- Pricing Block -->
<div class="col-12 col-sm-6 col-lg-3 shadow p-1 mb-5 bg-white rounded">
<div class="single-speaker-area bg-gradient-overlay-2 wow fadeInUp" data-wow-delay="300ms">
<!-- Thumb -->
<div class="speaker-single-thumb">
<img src="./images/event/devhack/thermo.svg" alt="" style="height:185px margin:auto;">
</div>
<!-- Info -->
<div class="speaker-info">
<h5 style="text-align: center;">Applied Thermodynamics</h5>
</div>
</div>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;
</div>
</div>
</section>
<!--End Pricing Section -->
<!-- Theme List -->
<!--
<div class="row">
<div class="col py-2">
<div class="card">
<div class="card-body">
<h4 class="card-title text-dark"><strong>Algorithms and Optimization</strong></h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col py-2">
<div class="card">
<div class="card-body">
<h4 class="card-title text-dark"><strong>Artificial Intelligence</strong></h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col py-2">
<div class="card">
<div class="card-body">
<h4 class="card-title text-dark"><strong>Blockchain</strong></h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col py-2">
<div class="card">
<div class="card-body">
<h4 class="card-title text-dark"><strong>Future of Education</strong></h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col py-2">
<div class="card">
<div class="card-body">
<h4 class="card-title text-dark"><strong>FinTech</strong></h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col py-2">
<div class="card">
<div class="card-body">
<h4 class="card-title text-dark"><strong>Health</strong></h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col py-2">
<div class="card">
<div class="card-body">
<h4 class="card-title text-dark"><strong>Networks and Security</strong></h4>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col py-2">
<div class="card">
<div class="card-body">
<h4 class="card-title text-dark"><strong>Open Innovation</strong></h4>
</div>
</div>
</div>
</div>
-->
</div>
</div>
<div class="tab" id="judge">
<h2 style="font-family: 'Roboto', sans-serif; font-weight: bold;"> TIMELINE </h2>
<hr>
<div class="content-box">
<!-- Timeline -->
<!-- <div class="row" > -->
<!-- timeline item 1 -->
<div class="row">
<div class="col-md-5 py-2">
<div class="card border-danger shadow">
<div class="card-body">
<!--<div class="float-right text-danger">10:00 PM, February 14, 2020</div>-->
<h4 class="card-title text-danger">Dr. Deepak K T</h4>
<p class="card-text text-dark mb-1" style="font-size: medium;"><strong>Assistant Professor, ECE Department</strong> <br>IIIT Dharwad<br><span style="color:#707070">Member of Jury</span></p>
</div>
</div>
</div>
<!-- </div> -->
<!--/row-->
<!-- timeline item 2 -->
<!-- <div class="row"> -->
<div class="col-md-0.5 text-center flex-column d-none d-sm-flex">
<!-- <div class="row h-50"> -->
<!-- <div class="col border-right">&nbsp;</div> -->
<!-- <div class="col">&nbsp;</div> -->
<!-- </div> -->
<!-- <h5 class="m-2"> -->
<br><br><br>
<span class="badge badge-pill bg-danger">&nbsp;</span>
<!-- </h5> -->
<!-- <div class="row h-50"> -->
<!-- <div class="col border-right">&nbsp;</div> -->
<!-- <div class="col">&nbsp;</div> -->
<!-- </div> -->
</div>
<div class="col-md-5 py-2">
<div class="card border-danger shadow">
<div class="card-body">
<!--<div class="float-right text-danger">12:00 Midnight, February 15, 2020</div>-->
<h4 class="card-title text-danger"><strong></strong>Dr. Uma M</h4>
<p class="card-text text-dark mb-1" style="font-size: medium;">
<strong>Dean R&D<br>KLE Tech Hubli</strong>
<br><span style="color:#707070">Member of Jury</span>
</p>
</div>
</div>
</div>
</div>
<!--/row-->
<!-- timeline item 3 -->
<div class="row">
<div class="col-md-5 py-2">
<div class="card border-danger shadow">
<div class="card-body">
<!--<div class="float-right text-danger">2:00 PM, February 15, 2020</div>-->
<h4 class="card-title text-danger"><strong></strong>Mr. Girish Patil</h4>
<p class="card-text text-dark mb-1" style="font-size: medium;color:#000">
<strong>GDG Hubli Organiser</strong><br>
<span style="color:#707070">Member of Jury</span>
</p>
</div>
</div>
</div>
<!-- </div> -->
<!--/row-->
<!-- timeline item 4 -->
<!-- <div class="row"> -->
<div class="col-md-0.5 text-center flex-column d-none d-sm-flex">
<!-- <div class="row h-50"> -->
<!-- <div class="col border-right">&nbsp;</div> -->
<!-- <div class="col">&nbsp;</div> -->
<!-- </div> -->
<!-- <h5 class="m-2"> -->
<br><br><br>
<span class="badge badge-pill bg-danger">&nbsp;</span>
<!-- </h5> -->
<!-- <div class="row h-50"> -->
<!-- <div class="col border-right">&nbsp;</div> -->
<!-- <div class="col">&nbsp;</div> -->
<!-- </div> -->
</div>
<div class="col-md-5 py-2">
<div class="card border-danger shadow">
<div class="card-body">
<!--<div class="float-right text-danger">2:00 PM, February 15, 2020</div>-->
<h4 class="card-title text-danger"><strong></strong>Prof. Vasudev Parvati</h4>
<p class="card-text text-dark mb-1" style="font-size: medium;">
<strong>HOD, ECE Department, SDMCET</strong><br>
<span style="color:#707070">Member of Jury</span>
</p>
</div>
</div>
</div>
</div>
<!-- </div> -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--End Project Section -->
<!-- Main Footer -->
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
<link href="css/footer.css" rel="stylesheet">
<!-- Footer -->
<footer class="pt-5 pb-4" id="contact">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6 my-auto">
<a href="index.html" target="_blank"><img src="images/logos/logo-footer.png" alt="footer-logo"></a>
<p class="mb-4 mt-4">IIT Dharwad Gymkhana, IIT Dharwad, Walmi Campus, Belur, Dharwad, Karnataka PIN-580011</p>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 mt-2 mb-4">
<h5 class="mb-4 font-weight-bold text-white">EVENT</h5>
<ul class="f-address">
<li>
<div class="row">
<div class="col-12">
<a class="mb-0" href="hackathon.html">DevHack 2.0</a><br>
<a class="mb-0" href="ctf.html">VeniVidiVici</a><br>
<a class="mb-0" href="cp.html">Algostrike</a><br>
<a class="mb-0" href="robo.html">Synergia</a><br>
<a class="mb-0" href="pubg.html">Wipeout</a><br>
<a class="mb-0" href="quiz.html">SciTech Quiz</a><br>
</div>
</div>
</li>
</ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 mt-2 mb-4">
<h5 class="mb-4 font-weight-bold text-white">SUPPORT</h5>
<ul class="f-address">
<li>
<div class="row">
<div class="col-12">
<a class="mb-0" href="sponsors.html">Sponsors</a><br>
<a class="mb-0" href="gallery.html">Gallery</a><br>
<a href="contact.html">Contact Us</a><br>
<a href="about.html">About Us</a><br>
<a href="code_of_conduct.html">Code Of Conduct</a><br>
<!-- <a href="#" target="_blank">Privacy Policy</a> -->
</div>
</div>
</li>
</ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 mt-2 mb-4">
<h5 class="mb-4 font-weight-bold text-white">SOCIAL MEDIA</h5>
<!-- <div class="input-group">
<input type="text" class="form-control" placeholder="Your Email Address">
<span class="input-group-addon" id="basic-addon2"><i class="fas fa-check"></i></span>
</div> -->
<ul class="social-pet mt-4 mb-4">
<li><a href="https://www.facebook.com/parsec.iitdh" target="_blank" title="Facebook"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="https://twitter.com/parsec_iitdh" target="_blank" title="Twitter"><i class="fab fa-twitter"></i></a></li>
<li><a href="https://t.me/joinchat/AAAAAFcfPNde3RmitAKyxg" target="_blank" style="background: #0088cc" title="Telegram"><i class="fab fa-telegram"></i></a></li>
<li><a href="https://www.instagram.com/parsec_iit_dharwad/" target="_blank" style="background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
box-shadow: 0px 3px 10px rgba(0,0,0,.25);" title="instagram"><i class="fab fa-instagram" ></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Copyright -->
<section class="copyright">
<div class="container">
<div class="row">
<div class="col-md-12 ">
<div class="text-center text-white font-weight-bold">
Copyright &copy; 2020 - OSS, Indian Institute of Technology, Dharwad. All Rights Reserved.
</div>
</div>
</div>
</div>
</section>
<!-- End Footer -->
<!--End pagewrapper-->
<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-double-up"></span></div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script src="js/jquery.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/appear.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/countdown.js"></script>
<script src="js/script.js"></script>
<script src="js/prices.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
let devfolioOptions = {
buttonSelector: '#devfolio-apply-now',
key: 'devhack2020',
}
let script = document.createElement('script');
script.src = "https://apply.devfolio.co";
document.head.append(script);
script.onload = function () {
new Devfolio(devfolioOptions);
}
script.onerror = function () {
document.querySelector(devfolioOptions.buttonSelector).addEventListener('click', function () {
window.location.href = 'https://devfolio.co/external-apply/' + devfolioOptions.key;
});
}
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment