-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
124 lines (99 loc) · 4.02 KB
/
index.html
File metadata and controls
124 lines (99 loc) · 4.02 KB
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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<!--[if lt IE 7]>
<html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7">
<![endif]-->
<!--[if IE 7]> <html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html lang="en" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<title>Responsive Layout - Web Standards Group Best Practice Example</title>
<meta name="description" content="An example template to use when building a responsive UCSB website adhering to the guidelines in the UCSB Web Standards Guide">
<meta name="viewport" content="initial-scale=1">
<link href="style/main.css" type="text/css" rel="stylesheet">
<script src="script/modernizr.js"></script>
</head>
<body>
<a href="#content" class="hidden">Skip to Content</a>
<div class="ucsb-header">
<a href="http://www.ucsb.edu/">UCSB</a>
</div>
<header>
<h1><a href="/">UC Santa Barbara Web Standards</a></h1>
</header>
<div class="container" role="navigation">
<nav>
<h2><a id="navigation-header" href="#">Menu</a></h2>
<ul id="navigation-list">
<li><a href="">Menu Item 1</a></li>
<li><a href="">Menu Item 2</a></li>
<li class="selected">
<a href="">Menu Item 3</a>
<ul>
<li><a href="">Sub Menu Item 1</a></li>
<li><a href="">Sub Menu Item 2</a></li>
<li><a href="">Sub Menu Item 3</a></li>
</ul>
</li>
<li><a href="">Menu Item 4</a></li>
</ul>
</nav>
<main id="content">
<section>
<h2>Section Title <h2></h2>
<h3>Level 3 Heading <h3></h3>
<figure>
<img src="images/photo_ucsbaerial.jpg" width="300" alt="Aerial view of UCSB Campus">
<figcaption>This is a caption.</figcaption>
</figure>
<p>
Suspendisse potenti. Maecenas orci. Cras nulla pede, porta eu, euismod sit amet, consequat et,
mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In
imperdiet nisi id justo. Aenean et lorem. In in orci. Vestibulum eleifend libero in pede.
Suspendisse potenti. Maecenas orci. Cras nulla pede, porta eu, euismod sit amet, consequat et,
mauris. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In
imperdiet nisi id justo. Aenean et lorem. In in orci. Vestibulum eleifend libero in pede.
</p>
<h3>Level 3 Heading <h3></h3>
<ul>
<li>This is an unordered list</li>
<li>Ut porta tincidunt mi</li>
<li>Vestibulum fermentum rutrum orci</li>
<li>Nulla convallis quam ullamcorper pede</li>
<li>Nulla scelerisque pharetra ante</li>
</ul>
<ol>
<li>This is an ordered list</li>
<li>Ut porta tincidunt mi</li>
<li>Vestibulum fermentum rutrum orci</li>
<li>Nulla convallis quam ullamcorper pede</li>
<li>Nulla scelerisque pharetra ante</li>
</ol>
<h3>Level 3 Heading <h3></h3>
<p>
<strong>This is strong text.</strong>
</p>
<h3>Level 3 Heading <h3></h3>
<p>
<em>This is emphasized text.</em>
</p>
<h3>Level 3 Heading <h3></h3>
<p>
This is a link: <a href="">parturient montes</a>, nascetur ridiculus mus.
</p>
<h4>Level 4 Heading <h4></h4>
<h5>Level 5 Heading <h5></h5>
<h6>Level 6 Heading <h6></h6>
</section>
</main>
</div>
<footer>
<span class="copyright">Copyright © 2014 The Regents of the University of California, All Rights Reserved</span>
<a class="tou-link" href="http://www.policy.ucsb.edu/terms_of_use/">Terms of Use</a>
<a class="privacy-link" href="http://www.policy.ucsb.edu/privacy-notification/">Privacy Notification</a>
<a class="access-link" href="/accessibility">Accessibility</a>
<span class="last-modified">Last Modified April 2, 2014</span>
<span class="contact-info">Questions or contacts? Please <a href="http://wsg.eri.ucsb.edu:8080/contact">contact us</a>
</span></footer>
<script src="script/main.js"></script>
</body></html>