layout-wireframe/index.html at main · iamthewalrusz/layout-wireframe · 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
<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" type="text/css" href="css/styles.css" media="screen" />
	</head>

	<body>
		<img src = "../images/logo.gif">
		<div class="header">
		  <h1>Chania</h1>
		</div>

		<div class="row">
		  <div class="col-3 col-s-3 menu">
			<ul>
			  <li>The Flight</li>
			  <li>The City</li>
			  <li>The Island</li>
			  <li>The Food</li>
			</ul>
		  </div>

		  <div class="col-6 col-s-9 main">
			<h1>The City</h1>
			<p>Chania is the capital of the Chania region on the island of Crete. The city can be divided in two parts, the old town and the modern city.</p>
		  </div>

		  <div class="col-3">
			<div class="aside">
			  <h2>What?</h2>
			  <p>Chania is a city on the island of Crete.</p>
			  <h2>Where?</h2>
			  <p>Crete is a Greek island in the Mediterranean Sea.</p>
			  <h2>How?</h2>
			  <p>You can reach Chania airport from all over Europe.</p>
			</div>
		  </div>
		</div>

		<div class="footer">
		  <p>Resize the browser window to see how the content respond to the resizing.</p>
		</div>

	</body>
</html>