-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtemplate.html
76 lines (70 loc) · 5.3 KB
/
template.html
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
<!DOCTYPE html>
<html>
<head>
<title>University of Waterloo - Waterloo Baja SAE: Engineering</title>
<link rel="shortcut icon" href="https://uwaterloo.ca/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,700">
</head>
<body>
<header>
<div class="container">
<a href="index.html" class="logo-link"><img src="img/logo.png" class="logo" /></a>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="calendar.html">Calendar</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="sponsors.html">Sponsors</a></li>
<li><a href="contact.html">Contact</a></li>
</nav>
</div>
</header>
<section class="content template">
<div class="content-top">
<h2>Introduction</h2>
<p>Some introductory material is supposed to go here.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et velit sodales libero pulvinar iaculis. Donec vitae enim vel mi feugiat auctor eget id libero. Quisque id ornare tellus, sed convallis tortor. Aliquam erat volutpat. Nunc semper pretium risus, tincidunt vestibulum dolor convallis sed. Praesent at vestibulum risus, non laoreet enim. Aenean malesuada leo a laoreet ullamcorper. Praesent dictum sem odio, vel rhoncus nibh vehicula nec. Aenean at tempor felis. Fusce egestas in risus eu rhoncus. Proin placerat, odio non fermentum convallis, lacus libero adipiscing metus, non suscipit felis sem sollicitudin erat.</p>
</div>
<div class="content-middle">
<h3>Primary content</h3>
<p>Your primary content should go into this part of the document.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et velit sodales libero pulvinar iaculis. Donec vitae enim vel mi feugiat auctor eget id libero. Quisque id ornare tellus, sed convallis tortor. Aliquam erat volutpat. Nunc semper pretium risus, tincidunt vestibulum dolor convallis sed. Praesent at vestibulum risus, non laoreet enim. Aenean malesuada leo a laoreet ullamcorper. Praesent dictum sem odio, vel rhoncus nibh vehicula nec. Aenean at tempor felis. Fusce egestas in risus eu rhoncus. Proin placerat, odio non fermentum convallis, lacus libero adipiscing metus, non suscipit felis sem sollicitudin erat.</p>
</div>
<div class="content-middle">
<div class="column-left">
<h3>Left column</h3>
<p>You can include a two column layout in any part of the document.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et velit sodales libero pulvinar iaculis. Donec vitae enim vel mi feugiat auctor eget id libero. Quisque id ornare tellus, sed convallis tortor. Aliquam erat volutpat. Nunc semper pretium risus, tincidunt vestibulum dolor convallis sed. Praesent at vestibulum risus, non laoreet enim. Aenean malesuada leo a laoreet ullamcorper. Praesent dictum sem odio, vel rhoncus nibh vehicula nec. Aenean at tempor felis. Fusce egestas in risus eu rhoncus. Proin placerat, odio non fermentum convallis, lacus libero adipiscing metus, non suscipit felis sem sollicitudin erat.</p>
</div>
<div class="column-right">
<h3>Right column</h3>
<p>You can include a two column layout in any part of the document.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et velit sodales libero pulvinar iaculis. Donec vitae enim vel mi feugiat auctor eget id libero. Quisque id ornare tellus, sed convallis tortor. Aliquam erat volutpat. Nunc semper pretium risus, tincidunt vestibulum dolor convallis sed. Praesent at vestibulum risus, non laoreet enim. Aenean malesuada leo a laoreet ullamcorper. Praesent dictum sem odio, vel rhoncus nibh vehicula nec. Aenean at tempor felis. Fusce egestas in risus eu rhoncus. Proin placerat, odio non fermentum convallis, lacus libero adipiscing metus, non suscipit felis sem sollicitudin erat.</p>
</div>
<div class="clear"></div>
</div>
<div class="content-bottom">
<h3>Conclusion</h3>
<p>Finally, you may wrap up the document with a bottom section.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et velit sodales libero pulvinar iaculis. Donec vitae enim vel mi feugiat auctor eget id libero. Quisque id ornare tellus, sed convallis tortor. Aliquam erat volutpat. Nunc semper pretium risus, tincidunt vestibulum dolor convallis sed. Praesent at vestibulum risus, non laoreet enim. Aenean malesuada leo a laoreet ullamcorper. Praesent dictum sem odio, vel rhoncus nibh vehicula nec. Aenean at tempor felis. Fusce egestas in risus eu rhoncus. Proin placerat, odio non fermentum convallis, lacus libero adipiscing metus, non suscipit felis sem sollicitudin erat.</p>
</div>
</section>
<footer class="main-footer">
<section class="address">
Engineering 5, Room 1012<br>
Student Design Centre<br>
200 University Avenue West<br>
Waterloo, ON, N2L 3G1 Canada
</section>
<section class="social">
<a href="http://facebook.com/UWBajaSAE"><img src="img/icons/facebook.png" /></a>
</section>
<section class="credit">
Website designed by <a href="https://twitter.com/wataweb" target="_blank">Adrian Carolli</a>
</section>
</footer>
</body>
</html>