Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 186 lines (171 sloc) 8.086 kb
d58441d updated files
zurbchris authored
1 <!DOCTYPE html>
2 <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
3 <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
4 <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
5 <!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
6 <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
7 <head>
8 <meta charset="utf-8" />
9
10 <!-- Set the viewport width to device width for mobile -->
11 <meta name="viewport" content="width=device-width" />
12
9cb1665 uncomment
zurbchris authored
13 <title>Foundation Top Bar Testing</title>
d58441d updated files
zurbchris authored
14
15 <!-- Included CSS Files -->
16 <link rel="stylesheet" href="stylesheets/styles.css">
17
708263f remove extra classes
zurbchris authored
18
d58441d updated files
zurbchris authored
19 <script src="../vendor/assets/javascripts/foundation/modernizr.foundation.js"></script>
20
21 <!-- IE Fix for HTML5 Tags -->
22 <!--[if lt IE 9]>
23 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
24 <![endif]-->
25 </head>
26 <body>
71f9b3b update
zurbchris authored
27
4308afd bumbed Top Bar Version, updated implementation to remove side-scroll bug
zurbchris authored
28 <div class="fixed contain-to-grid"> <!-- Could do .fixed to fix to top or .contain-to-grid for grid width -->
29 <nav class="top-bar">
5d1fd50 updated for new JS option
zurbchris authored
30 <ul>
31 <!-- Title Area -->
32 <li class="name">
33 <h1>
34 <a href="#">
35 <!-- <img src="http://placehold.it/25x25"> -->
36 Top Bar Title
37 </a>
38 </h1>
39 </li>
b4c5542 changed classname for topbar toggle
zurbchris authored
40 <li class="toggle-topbar"><a href="#"></a></li>
5d1fd50 updated for new JS option
zurbchris authored
41 </ul>
42
43 <section>
44 <!-- Left Nav Section -->
45 <ul class="left">
46 <li class="divider"></li>
c50b646 refactored scss a bit for top bar
zurbchris authored
47 <li class="active has-dropdown">
66c9a26 QA complete
zurbchris authored
48 <a href="#">Main Item 1</a>
ac45fdd update
zurbchris authored
49 <ul class="dropdown">
bb41d64 updated for Jordan to fix height issue
zurbchris authored
50 <li><a href="#">Dropdown Option</a></li>
51 <li><a href="#">Dropdown Option</a></li>
52 <li><a href="#">Dropdown Option</a></li>
53 <li class="divider"></li>
54 <li><a href="#">See all &rarr;</a></li>
55 </ul>
56 </li>
57 <li class="divider"></li>
66c9a26 QA complete
zurbchris authored
58 <li><a href="#">Main Item 2</a></li>
bb41d64 updated for Jordan to fix height issue
zurbchris authored
59 <li class="divider"></li>
60 <li class="has-dropdown">
61 <a href="#">Main Item 3</a>
62 <ul class="dropdown">
5d1fd50 updated for new JS option
zurbchris authored
63 <li><label>Section Name</label></li>
64 <li class="has-dropdown">
65 <a href="#" class="">Dropdown Level 1</a>
ac45fdd update
zurbchris authored
66 <ul class="dropdown">
67 <li><a href="#">Subdropdown Option</a></li>
68 <li><a href="#">Subdropdown Option</a></li>
5d1fd50 updated for new JS option
zurbchris authored
69 <li class="has-dropdown"><a href="#">Dropdown Level 3</a>
70 <ul class="dropdown">
71 <li><label>Section Name</label></li>
72 <li><a href="#">Subdropdown Option</a></li>
73 <li><a href="#">Subdropdown Option</a></li>
74 <li class="divider"></li>
75 <li><a href="#">Subdropdown Option</a></li>
76 </ul>
77 </li>
78 <li><a href="#">Subdropdown Option</a></li>
79 <li><a href="#">Subdropdown Option</a></li>
ac45fdd update
zurbchris authored
80 <li><a href="#">Subdropdown Option</a></li>
81 </ul>
82 </li>
5d1fd50 updated for new JS option
zurbchris authored
83 <li><a href="#">Dropdown Option</a></li>
84 <li><a href="#">Dropdown Option</a></li>
85 <li class="divider"></li>
86 <li><label>Section Name</label></li>
87 <li><a href="#">Dropdown Option</a></li>
88 <li><a href="#">Dropdown Option</a></li>
89 <li><a href="#">Dropdown Option</a></li>
90 <li class="divider"></li>
91 <li><a href="#">See all &rarr;</a></li>
ac45fdd update
zurbchris authored
92 </ul>
93 </li>
94 <li class="divider"></li>
95 </ul>
71f9b3b update
zurbchris authored
96
5d1fd50 updated for new JS option
zurbchris authored
97 <!-- Right Nav Section -->
98 <ul class="right">
8d5a7e1 update
zurbchris authored
99 <li class="show-for-large divider"></li>
ac45fdd update
zurbchris authored
100 <li class="has-dropdown">
5d1fd50 updated for new JS option
zurbchris authored
101 <a href="#">Main Item 4</a>
ac45fdd update
zurbchris authored
102 <ul class="dropdown">
5d1fd50 updated for new JS option
zurbchris authored
103 <li><label>Section Name</label></li>
ac45fdd update
zurbchris authored
104 <li class="has-dropdown">
5d1fd50 updated for new JS option
zurbchris authored
105 <a href="#" class="">Has Dropdown, Level 1</a>
106 <ul class="dropdown">
107 <li><a href="#">Dropdown Options</a></li>
108 <li><a href="#">Dropdown Options</a></li>
109 <li class="has-dropdown">
110 <a href="#">Has Dropdown, Level 2</a>
111 <ul class="dropdown test">
112 <li><a href="#">Subdropdown Option</a></li>
113 <li><a href="#">Subdropdown Option</a></li>
114 <li><a href="#">Subdropdown Option</a></li>
115 </ul>
116 </li>
ac45fdd update
zurbchris authored
117 <li><a href="#">Subdropdown Option</a></li>
118 <li><a href="#">Subdropdown Option</a></li>
119 <li><a href="#">Subdropdown Option</a></li>
120 </ul>
121 </li>
5d1fd50 updated for new JS option
zurbchris authored
122 <li><a href="#">Dropdown Option</a></li>
123 <li><a href="#">Dropdown Option</a></li>
124 <li class="divider"></li>
125 <li><label>Section Name</label></li>
126 <li><a href="#">Dropdown Option</a></li>
127 <li><a href="#">Dropdown Option</a></li>
128 <li><a href="#">Dropdown Option</a></li>
129 <li class="divider"></li>
130 <li><a href="#">See all &rarr;</a></li>
ac45fdd update
zurbchris authored
131 </ul>
132 </li>
133 <li class="divider"></li>
ef97f68 updated topbar to include contain to grid class for keeping its content ...
zurbchris authored
134 <li class="search">
135 <!-- <form class="collapse">
136 <input type="text">
137 <button type="submit" class="secondary radius button">Search</button>
138 </form> -->
139 <form>
140 <input type="search">
141 </form>
142 </li>
0eeab61 tweaked button margin so its a little smaller for visual consistency
zurbchris authored
143 <li class="divider show-for-small"></li>
bb41d64 updated for Jordan to fix height issue
zurbchris authored
144 <li class="has-button"><a class="small button" href="#">Button!</a></li>
ac45fdd update
zurbchris authored
145 </ul>
5d1fd50 updated for new JS option
zurbchris authored
146 </section>
147 </nav>
4308afd bumbed Top Bar Version, updated implementation to remove side-scroll bug
zurbchris authored
148 </div>
71f9b3b update
zurbchris authored
149
d58441d updated files
zurbchris authored
150 <div class="row">
151 <div class="twelve columns">
152 <p><a href="index.html">&laquo; Back</a></p>
153 <h2>Foundation Top Bar Testing</h2>
d7bcc1b added description to test page for top bar
zurbchris authored
154 <hr>
155 </div>
156 </div>
157
158 <div class="row">
159 <div class="twelve columns">
160 <h4 class="subheader">We designed our responsive navigation bar to be super flexible! You have control over almost every aspect of it, including: size, colors, static, fixed and/or contained to grid width, customizable breakpoint and more. Play around with it here and see what it can do.</h4>
d58441d updated files
zurbchris authored
161 </div>
162 </div>
5d1fd50 updated for new JS option
zurbchris authored
163
164
165
d58441d updated files
zurbchris authored
166 <!-- Included JS Files -->
167 <script src="../vendor/assets/javascripts/foundation/jquery.js"></script>
168 <script src="../vendor/assets/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
169 <script src="../vendor/assets/javascripts/foundation/jquery.placeholder.js"></script>
170 <script src="../vendor/assets/javascripts/foundation/jquery.foundation.alerts.js"></script>
171 <script src="../vendor/assets/javascripts/foundation/jquery.foundation.accordion.js"></script>
172 <script src="../vendor/assets/javascripts/foundation/jquery.foundation.buttons.js"></script>
173 <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tooltips.js"></script>
174 <script src="../vendor/assets/javascripts/foundation/jquery.foundation.forms.js"></script>
175 <script src="../vendor/assets/javascripts/foundation/jquery.foundation.tabs.js"></script>
176 <script src="../vendor/assets/javascripts/foundation/jquery.foundation.navigation.js"></script>
71f9b3b update
zurbchris authored
177 <script src="../vendor/assets/javascripts/foundation/jquery.foundation.topbar.js"></script>
d58441d updated files
zurbchris authored
178 <script src="../vendor/assets/javascripts/foundation/jquery.foundation.reveal.js"></script>
179 <script src="../vendor/assets/javascripts/foundation/jquery.foundation.orbit.js"></script>
180 <script src="../vendor/assets/javascripts/foundation/app.js"></script>
181 <script type="text/javascript">
182 // Page-Specific JavaScript Goes Here
5d1fd50 updated for new JS option
zurbchris authored
183 </script>
d58441d updated files
zurbchris authored
184 </body>
185 </html>
Something went wrong with that request. Please try again.