webtech/index.html at master · csoare7/webtech · 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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>AstroFun</title>

		<!--[if lt IE 9]>
			<script src="html5shiv.js"></script>
		<![endif]-->
	</head>

	<body>
		<header>
			<!--//use geolocation to get user position -->
			<figure>
				<img id="stars" src="img/stars.png" alt="stars" height="300px" width="100%">
			</figure> <!--//pics or use svg -->

			<a href="">Login</a> | <a href="">Register</a>
			<form action="#">
  				<input type="search" name="sitesearch"><br>
  				<input type="submit">
			</form>

		</header>

		<nav>
			<a href="/">Home</a> <!-- main page -->
			<a href="/">News</a> <!-- articles page -->
			<a href="/">Fun</a>  <!-- Solar System/ heavy JS page -->
			<a href="/">Quiz</a> <!-- drag/ drop page -->
		</nav>

		<!-- horizontal section with images/ links to quiz and fun pages-->
		<section>
			<article></article>
			<article></article>
		</section>

		<!-- image of the day -->
		<section>
			<figure></figure>
		</section>

		<!--News Feed with articles -->
		<aside>
			<!-- one article -->
			<article></article>
			More to come..
		</aside>

		<footer></footer>

	</body>

</html>