CoderDojoHackathon/index.html at master · MVHSIgnition/CoderDojoHackathon · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<html>

	<head>
		<link href="https://fonts.googleapis.com/css?family=Raleway:200,100,400" rel="stylesheet" type="text/css" />
		<link href="https://fonts.googleapis.com/css?family=Lato|Ubuntu&display=swap" rel="stylesheet">
		<link href="styles.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
		<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.cyan-light_blue.min.css" />
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
		<link href='https://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet'>
		<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
		<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
		<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
		<!-- Font Awesome -->
    	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">

		<title>Coder Dojo Hackathon</title>
	</head>

	<body>
		<div>
			<div id="first-section" style="height: 100vh;">
				<div class="typewriter" id="header">
				  <center><h1 class="audiowide">CODER DOJO <br id="header-space">HACKS</h1></center>
				</div>
				<center><hr class="animated fadeInUp" id="title-sep" style="height: 10px; width: 80%; min-width: 300px"></center>
				<div class="animated fadeInUp" style="display: block" id="front-text" class="audiowide">
					<center><h2 class="audiowide">A HACKATHON FOR EVERYONE</h2></center>
					<br>
					<center><a id="location" target="_blank" href="https://www.google.com/maps/dir//saratoga+library/data=!4m6!4m5!1m1!4e2!1m2!1m1!1s0x808e4ac78260c2f5:0xd3fda6baac1724a2?sa=X&ved=2ahUKEwjCuaqUpevlAhUjIDQIHQA6AskQ9RcwDnoECAkQEA">SARATOGA LIBRARY</a></center>
					<br>
					<center>FEB 1-2 8am - 6pm</center>
					<br>
					<center><a href="https://docs.google.com/forms/d/e/1FAIpQLSc9ZB8yfJidzvthvGhjVBavpfPNN8CSQfZUiMFgp9s9ufl5ng/viewform" target="_blank'"><button style="margin-top: 10px;" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored">Sign up</button></a></center>
				</div>
				<a class="arrow-btn audiowide animated fadeInUp" href="#second-section">MORE INFO<br><i class="fas fa-chevron-down" style="font-size:8vmin;"></i></a>
			</div>

			<div id="second-section" style="height: 100vh;" class="audiowide">
				<h1>What is this event</h1>
				<p>A hackathon for the youth, focused on teaching and educating them how to code while they brainstorm and create tools for others to learn</p>
				<h1>Age range</h1>
				<p>8th-12th</p>
				<h1>Our theme</h1>
				<p>Education</p>
				<a class="arrow-btn audiowide animated fadeInUp" href="#third-section">SCHEDULE<br><i class="fas fa-chevron-down" style="font-size:8vmin;"></i></a>
			</div>

			<div id="third-section" class="audiowide">
				<h1>Schedule</h1>
				<div class='row' style="margin: 0 auto" id="schedule">
					<div id="schedule-times" class='column'>
						<p>8:00 - 9:00 AM</p>
						<p>9:00-9:30 AM</p>
						<p>9:30-12:30 AM</p>
						<p>12:30-1:30 PM</p>
						<p>1:30-6:00 PM</p>
						<p>6:00-7:00 PM</p>
						<br>
						<p>7:00-11:30 AM</p>
						<p>11:30-12:30 PM</p>
						<p>12:30-1:30 PM</p>
						<p>1:30-2:30 PM</p>
						<p>2:30-3:00 PM</p>
					</div>
					<div id="schedule-content" class='column'>
						<p>Check in</p>
						<p>Intro</p>
						<p>Start Hacking</p>
						<p>Lunch</p>
						<p>More Hacking</p>
						<p>Dinner</p>
						<br>
						<p>Hacking</p>
						<p>Lunch</p>
						<p>Presenting</p>
						<p>Judging</p>
						<p>Awards</p>
					</div>
				</div>
				<a class="arrow-btn audiowide animated fadeInUp" href="#fourth-section">LOCATION<br><i class="fas fa-chevron-down" style="font-size:8vmin;"></i></a>
			</div>

			<div id="fourth-section" class="audiowide">
				<div class="mapouter" style="display: inline-block"><div class="gmap_canvas"><iframe width="600" height="500" id="gmap_canvas" src="https://maps.google.com/maps?q=saratoga%20library&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><a href="https://www.divi-discounts.com">popüler divi discount code builder eklentisinde</a></div><style>.mapouter{position:relative;text-align:right;height:500px;width:600px;}.gmap_canvas {overflow:hidden;background:none!important;height:500px;width:600px;}</style></div>
			</div>
		</div>

		<script>

		</script>
	</body>

</html>