index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<!-- ========== Meta Tags ========== -->
	<meta charset="UTF-8">
	<meta name="description" content="Evento -Event Html Template">
	<meta name="keywords" content="Evento , Event , Html, Template">
	<meta name="author" content="ColorLib">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- ========== Title ========== -->
	<title> HackData</title>
	<!-- ========== Favicon Ico ========== -->
	<!--<link rel="icon" href="fav.ico">-->
	<!-- ========== STYLESHEETS ========== -->
	<!-- Bootstrap CSS -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet">
	<!-- Fonts Icon CSS -->
	<link href="assets/css/font-awesome.min.css" rel="stylesheet">
	<link href="assets/css/et-line.css" rel="stylesheet">
	<link href="assets/css/ionicons.min.css" rel="stylesheet">
	<!-- Carousel CSS -->
	<link href="assets/css/owl.carousel.min.css" rel="stylesheet">
	<link href="assets/css/owl.theme.default.min.css" rel="stylesheet">
	<!-- Animate CSS -->
	<link rel="stylesheet" href="assets/css/animate.min.css">
	<!-- Custom styles for this template -->
	<link href="assets/css/main.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="https://icons8.com">
</head>
<body>
<div class="loader">
	<div class="loader-outter"></div>
	<div class="loader-inner"></div>
</div>

<!--header start here -->
<header class="header navbar fixed-top navbar-expand-md">
	<div class="container">
		<a class="navbar-brand logo" href="#">
			<img src="assets/img/logo.png" alt="HackData"/><!-- add logo here -->
		</a>
		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#headernav" aria-expanded="false" aria-label="Toggle navigation">
			<span class="lnr lnr-text-align-right"></span>
		</button>
		<div class="collapse navbar-collapse flex-sm-row-reverse" id="headernav">
			<ul class=" nav navbar-nav menu">
				<li class="nav-item">
					<a class="nav-link active" href="#">Home</a>
				</li>
				<li class="nav-item">
					<a class="nav-link active" href="#about">About</a>
				</li>
				<li class="nav-item">
					<a class="nav-link " href="#tracks">Tracks</a>
				</li>
				<li class="nav-item">
					<a class="nav-link " href="#participation">Participation</a>
				</li>
				<li class="nav-item">
					<a class="nav-link " href="#footer">Contact</a>
				</li>
				<li class="nav-item">
					<a class="nav-link btn btn-primary btn-rounded" href="https://docs.google.com/forms/d/e/1FAIpQLSemmmx6c0gT9VkGsTmb3pvY-rJoWYFSmt3R6CqzK-_E2F3RXA/viewform">Register Now</a>
				</li>
			</ul>
		</div>
	</div>
</header>
<!--header end here-->

<!--cover section slider -->
<section id="home" class="home-cover">
	<div class="cover_slider owl-carousel owl-theme">
		<div class="cover_item" style="background: url('assets/img/bg/slider.png');">
			 <div class="slider_content">
				<div class="slider-content-inner">
					<div class="container">
						<div class="slider-content-center">
							<p class="cover-xl-text">HackData <br>
<center><font size="3">Powered By:</font> <img src="assets/img/brands/newb6.png" width="20%" height="20%"> <img src="assets/img/brands/newb7.png" width="20%" height="20%"></center>
							</p>
							<p class="cover-date">
								Shiv Nadar University.
							</p>
							<p class="cover-date">
								 8-9 February 2019

							</p>
							<a href="https://docs.google.com/forms/d/e/1FAIpQLSemmmx6c0gT9VkGsTmb3pvY-rJoWYFSmt3R6CqzK-_E2F3RXA/viewform" class=" btn btn-primary btn-rounded" >
								Register Now
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="cover_item" style="background: url('assets/img/bg/slider.png');">
			<div class="slider_content">
				<div class="slider-content-inner">
					<div class="container">
						<div class="slider-content-left">
							<p class="cover-xl-text">HackData<br>
<font size="3">Powered By:</font> <img src="assets/img/brands/newb6.png" width="20%" height="20%"> <img src="assets/img/brands/newb7.png" width="20%" height="20%"></p>
							<p class="cover-date">
								Shiv Nadar University.
							</p>
							<p class="cover-date">
								 8-9 February 2019
							</p>
							<a href="https://docs.google.com/forms/d/e/1FAIpQLSemmmx6c0gT9VkGsTmb3pvY-rJoWYFSmt3R6CqzK-_E2F3RXA/viewform" class=" btn btn-primary btn-rounded" >
								Register Now
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="cover_item" style="background: url('assets/img/bg/slider.png');">
			<div class="slider_content">
				<div class="slider-content-inner">
					<div class="container">
						<div class="slider-content-center">
							<p class="cover-xl-text">HackData
<br>
<center>
<font size="3">Powered By:</font> <img src="assets/img/brands/newb6.png" width="20%" height="20%"> <img src="assets/img/brands/newb7.png" width="20%" height="20%"></p></center>
							<p class="cover-date">
								Shiv Nadar University.
							</p>
							<p class="cover-date">
								 8-9 February 2019
							</p>
							<a href="https://docs.google.com/forms/d/e/1FAIpQLSemmmx6c0gT9VkGsTmb3pvY-rJoWYFSmt3R6CqzK-_E2F3RXA/viewform" class=" btn btn-primary btn-rounded" >
								Register Now
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!--cover section slider end -->

<!--event info -->
<!-- <section class="pt50 pb50">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-4 col-md-4  ">
				<div class="icon_box_two">
					<i class="ion-ios-calendar-outline"></i>
					<div class="content">
						<h5 class="box_title">
							DATE
						</h5>
						<p>
							4-6 November 2018
						</p>
					</div>
				</div>
			</div>

			<div class="col-4 col-md-4  ">
				<div class="icon_box_two">
					<i class="ion-ios-location-outline"></i>
					<div class="content">
						<h5 class="box_title">
							location
						</h5>
						<p>
							Shiv Nadar University, Dadri
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</section> -->

<!--about mission of hackdata -->
<section class="pt50 pb50">
	<div class="container asd">
		<div class="section_title">
			<h3 class="title">
				Mission
			</h3>
		</div>
		<div class="row justify-content-center">
			<div class="col-12 col-md-6">
				<p>
					Our mission is to allow participants to be a part of a gender diverse and technologically inclined community. It is to bring people with technical backgrounds together
to form teams to solve a problem or develop new ideas.
Our goal is to make way for newcomers and to make them familiar with the hackathon environment while learning how tackle with some of the most exciting problems.
Well, we here at SNU provide you with a platform to each contestant to showcase how avant-garde they are and also test their problem solving skills under the constraints of time.
So buckle up!
Prepare yourself to help your brain transform all the technical thoughts into reality.
Something awesome waits for you!!!!
				</p>
			</div>
			<div class="col-12 col-md-6" style="background: url('assets/img/bg/mission.jpg'); background-size: contain; background-size: cover;">
			</div>
		</div>
	</div>
</section>
<!-- end of mission part -->

<!-- about part starts -->
<section id="about" class="pt50 pb50">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-12 col-md-6">
				<p></p>
			</div>
			<div class="col-12 col-md-6">
				<div class="section_title">
					<h3 class="title">
						About HackData
					</h3>
				</div>
			</div>
		</div>
		<div class="row justify-content-center">
			<div class="col-12 col-md-6" style="background: url('assets/img/bg/about.jpg');background-size: cover;background-repeat: no-repeat;">
			</div>
			<div class="col-12 col-md-6">
				<p>
					Hackdata is a multifaceted and a social coding event that would bring together computer programmers and other interested people together
from a variety of fields under one roof to improve upon or build a new software program.
Engineers, business students, designers and enterpreneurs would together build solutions utilizing data science in useful and positive ways.

Finally, the goal of HackData is to create usable software with the goal of creating a functioning product by the end of the event.
There is a special award category for the all women's team that makes the best project! This should surely motivate females to form and work in all women's teams.
				</p>
			</div>
		</div>
	</div>
</section>
<!-- about part ends -->


<!-- atal part starts
<section class="pt50 pb50">
	<div class="container asd">
		<div class="section_title">
			<h3 class="title">
				About Atal Incubation Center
			</h3>
		</div>
		<div class="row justify-content-center">
			<div class="col-12 col-md-6">
				<p>
					The Government of India setup the Atal Innovation Mission (AIM) at NITI Aayog in 2016 with the overarching purpose of promoting a culture of innovation and entrepreneurship in the country. This was done to address the need to create high-class incubation facilities across various parts of India with suitable physical infrastructure in terms of capital equipment and operating facilities, coupled with the availability of sectoral experts for mentoring the start-ups.
The identified sectors included manufacturing, transport, energy, health, education, agriculture, water and sanitation etc. 
				</p>
			</div>
			<div class="col-12 col-md-6" style="background: url('assets/img/bg/aic.jpg'); background-size: contain; background-size: cover;">
			</div>
		</div>
	</div>
</section>
atal part ends -->

 <!-- tracks begin -->
	<section id="tracks" class="pt50 pb50">   
		<div class="container">
		<div class="row justify-content-center mt30">
			<div class="section_title" style="margin: 0 475px;">
			<h3 class="title">
				Tracks
			</h3>
		</div> 
			<div class="col-12 col-md-6 col-lg-6">
				<div class="icon_box_one ">
					<div class="content item">
						<h4>Entertainment and Travel</h4>
						<hr>
						<p class="remove_text less_text">
							Travel and entertainment are two hot booming sectors in the country. Automate your parties, generate your movie... 
						</p>
						<a href="#" class="less_text read_more remove_text">read more</a>
						<p class="more_text remove_text1" style="display: none;">
					        Travel and entertainment are two hot booming sectors in the country. Automate your parties, generate your movie scripts, make trip recommendations and plan your vacations with AI and data science.
					    </p>
					    <a href="#" class="read_less more_text remove_text1" style="display: none;">read less</a>
					</div>
				</div>
			</div>

			<div class="col-12 col-md-6 col-lg-6">
				<div class="icon_box_one">
					<div class="content item">
						<h4>Health and Fitness</h4>
						<hr>
						<p class="remove_text less_text">
							With revolutionized software and machinery, effective treatment and disease control could not have been made ...
						</p>
						<a href="#" class="less_text read_more remove_text">read more</a>
						<p class="more_text remove_text1" style="display: none;">
					        With revolutionized software and machinery, effective treatment and disease control could not have been made easier. Smart trackers and real-time sensors are all the rage these days. Code away at innovative ideas that address these problems that loom over the society and the health and wellness industry today.
					    </p>
					    <a href="#" class="read_less more_text remove_text1" style="display: none;">read less</a>
					</div>
				</div>
			</div>

			<div class="col-12 col-md-6 col-lg-6">
				<div class="icon_box_one">
					<div class="content item">
						<h4>Sustainable Development</h4>
						<hr>
						<p class="remove_text less_text">
							 Technology has changes our life in many ways. Yet, there is reaching out needed, and several social issues...
						</p>
						<a href="#" class="less_text read_more remove_text">read more</a>
						<p class="more_text remove_text1" style="display: none;">
					        Technology has changes our life in many ways. Yet, there is reaching out needed, and several social issues, especially in a diverse place like India that still remain to be countered.
					    </p>
					    <a href="#" class="read_less more_text remove_text1" style="display: none;">read less</a>
					</div>
				</div>
			</div>

			<div class="col-12 col-md-6 col-lg-6">
				<div class="icon_box_one">
					<div class="content item">
						<h4>Business and Finance</h4>
						<hr>
						<p class="remove_text less_text">
							 Cryptocurrencies and blockchains have created a wave in the market. Stock and mutual fund traders are already ...
						</p>
						<a href="#" class="less_text read_more remove_text">read more</a>
						<p class="more_text remove_text1" style="display: none;">
					        Cryptocurrencies and blockchains have created a wave in the market. Stock and mutual fund traders are already leveraging the power of computers and data analytics. So are banks and even the smallest of cash-counters. Think, innovate and create something that’ll get the green $ pouring in.
					    </p>
					    <a href="#" class="read_less more_text remove_text1" style="display: none;">read less</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- tracks end -->


<!-- how to participate -->
<section id="participation" class="pt50 pb50">
	<div class="conatiner">
		<div class="row justify-content-center mt30">
		<div class="section_title" style="margin: 0 475px";>
			<h3 class="title">
				How To Participate
			</h3>
		</div>
		<table style="margin-right: 300px;">
			<tbody>
				<tr>
					<td style="padding-left: 350px;">1</td>
					<td style="padding-left: 100px;">Registration</td>
				</tr>
				<tr>
					<td style="padding-left: 350px;"></td>
					<td style="padding-left: 100px;"><hr></td>
				</tr>
				<tr>
					<td style="padding-left: 350px;">2</td>
					<td style="padding-left: 100px;">A few days later, you will receive an email. The email will instruct to confirm your participation or inform you that the seats are full</td>
				</tr>
				<tr>
					<td style="padding-left: 350px;"></td>
					<td style="padding-left: 100px;"><hr></td>
				</tr>
				<tr>
					<td style="padding-left: 350px;">3</td>
					<td style="padding-left: 100px;">In case it asks you to confirm your participation, follow the instruction to confirm></td>
				</tr>
				<tr>
					<td style="padding-left: 350px;"></td>
					<td style="padding-left: 100px;"><hr></td>
				</tr>
				<tr>
					<td style="padding-left: 350px;">4</td>
					<td style="padding-left: 100px;">Next, you will receive an email informing about your confirmation and list of important instructions and information for the hackathon</td>
				</tr>
				<tr>
					<td style="padding-left: 350px;"></td>
					<td style="padding-left: 100px;"><hr></td>
				</tr>
				<tr>
					<td style="padding-left: 350px;">5</td>
					<td style="padding-left: 100px;">After being selected, make sure to select one of the tracks, come up with an interesting idea/solution in the track and prepare your ammunitions (laptop, software, hardware, plans etc) for the day.</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
</section>

<!-- how to participate section end -->


<!--schedule starts-->
<section class="pt50 pb50">
	<div class="container">
		<div class="row justify-content-center mt30">
		<div class="section_title" style="margin: 0 475px";>
			<h3 class="title">
				Schedule
			</h3>
		</div>
		<div class="col-lg-4 col-4" style=" display: inline-block;">
			<div style="text-align: right;">11:00 AM - 1:00 PM</div>
			<div style="text-align: right;">Day 1</div>
		</div>
		<div class="col-lg-4 col-4" style=" display: inline-block;">
			<div class="circle" style="margin: 0 auto;"></div>
		</div>
		<div class="col-lg-4 col-4" style=" display: inline-block;">
			<div style="text-align: left;">Registration</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: right;">1:00 PM - 1:45 PM</div>
			<div style="text-align: right;">Day 1</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div class="circle" style="margin: 0 auto;"></div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: left;">Lunch</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: right;">02:00 PM</div>
			<div style="text-align: right;">Day 1</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div class="circle" style="margin: 0 auto;"></div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: left;">Hack</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: right;">09:00 PM - 09:45 PM</div>
			<div style="text-align: right;">Day 1</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div class="circle" style="margin: 0 auto;"></div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-alignright;">Dinner</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: right;">10:00 AM - 12:00 PM</div>
			<div style="text-align: right;">Day 2</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div class="circle" style="margin: 0 auto;"></div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-alignright;">Judges Visit</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: right;">12:00 PM - 01:00 PM</div>
			<div style="text-align: right;">Day 2</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div class="circle" style="margin: 0 auto;"></div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: left;">Tech Check</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: right;">12:00 PM - 12:45 PM</div>
			<div style="text-align: right;">Day 2</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div class="circle" style="margin: 0 auto;"></div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: left;">Lunch</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: right;">01:30 PM - 03:30 PM</div>
			<div style="text-align: right;">Day 2</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div class="circle" style="margin: 0 auto;"></div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: left;">Presentation</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: right;">04:00 PM - 05:00 PM</div>
			<div style="text-align: right;">Day 2</div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div class="circle1" style="margin: 0 auto;"></div>
		</div>
		<div class="col-lg-4 col-4"style="margin-top: 25px; display: inline-block;">
			<div style="text-align: left;">Closing Ceremony</div>
		</div>
	</div>
</section>
<!--event calender end -->

<!--Judges section -->
<section class="pt50 pb50" style="background-color: white;">
	<div class="container">
		<div class="row justify-content-center mt30">
		<div class="section_title mb50 ">
			<h3 class="title">
				Judges
			</h3>
		</div>
		</div>
		
			
		    <!-- <div class="brand_item text-center"> -->
		<center><h4 class="title"> Abhishek Kumar Gupta </h4></center>
		<center><img src="assets/img/judges/abhishek.jpeg" alt="balsamiq" width="30%" height="30%"><br><br>Abhishek Kumar Gupta, Co-Founder of Hackerspace Coworking and UppSkill, enabler and community head of start-up Delhi. 
His major endeavours accomplish his beliefs that knowledge economy, sharing economy and meaningful collaboration among community members can accelerate the growth of a nation.
He keeps creating impact through his endeavors while being true to his values.<br> <br> <br>
				<!-- </div> <div class="brand_item text-center"> -->
		<center><h4 class="title"> Divanshu Thakral </h4></center>
		<img src="assets/img/judges/divanshu.jpeg" alt="balsamiq" width="30%" height="30%"> <br> <br> Divanshu Thakral, Co-Founder of onething, is a deep-thinking designer who believes in powering people with experience that makes human interaction with digital world as seamless as possible.
onething specialises in UX, UI and front-end development which has been solving critical problems for different brands.
He also Co-founded an augmented reality and gamification start-up.<br><br><br>
        <center><h4 class="title"> Akash Shukla </h4></center>
		<img src="assets/img/judges/akash.jpg" alt="balsamiq" width="30%" height="30%"> <br> <br> Akash has been a part of global communities, skilling and innovation initiatives, and have seen their impact on 300,000+ people across 18+ countries. Having worked with teams globally, he has seen the power of sustained scaled efforts. He has specialized himself in running globally scalable, value-driven programs and envisions building an impactful career around this. <br><br><br>

<center><h4 class="title"> Rishabh Saxena </h4></center>
		<img src="assets/img/judges/rishabh.jpeg" alt="balsamiq" width="30%" height="30%"> <br> <br> Rishabh, Co-founder and Chief Technology Officer at LetX, is a hardcore technologist and an ethical hacker who has been included in Microsoft's Hall of Fame for finding a security bug. Rishabh has had working experience with NASSCOM 10,000 Startups program and the TLabs accelerator. 
        
 </center>
			<!-- </div> -->
		
	</div>
</section>
<!-- Judges end -->

<!--Presenting Sponsors section -->
<section class="pt50 pb50" style="background-color: white;">
	<div class="container">
		<div class="row justify-content-center mt30">
		<div class="section_title mb50 ">
			<h3 class="title">
				Presenting Sponsors
			</h3>
		</div>
		</div>
		
			
		    <!-- <div class="brand_item text-center"> -->
		<center><img src="assets/img/brands/b6.png" alt="balsamiq" width="30%" height="30%">
				<!-- </div> <div class="brand_item text-center"> -->
		<img src="assets/img/brands/b7.png" alt="balsamiq" width="30%" height="30%"> </center>
			<!-- </div> -->
		
	</div>
</section>
<!-- Presenting Sponsors end -->

<!--brands section -->
<section class="pt50 pb50" style="background-color: white;">
	<div class="container">
		<div class="row justify-content-center mt30">
		<div class="section_title mb50 ">
			<h3 class="title">
				our sponsors
			</h3>
		</div>
	</div>
		<div class="brand_carousel owl-carousel">
			<div class="brand_item text-center">
				<img src="assets/img/brands/b1.png" alt="jet brains">
			</div>
			<div class="brand_item text-center">
				<img src="assets/img/brands/b2.png" alt="gitkraken">
			</div>

			<div class="brand_item text-center">
				<img src="assets/img/brands/b3.png" alt="wolfram">
			</div>
			<div class="brand_item text-center">
				<img src="assets/img/brands/b4.png" alt="balsamiq">
			</div>
            <div class="brand_item text-center">
				<img src="assets/img/brands/b6.png" alt="balsamiq">
			</div>
            <div class="brand_item text-center">
				<img src="assets/img/brands/b7.png" alt="balsamiq">
			</div>
	    <div class="brand_item text-center">
				<img src="assets/img/brands/estimate.png" alt="balsamiq">
			</div>
		</div>
	</div>
</section>
<!-- brands section end -->

<!--register now section -->
<section class="bg-img pt100 pb100" style="background-image: url('assets/img/bg/mission.jpg');">
	<div class="container">
		<div class="section_title mb30">
			<h3 class="title color-light">
				Be a part of HackData
			</h3>
		</div>
		<div class="row justify-content-center align-items-center">
			<div class="col-md-9 text-md-left text-center color-light">
				This is your chance to be a part of one of the coolest Hackathon in India.
			</div>
			<div class="col-md-3 text-md-right text-center">
				<a href="https://docs.google.com/forms/d/e/1FAIpQLSemmmx6c0gT9VkGsTmb3pvY-rJoWYFSmt3R6CqzK-_E2F3RXA/viewform" class="btn btn-primary btn-rounded mt30">Register Now</a>
			</div>
		</div>
	</div>
</section>
<!--register now section end-->

<!--footer start -->
<footer>
	<section id="footer">
	<div class="container">
		<div class="row justify-content-center">

			<div class="col-md-6 col-12">
				<div class="footer_box">
					<div class="footer_header">
						<div class="footer_logo">
							<img src="assets/img/logo.png" alt="HackData">
							Powered By: <img src="assets/img/brands/newb6.png" width="20%" height="20%"> <img src="assets/img/brands/newb7.png" width="20%" height="20%">
						</div>
					</div>
					<div class="footer_box_body">
						<!-- <p>
							Lorem ipsum dolor sit amet, consectetur adipiscing elit. In rhoncus massa nec gravida tempus. Integer iaculis in aazzzCurabitur a pulvinar nunc. Maecenas laoreet finibus lectus, at volutpat ligula euismod.
						</p> -->
						<ul class="footer_social">
							<!-- <li>
								<a href="#"><i class="ion-social-pinterest"></i></a>
							</li -->
							<li>
								<a href="https://www.facebook.com/events/323511624869867/?ti=cl"><i class="ion-social-facebook"></i></a>
							</li>
							<li>
								<a href="https://twitter.com/hackdatasnu"><i class="ion-social-twitter"></i></a>
							</li> 
							<!-- <li>
								<a href="#"><i class="ion-social-dribbble"></i></a>
							</li> -->
							<li>
								<a href="https://www.instagram.com/hackdatasnu/"><i class="ion-social-instagram"></i></a>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<!-- <div class="col-12 col-md-6">
				<div class="footer_box">
					<div class="footer_header">
						<h4 class="footer_title">
							instagram
						</h4>
					</div>
					<div class="footer_box_body">
						<ul class="instagram_list">
							<li>
								<a href="#">
									<img src="assets/img/cleander/c1.png" alt="instagram">
								</a>
							</li>
							<li>
								<a href="#">
									<img src="assets/img/cleander/c2.png" alt="instagram">
								</a>
							</li>
							<li>
								<a href="#">
									<img src="assets/img/cleander/c3.png" alt="instagram">
								</a>
							</li>
							<li>
								<a href="#">
									<img src="assets/img/cleander/c3.png" alt="instagram">
								</a>
							</li>
							<li>
								<a href="#">
									<img src="assets/img/cleander/c2.png" alt="instagram">
								</a>
							</li>
							<li>
								<a href="#">
									<img src="assets/img/cleander/c1.png" alt="instagram">
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div> -->
		</div>
        <div class="contact_info">
                    <p>
                        <strong>Contact Us</strong>
                    </p>
                    <i class="ion-location footer_social li a"></i>
                            <span>
                                        Shiv Nadar University<br/>
                                        NH-91, Tehsil Dadri<br>
                                        Gautam Buddh Nagar <br><br>
                            </span>
                    <i class="ion-ios-telephone"></i>
                            <span>
                                       Atishay Jain: 8791355940 <br>
                            </span>
                            
                    <i class="ion-ios-telephone"></i>
                            <span>
                                       Gurleen Ahuja: 9910094232 <br>
                            </span>


                </div>
	</div>
</section>
</footer>
<div class="copyright_footer">
	<div class="container">
		<div class="row justify-content-center">
			<div class="col-md-6 col-12">
				<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | <!-- This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> -->
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
			</div>
			<div class="col-12 col-md-6 ">
				<ul class="footer_menu">
					<li>
						<a href="#">Home</a>
					</li>
					<li>
						<a href="#about">About</a>
					</li>
					<li>
						<a href="#tracks">Tracks</a>
					</li>
					<li>
						<a href="#participation">Participation</a>
					</li>
					<li>
						<a href="#contact">Contact</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
<!--footer end -->

<!-- jquery -->
<script src="assets/js/jquery.min.js"></script>
<!-- bootstrap -->
<script src="assets/js/popper.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<!--slick carousel -->
<script src="assets/js/owl.carousel.min.js"></script>
<!--parallax -->
<script src="assets/js/parallax.min.js"></script>
<!--Counter up -->
<script src="assets/js/jquery.counterup.min.js"></script>
<!--Counter down -->
<script src="assets/js/jquery.countdown.min.js"></script>
<!-- WOW JS -->
<script src="assets/js/wow.min.js"></script>
<!-- Custom js -->
<script src="assets/js/main.js"></script>
</body>
</html>