index.html


<!DOCTYPE html>
<html>
<head>
	<title> V-ignite - 2019</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content ="width=device-width, initial-scale=1.0, user-scalable=no">
  <link rel="shortcut icon" href="./images/new_logo.png" type="image/x-icon" />
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  
  <link rel="stylesheet" href="css/materialize.css">
	<link rel="stylesheet" type="text/css" href="./css/style.css">
	<link rel="stylesheet" type="text/css" href="./css/responsive.css">
	<link href="https://fonts.googleapis.com/css?family=Anton&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Didact+Gothic" rel="stylesheet">
	<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
	<script src="https://kit.fontawesome.com/74c6839535.js"></script>
	<script src="https://wchat.freshchat.com/js/widget.js"></script>
</head>
<body>

    <div class="slide-nav-btn">
        <p></p>
        <i class="material-icons"></i>
      </div>
    
      <div class="slide-nav-left hide-on-med-and-down">
    
            <ul>
                <li><a href="#home" title="Home section"><i class="material-icons" style="font-size:25px;">home</i></a>
                </li>
                <li><a href="#about" title="About section"><i class="material-icons"style="font-size:25px;">details</i></a>
                </li>
                <li><a href="#why" title="Service section"><i class="material-icons" style="font-size:25px;">favorite</i></a>
                </li>
                <li><a href="#time" title="Event section"><i class="material-icons" style="font-size:25px;">timeline</i></a>
                </li>
                <li><a href="#spon" title="gallery section"><i class="material-icons" style="font-size:25px;">pie_chart</i></a>
				</li>
				<li><a href="#fac" title="gallery section"><i class="material-icons" style="font-size:25px;">attach_money</i></a>
                </li>
                <li><a href="#contact" title="contact section"><i class="material-icons"style="font-size:25px;">question_answer</i></a>
                </li>
              </ul>

      </div>
    
      <div class="slide-nav">
        <ul>
          <li><a href="#home">HOME</a></li>
          <li><a href="#about">ABOUT</a></li>
          <li><a href="#why">Why Should I Attend</a></li>
          <li><a href="#time">Timeline</a></li>
          <li><a href="#spon">Sponsors</a></li>
          <li><a href="#priz">Prizes</a></li>
          <li><a href="#fac">FAQs</a></li>
          <li><a href="#contact">CONTACT</a></li>
        </ul>
      </div>
      
	
      <section class="home" id="home"> 
    
        <div class="container-fluid"> 
          <div class="row">
          <div class="col s12 center-align">
            <div class="home-content">
              <div class="container-fluid"><a id="logo-container" href="" target="_blank" class="brand-logo"> <img class="responsive-img" src="images/image_1.png" width="700px" height="405px"></a> </div>
              
            <h4 class="h-style" style="font-family: 'Anton', sans-serif; font-size:2vw; color: white;">A 24hrs intense, fun-filled, rewarding convergence of programmers, designers and developers to build something amazing.</h4>  <a href="https://forms.gle/D3HxvdtuSgfNcQpDA" class="btn hover h-style"><span>Register</span></a>
                <br>
            </div>
          </div>
          </div>  
          
        </div>
        </section>
        
        
		<div class="bloc bloc2" id="about">
			<img class="img-back-left" src="./images/topic-bg-2.png">
			<img class="img-back" src="./images/topic-bg-1.png">
			<div class="bloc2-left">
				<img src="./images/team.svg">
			</div>
			<div class="bloc2-right" >
				<div class="name"> About Event </div>
				<div class="content">
					<p>
						V-Ignite is a 24 hour long Hackathon. V-Ignite aims to provide a creative platform for all the creative minds to come together and build a solution that would positively impact the society at large and  further the endeavour for innovation.
					</p>
					<p>
						Calling out all the innovative creators to V-Ignite, a national Hackathon that gives you all an opportunity to understand, learn and hone your creative skills as per trends in the society.
					</p>
					<p>
						Brace yourselves, form your teams, Interact with innovative minds and get started with the hackathon. There is a lot of learning and fun in store for you throughout the event. We hope to see you and your team at the event; So let's quickly hit the  <a href="#" target="__blank">register button.</a>.
					</p>
					<p>
						We, at V-Ignite are looking for what you build best not what we think you build best. This hackathon aims for innovative solutions irrespective of the technology stack used, to solve real world problems. You are free to venture into domains like Education, Healthcare, Agriculture, Manufacturing, Retail, Security etc.
					</p>
				</div>
			</div>
		</div>
		<div class="bloc bloc3 " id="why">
			<img src="./images/back-4.svg" class="img-back">
			<img src="./images/back-5.svg" class="img-back-bottom">
			<div class="bloc5-content">
				<div class="name"> Why Should i attend  ?</div>
				<div class="track-icons">
					<div class="a-track z-depth-3">
						<div class="colorless">
							<img src="./images/fun.svg" class="responsive-img">
						</div>
						<div class="track-name">
							<strong>To Have Fun</strong>
						</div>
					</div>
					<div class="a-track z-depth-3">
						<div class="colorless">
							<img src="./images/think.svg" class="responsive-img">
						</div>
						
						<div class="track-name">
							To Think
						</div>
					</div>
					<div class="a-track z-depth-3">
						<div class="colorless">
							<img src="./images/solve.svg">
						</div>
						<div class="track-name">
						To Learn
						</div>
					</div>
					<div class="a-track z-depth-3">
						<div class="colorless">
							<img src="./images/innovate.svg">
						</div>
						<div class="track-name">
						 To Innovate
						</div>
					</div>
					<div class="a-track z-depth-3">
						<div class="colorless">
							<img src="./images/build.svg">
						</div>
						<div class="track-name">
							To Build
						</div>
					</div>
					<div class="a-track z-depth-3">
						<div class="colorless">
							<img src="./images/winner.svg" height="80px">
						</div>
						<div class="track-name">
							To Win Schwags
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="bloc bloc4" id="time">
			<img class="img-back-left" src="./images/topic-bg-1.png">
			<div class="bloc4-left">
				<img src="./images/float.svg">
			</div>
			<div class="bloc4-right" style="font-size:1.2em">
				<div class="name"> Timeline </div>
				<div class="timeline">
					<div class="schedule schedule-1">
						<div class="dot"></div>
						<div class="schedule-content">
							<div class="schedule-date"> 22nd July 2019 </div>
							<div class="schedule-title"> V-Ignite  Hackathon Launch and Ideation Phase begins </div>
							<div class="schedule-text"> <span class="schedule-time"> 10:00Am</span>  Hackathon Launch </div>
							<!--<div class="schedule-text"> <span class="schedule-time"> 4:25 PM - 4:30 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 4:30 PM - 5:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 5:00 PM - 5:30 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 5:30 PM - 6:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 6:00 PM - 7:00 PM - </span>TBD </div>-->
						</div>
					</div>
					<div class="schedule schedule-2">
						<div class="dot"></div>
						<div class="schedule-content">
							<div class="schedule-date"> 10th August 2019</div>
							<div class="schedule-title"> Telephonic Interview Phase begins</div>
							<!--<div class="schedule-text"> <span class="schedule-time"> 8:00 AM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 11:00 AM - 12:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 2:00 PM - 8:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 2:00 PM - 3:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 3:00 PM - 3:30 PM - </span> TBD </div>-->
						</div>
					</div>
					<div class="schedule schedule-3">
						<div class="dot"></div>
						<div class="schedule-content">
							<div class="schedule-date"> 15th August 2019</div>
							<div class="schedule-title"> Ideation Phase Ends</div>
						<!--	<div class="schedule-text"> <span class="schedule-time"> 1:30 PM - 4:00 PM - </span> TBD</div>
							<div class="schedule-text"> <span class="schedule-time"> 4:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 4:00 PM - 5:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 5:00 PM - 5:30 PM - </span>TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 5:30 PM - 7:30 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 7:30 PM - 7:45 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 7:45 PM - 8:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 8:00 PM - 8:15 PM - </span>TBD</div>-->
						</div>
					</div>
					<div class="schedule schedule-4">
						<div class="dot"></div>
						<div class="schedule-content">
							<div class="schedule-date"> 20th August 2019</div>
							<div class="schedule-title"> Telephonic Interview Phase ends </div>
						<!--	<div class="schedule-text"> <span class="schedule-time"> 1:30 PM - 4:00 PM - </span> TBD</div>
							<div class="schedule-text"> <span class="schedule-time"> 4:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 4:00 PM - 5:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 5:00 PM - 5:30 PM - </span>TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 5:30 PM - 7:30 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 7:30 PM - 7:45 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 7:45 PM - 8:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 8:00 PM - 8:15 PM - </span>TBD</div>-->
						</div>
					</div>
					<div class="schedule schedule-5">
						<div class="dot"></div>
						<div class="schedule-content">
							<div class="schedule-date"> 14th September 2019</div>
							<div class="schedule-title"> Hacking Begins </div>
							<!--<div class="schedule-text"> <span class="schedule-time"> 1:30 PM - 4:00 PM - </span> TBD</div>
							<div class="schedule-text"> <span class="schedule-time"> 4:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 4:00 PM - 5:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 5:00 PM - 5:30 PM - </span>TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 5:30 PM - 7:30 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 7:30 PM - 7:45 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 7:45 PM - 8:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 8:00 PM - 8:15 PM - </span>TBD</div>-->
						</div>
					</div>
					<div class="schedule schedule-6">
						<div class="dot"></div>
						<div class="schedule-content">
							<div class="schedule-date"> 15th September 2019</div>
							<div class="schedule-title"> Hackathon Ends </div>
							<div class="schedule-text"> <span class="schedule-time"> 17:00</span>  Declaration of Results</div>
							<!--<div class="schedule-text"> <span class="schedule-time"> 4:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 4:00 PM - 5:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 5:00 PM - 5:30 PM - </span>TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 5:30 PM - 7:30 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 7:30 PM - 7:45 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 7:45 PM - 8:00 PM - </span> TBD </div>
							<div class="schedule-text"> <span class="schedule-time"> 8:00 PM - 8:15 PM - </span>TBD</div>-->
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="bloc bloc5" id="spon">
			<img src="./images/back-4.svg" class="img-back">
			<img src="./images/back-5.svg" class="img-back-bottom">
			<div class="bloc5-content">
				<div class="name"> Sponsors </div>
				<div class="sponsor-icons">
					<div class="sponsor-icon">
						<a href="https:///oscvizag.github.io/github" target="__blank"><img src="./images/GitHub_Logo.png"></a>
					</div>
					<div class="sponsor-icon dev-icon">
						<a href="https://vignanvizag.acm.org" target="__blank"><img src="./images/acm.png"></a>
					</div>
				</div>
				<div class="bloc5-text">
					Interested in making 'V-ignite' a huge success.<br>
					Come join us by sponsoring us. Check the &nbsp;<a href="#" target="__blank">Sponsorship Brochure</a>&nbsp; for more details.
				</div>
			</div>
		</div>
		<div class="bloc bloc6"id="priz">
			<img src="./images/topic-bg-1.png" class="img-back-left">
			<img src="./images/topic-bg-2.png" class="img-back-right">
			<div class="name"> Prizes </div>
			<div class="prizes">
				<div class="prizes-cont">
					<div class="prize z-depth-4">
						<div class="responsive-img">
							<img src="./images/winner.svg"  class="responsive-img" width="600px">
						</div>
						<div class="prize-text">
							First Prize : ₹ 25000 Cash
						</div>
					</div>
					<div class="prize z-depth-4">
						<div class="responsive-img">
							<img src="./images/winner.svg"  class="responsive-img" width="600px">
						</div>
						<div class="prize-text">
							Second Prize : ₹ 15000 Cash
						</div>
					</div>
					<div class="prize z-depth-4">
						<div class="responsive-img">
							<img src="./images/winner.svg"  class="responsive-img" width="600px">
						</div>
						<div class="prize-text">
							Third Prize : ₹ 10000 Cash
						</div>
					</div>
					<div class="prize z-depth-4">
						<div class="responsive-img">
							<img src="./images/winner.svg"  class="responsive-img" width="600px">
						</div>
						<div class="prize-text">
							Most Innovative : ₹ 5000 Cash
						</div>
					</div>
					
					<div class="prize z-depth-4">
						<div class="responsive-img">
							<img src="./images/winner.svg"  class="responsive-img" width="600px">
						</div>
						<div class="prize-text">
							Top 3 teams - T-Shirts/Bags and Coupons
						</div>
					</div>
					
					<div class="prize z-depth-4">
						<div class="responsive-img">
							<img src="./images/winner.svg"  class="responsive-img" width="600px">
						</div>
						<div class="prize-text">
							For All : A Best Experience 
						</div>
					</div>
				
				</div>
			</div>
		</div>
		<div class="bloc bloc7" id="fac">
				<img src="./images/back-4.svg" class="img-back">
				<img src="./images/back-5.svg" class="img-back-bottom">
				<div class="bloc7-content">
					<div class="name">
						FAQs
					</div>
					<div class="faq">
						<div class="question">
							Is this hackathon an online event or offline?
						</div>
						<div class="answer">
							The Ideation phase is an online phase and the final third phase of the hackathon is a physical one, wherein you need to be present at Vignan's Institute of Information Technology, Duvvada a day or two prior to the date of the hackathon.
						</div>
	
					</div>
					<div class="faq">
						<div class="question">
							Is there any participation fees for entering the hackathon?
						</div>
						<div class="answer">
							V-Ignite is a free and open platform where in we only charge enthusiasm and innovation for your entry.
						</div>
					</div>
					<div class="faq">
						<div class="question">
							What is the maximum and minimum team size for this hackathon?
						</div>
						<div class="answer">
							There should be a minimum of 2 members and a maximum of 4 members per team for the hackathon.
						</div>
					</div>
					<div class="faq">
						<div class="question">
							Is Accomodation provided for the students coming out of state?
						</div>
						<div class="answer">
							Accomodation will be provided to all the participants coming from out of Andhra Pradesh along with food on the day of the hackathon.
						</div>
					</div>
					<div class="faq">
						<div class="question">
							What are the Perks and Benefits of Participating in this Hackathon?
						</div>
						<div class="answer">
							Hackathon Provide hands on experience with the experts from different field working on the Projects like Blockchain, AI, Machine Learning, etc. This will help to give a head start if any one want to make project on the field. Along with that the participant will be provided with cool swags, stickers and refreshments to keep them up.
						</div>
					</div>
					<div class="faq">
						<div class="question">
							Will internet connectivity be provided for all the teams during the hackathon?
						</div>
						<div class="answer">
							High Speed Internet Connectivity and charging ports will be provided during the hackathon and participants with any technical issues can contact our tech support team anytime.
						</div>
					</div>
					<div class="faq">
						<div class="question">
							How to reach Vignan's Institute of Information Technology, Duvvada?
						</div>
						<div class="answer">
							There is public transport provided from The Visakhapatnam Airport, The Visakhapatnam Railway Station and all the major bus stations to Kurmannapalem and Sheela Nagar, from where direct autos to the campus are available. Our support team will be at your aid for any details about the venue.
						</div>
					</div>
					<div class="faq">
						<div class="question">
							Am I free to choose any domain for the solution I intend to develop?
						</div>
						<div class="answer">
							We encourage you to build what you build best not what we think you will build best. You are free to venture into any domain provided the solution is related to Computer Science and Technology and Information Technology.
						</div>
					</div>
					<div class="faq">
						<div class="question">
							I have a question related to hackathon which is not listed above. What should I do?
						</div>
						<div class="answer">
							<a href = "mailto:hpanja@acm.org" ><strong>P Hemanth Kumar(ACM Student Chapter chairman)</strong></a> :  9704553818.
							<br>
							<a href = "https://saibhaskar24.github.io/" ><strong>P Sai Bhaskar(GitHub Campus Expert)</strong></a> : 9491263729
							<br>
							<a href = "mailto:keerthananyz@gmail.com" ><strong>R Sai Keerthana(Communication Team)</strong></a> : 8500097193
							</h6>
						</div>
					</div>
				</div>
			</div>
		
			<div class="bloc bloc8" id="contact">

			<div class="footer-icons">
				<a href="oscvizag.github.io/github"><i class="fab fa-github-square" style="font-size: 40px;color:#000000;"></i></a>
				<a href="https://www.facebook.com/Open-Student-Community-376635286390510/" ><i class="fab fa-facebook-square" style="font-size: 40px;color:#000000;"></i></a>
				<a href="https://instagram.com/open_student_community?igshid=1xuluaq3b88fg"><i class="fab fa-instagram" style="font-size: 40px;color:#000000;"></i></a>

				
			</div>
			<div class="footer-text">
				<a href="https://github.com/oscvizag/oscvizag.github.io/blob/master/CODE_OF_CONDUCT.md">Code of Conduct</a>
			</div>
			<div class="footer-text">
				&copy;<a href="oscvizag.github.io/github"> 2019 Open student community</a>
			</div>
			Made with &nbsp;&nbsp;<span class="heart">❤️</span> &nbsp;Kommaraju Nitish Sai 
		</div>
	</div>
	</div>
<script>
  window.fcWidget.init({
    token: "0b91a936-878c-49a2-9d6c-692856db337a",
    host: "https://wchat.freshchat.com"
  });
</script>
  <script type="text/javascript" src="./js/custom.js"></script>
  <script src="js/materialize.min.js"></script>
</body>
</html>