-
Notifications
You must be signed in to change notification settings - Fork 9
/
header-nav.html
184 lines (184 loc) · 8.08 KB
/
header-nav.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
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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<!--[if lt IE 7]> <html lang="en" class="no-js oldie lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]> <html lang="en" class="no-js oldie lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]> <html lang="en" class="no-js oldie lt-ie9"><![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en" class="no-js">
<!-- <![endif]-->
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, , initial-scale=1">
<title>BYU Header</title>
<!-- Place favicon.ico and apple-touch-icon.png in the root directory-->
<link rel="shortcut icon" href="favicon.ico">
<!-- Styles-->
<link rel="stylesheet" href="//cloud.typography.com/75214/740862/css/fonts.css">
<link rel="stylesheet" href="css/header-nav.css">
<!-- Modernizr for SVG image fallbacks and script loading-->
<!-- If you use your own Modernizr build, make sure it has SVG test and the Modernizr.load option.-->
<script src="js/modernizr.js"></script>
<script>
// Use these settings to control the default scripts in the BYU template
window.pageSettings = {
jQueryURL: "http://home.byu.edu/home/sites/default/files/global/js/jquery-1.9.1.min.js", // Use this default, or load jQuery from somewhere else
jQueryVersion: "1.9.1", // The jQuery version for fallback in case there's a problem loading jQuery
additionalScripts: [], // Array of strings specifying URLs for additional scripts to load
analytics_key: 'UA-XXXXX-X' // Insert your Google Analytics key
}
</script>
<!-- Scripts loaded via script loader-->
<script src="js/init.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">You are using an<strong>outdated</strong>browser. Please<a href="http://browsehappy.com/">upgrade your browser</a>or<a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a>to improve your experience.</p>
<![endif]-->
<header id="main-header" role="banner">
<div id="header-top" class="wrapper">
<div id="logo">
<h2><a href="http://www.byu.edu/" class="byu">Brigham Young University</a></h2>
</div>
<!-- This should link to your organization's home page-->
<h1><a id="site-name" href="#" title="Change this link to your organization's home page">Organization Title</a></h1>
</div>
</header>
<div id="search-menu"><a href="#primary-nav" class="menu-button">Menu</a></div>
<div id="content"></div>
<div class="nav-container">
<!-- Primary Nav-->
<nav id="primary-nav" role="navigation">
<ul>
<li> <a href="#" class="single current">Current tab</a></li>
<li><a href="">Mega Dropdown Menu</a>
<div class="mega">
<ul class="links">
<li class="featured">
<ul>
<li><a href="">Featured Link 1</a></li>
<li><a href="">Featured Link 2</a></li>
</ul>
</li>
<li><a href="#">Menu item 1</a></li>
<li><a href="#">Menu item 2</a>
<ul class="sublinks">
<li><a href="">Submenu item 1</a></li>
<li><a href="">Submenu item 2</a></li>
<li><a href="">Submenu item 3</a></li>
</ul>
</li>
<li><a href="">Menu item 3</a></li>
<li><a href="">Menu item 4</a></li>
<li><a href="">Menu item 5</a></li>
<li><a href="">Menu item 6</a></li>
</ul>
<div class="highlight"><a href="#"><img src="images/menu/menu1.jpg" alt="Menu image 1"></a>
<p><a href="#">Picture Link</a></p>
<p>Text text text text text.</p>
</div>
<div class="highlight"><a href="#"><img src="images/menu/menu2.jpg" alt="Menu image 2"></a>
<p><a href="#">Picture Link</a></p>
<p>Text text text text text.</p>
</div>
</div>
</li>
<li><a href="">Double Mega Dropdown Menu</a>
<div class="mega">
<ul class="links double">
<li class="featured">
<ul>
<li><a href="">Featured Link 1</a></li>
<li><a href="">Featured Link 2</a></li>
</ul>
</li>
<li class="left">
<ul>
<li><a href="#">Menu item 1</a></li>
<li><a href="#">Menu item 2</a>
<ul class="sublinks">
<li><a href="">Submenu item 1</a></li>
<li><a href="">Submenu item 2</a></li>
<li><a href="">Submenu item 3</a></li>
<li><a href="">Submenu item 4</a></li>
<li><a href="">Submenu item 5</a></li>
</ul>
</li>
<li><a href="">Menu item 3</a></li>
<li><a href="">Menu item 4</a></li>
<li><a href="">Menu item 5</a></li>
<li><a href="">Menu item 6</a></li>
</ul>
</li>
<li class="left">
<ul>
<li><a href="">Menu item 7</a></li>
<li><a href="">Menu item 8</a></li>
<li><a href="">Menu item 9</a></li>
<li><a href="">Menu item 10</a></li>
<li><a href="">Menu item 11</a></li>
<li><a href="">Menu item 12</a></li>
</ul>
</li>
</ul>
<div class="highlight"><a href="#"><img src="images/menu/menu1.jpg" alt="Menu image 3"></a>
<p><a href="#">Picture Link</a></p>
<p>Text text text text text.</p>
</div>
<div class="highlight"><a href="#"><img src="images/menu/menu2.jpg" alt="Menu image 4"></a>
<p><a href="#">Picture Link</a></p>
<p>Text text text text text.</p>
</div>
</div>
</li>
<li><a href="">Basic Dropdown Menu</a>
<div class="sub">
<ul class="links">
<li><a href="">Menu item 1</a></li>
<li><a href="">Menu item 2</a></li>
<li><a href="">Menu item 3</a></li>
<li><a href="">Menu item 4</a></li>
</ul>
</div>
</li>
<li><a href="" class="single">Direct Menu Link</a></li>
</ul>
</nav>
<!-- Secondary Nav-->
<nav id="secondary-nav" role="navigation">
<ul>
<li><a href="#">SecMenu1</a>
<ul class="sub">
<li><a href="">Menu item 1</a></li>
<li><a href="">Menu item 2</a></li>
<li><a href="">Menu item 3</a></li>
<li><a href="">Menu item 4</a></li>
</ul>
</li>
<li><a href="#">SecMenu2</a>
<ul class="sub">
<li><a href="">Menu item 1</a></li>
<li><a href="">Menu item 2</a></li>
<li><a href="">Menu item 3</a></li>
<li><a href="">Menu item 4</a></li>
</ul>
</li>
<li><a href="#">SecMenu3</a>
<ul class="sub">
<li><a href="">Menu item 1</a></li>
<li><a href="">Menu item 2</a></li>
<li><a href="">Menu item 3</a></li>
<li><a href="">Menu item 4</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<script>
/* Google Analytics: change UA-XXXXX-X to be your site's ID. */
var _gaq=[['_setAccount', pageSettings.google_analytics_key],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>