cube.html

<!DOCTYPE html>
<html>
<head>
	<title>Rubix Cube</title>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">

	<!--our css files-->
	<link rel="stylesheet" type="text/css" href="stylesheets/eventPage.css">	
	<link rel="stylesheet" type="text/css" href="stylesheets/contacts.css">

	
	<!-- Add social media icon library -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

	<!--google fonts-->
	<link href="https://fonts.googleapis.com/css?family=Montserrat|Quicksand" rel="stylesheet"> 
		<link href="https://fonts.googleapis.com/css?family=Chelsea+Market" rel="stylesheet">  


	<script type="text/javascript" src="data.js"></script>
	
</head>
<body>
			<a href="index.html">	
				<div id="backButton" onmouseenter="toggleNav(this)" onmouseleave="toggleNav(this)">
					<div class="bar1"></div>
					<div class="bar2"></div>
					<div class="bar3"></div>
				</div>
			</a>

			<script>
				function toggleNav(y) 
				{
					var x = document.getElementById("backButton");
					x.classList.toggle("change");
				}
			</script>

			<br>
			<br>

		<center>
			<h1>Rubix Cube</h1>
		</center>

		<h2>Intro</h2>
		<div class="content">Enjoy the heat of fest by playing games like RUBICS CUBE. Complete those six faces of the cube of the same colours as fast as you can. 
		</div>

		<h2>Rules:</h2>
		<div class="content">
			<ul>
				<li>Participants register individually for Rubik's Cube.</li>
				<li>Duration of this event is 10 to 15 minutes minutes only.</li>
				<li>The decision of judges will be final and binding.</li>
				<li>All the participants must bring their college or institution id card.</li>
			</ul>
		</div>

		
	<div id="contacts">


		<div id="boxContainer">


		<div class="box">
				<a class="quick-links" href="index.html" style="font-size: 1.5em">Turington</a>
		</div>
		<br>


		<div class="box">
				<a class="quick-links" href="index.html#intro">Home</a>
		</div>
		<br>
		<div class="box">
				<a class="quick-links" href="index.html#about">About</a>
		</div>
		<br>
		<!--
		<div class="box">
				<a class="quick-links" href="speakers.html">Speakers</a>

				<a class="quick-links small-links" href="#speaker1">speaker1</a>
				<a class="quick-links small-links" href="#speaker2">speaker1</a>
				<a class="quick-links small-links" href="#speaker3">speaker1</a>
				<a class="quick-links small-links" href="#speaker4">speaker1</a>
				<a class="quick-links small-links" href="#speaker5">speaker1</a>
		</div>
		<br>

		<div class="box">
				<a class="quick-links" href="team.html">Team</a>

				<a class="quick-links small-links" href="#president">president</a>
				<a class="quick-links small-links" href="#manager">manager</a>
				<a class="quick-links small-links" href="#hrHead">Human resource head</a>
		</div>
		<br>
	-->

		<div class="box">
				<a class="quick-links" href="index.html#events">Events</a>
				<a class="quick-links small-links" href="goc.html">Game of Codes</a>
				<a class="quick-links small-links" href="judge.html">Judge me if you can</a>
				<a class="quick-links small-links" href="qrhunt.html">QR-Hunt</a>
				<a class="quick-links small-links" href="cog.html">Clash of gamers</a>
				<a class="quick-links small-links" href="webiesta.html">Webiesta</a>
				<a class="quick-links small-links" href="sudoku.html">Sudoku</a>
				<a class="quick-links small-links" href="techtambola.html">Tech-Tambola</a>
				<a class="quick-links small-links" href="cube.html">Rubix Cube</a>
		</div>
		<br>
<!--
		<div class="box">
				<a class="quick-links" href="glimpses.html">Glimpses</a>

				<a class="quick-links small-links" href="#1edition">Turington 1'edition</a>
				<a class="quick-links small-links" href="#2edition">Turington 2'edition</a>
				<a class="quick-links small-links" href="#3edition">Turington 2'edition</a>
		</div>
		<br>
	-->

		<div class="box">
				<a class="quick-links" href="index.html#sponsors">Sponsors</a>

				<a class="quick-links small-links" href="#techtombola"></a>
				<a class="quick-links small-links" href="#techtombola"></a>
				<a class="quick-links small-links" href="#techtombola"></a>
				<a class="quick-links small-links" href="#techtombola"></a>

		</div>
		<br>

		<div class="box">
			<center>
			<a href="mailto:turingtonreboot@gmail.com" class="fa fa-2x fa-envelope-o mail"></a>
			</center>
		</div>
		<br>


		</div>


			<div id="footer-text" >
				&copy; 2019 Turington | made with Turing Sir<!--<a href="">Policy Privacy</a> | <a href="">Terms of Use</a> | <a href="" > Contact </a> -->
			</div>
				<a href="https://www.youtube.com/channel/UCEJ3JccswK-90yLWip1Nf_w" class="fa fa-2x fa-youtube fa-right"></a>
				<a href="https://twitter.com/Turington_" class="fa fa-2x fa-twitter fa-right"></a>
				<a href="https://www.instagram.com/turington.rcdu/" class="fa fa-2x fa-instagram fa-right"></a>
				<a href="https://www.facebook.com/Turingtonreboot/" class="fa fa-2x fa-facebook fa-right"></a>
				<a href="https://goo.gl/maps/BLQd36xpo532" class="fa fa-2x fa-map-marker fa-right" ></a>

	</div>

</body>
</html>