Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / testing.html @ 98714f8a

History | View | Annotate | Download (6.8 kB)

1 b3c1328b Olga Brani
2 b3c1328b Olga Brani
<!DOCTYPE html>
3 b3c1328b Olga Brani
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
4 b3c1328b Olga Brani
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
5 b3c1328b Olga Brani
<head>
6 b3c1328b Olga Brani
  <meta charset="utf-8" />
7 b3c1328b Olga Brani
8 b3c1328b Olga Brani
  <!-- Set the viewport width to device width for mobile -->
9 b3c1328b Olga Brani
  <meta name="viewport" content="width=device-width" />
10 b3c1328b Olga Brani
11 b3c1328b Olga Brani
  <title>~okeanos | cyclades</title>
12 b3c1328b Olga Brani
  <!-- based on foundation template called Marketing -->
13 b3c1328b Olga Brani
  <link rel="stylesheet" href="stylesheets/normalize.css">
14 b3c1328b Olga Brani
  <link rel="stylesheet" href="stylesheets/foundation.css">
15 b3c1328b Olga Brani
  <link rel="stylesheet" href="stylesheets/athina.css">
16 b3c1328b Olga Brani
17 b3c1328b Olga Brani
  <script src="javascripts/vendor/custom.modernizr.js"></script>
18 b3c1328b Olga Brani
</head>
19 b3c1328b Olga Brani
<body>
20 b3c1328b Olga Brani
21 b3c1328b Olga Brani
<!-- Navigation -->
22 b3c1328b Olga Brani
23 b3c1328b Olga Brani
  <nav class="top-bar">
24 b3c1328b Olga Brani
    <ul class="title-area">
25 b3c1328b Olga Brani
      <!-- Title Area -->
26 b3c1328b Olga Brani
      <li class="toggle-topbar menu-icon"><a href="#"><span>Not Visible</span></a></li>
27 b3c1328b Olga Brani
    </ul>
28 b3c1328b Olga Brani
 
29 b3c1328b Olga Brani
    <section class="top-bar-section">
30 b3c1328b Olga Brani
      <!-- Right Nav Section -->
31 b3c1328b Olga Brani
      <ul class="left">
32 b3c1328b Olga Brani
        <li class="divider"></li>
33 b3c1328b Olga Brani
        <li class="has-dropdown">
34 b3c1328b Olga Brani
          <a href="#">Main Item 1</a>
35 b3c1328b Olga Brani
          <ul class="dropdown">
36 b3c1328b Olga Brani
            <li><label>Section Name</label></li>
37 b3c1328b Olga Brani
            <li class="has-dropdown">
38 b3c1328b Olga Brani
              <a href="#" class="">Has Dropdown, Level 1</a>
39 b3c1328b Olga Brani
              <ul class="dropdown">
40 b3c1328b Olga Brani
                <li><a href="#">Dropdown Options</a></li>
41 b3c1328b Olga Brani
                <li><a href="#">Dropdown Options</a></li>
42 b3c1328b Olga Brani
                <li><a href="#">Level 2</a></li>
43 b3c1328b Olga Brani
                <li><a href="#">Subdropdown Option</a></li>
44 b3c1328b Olga Brani
                <li><a href="#">Subdropdown Option</a></li>
45 b3c1328b Olga Brani
                <li><a href="#">Subdropdown Option</a></li>
46 b3c1328b Olga Brani
              </ul>
47 b3c1328b Olga Brani
            </li>
48 b3c1328b Olga Brani
            <li><a href="#">Dropdown Option</a></li>
49 b3c1328b Olga Brani
            <li><a href="#">Dropdown Option</a></li>
50 b3c1328b Olga Brani
            <li class="divider"></li>
51 b3c1328b Olga Brani
            <li><label>Section Name</label></li>
52 b3c1328b Olga Brani
            <li><a href="#">Dropdown Option</a></li>
53 b3c1328b Olga Brani
            <li><a href="#">Dropdown Option</a></li>
54 b3c1328b Olga Brani
            <li><a href="#">Dropdown Option</a></li>
55 b3c1328b Olga Brani
            <li class="divider"></li>
56 b3c1328b Olga Brani
            <li><a href="#">See all &rarr;</a></li>
57 b3c1328b Olga Brani
          </ul>
58 b3c1328b Olga Brani
        </li>
59 b3c1328b Olga Brani
        <li class="divider"></li>
60 b3c1328b Olga Brani
        <li><a href="#">Main Item 2</a></li>
61 b3c1328b Olga Brani
        <li class="divider"></li>
62 b3c1328b Olga Brani
        <li class="has-dropdown">
63 b3c1328b Olga Brani
          <a href="#">Main Item 3</a>
64 b3c1328b Olga Brani
          <ul class="dropdown">
65 b3c1328b Olga Brani
            <li><a href="#">Dropdown Option</a></li>
66 b3c1328b Olga Brani
            <li><a href="#">Dropdown Option</a></li>
67 b3c1328b Olga Brani
            <li><a href="#">Dropdown Option</a></li>
68 b3c1328b Olga Brani
            <li class="divider"></li>
69 b3c1328b Olga Brani
            <li><a href="#">See all &rarr;</a></li>
70 b3c1328b Olga Brani
          </ul>
71 b3c1328b Olga Brani
        </li>
72 b3c1328b Olga Brani
      </ul>
73 b3c1328b Olga Brani
    </section>
74 b3c1328b Olga Brani
  </nav>
75 b3c1328b Olga Brani
 
76 b3c1328b Olga Brani
  <!-- End Top Bar -->
77 b3c1328b Olga Brani
78 b3c1328b Olga Brani
  <div class="row">
79 b3c1328b Olga Brani
    <div class="large-12 columns">
80 b3c1328b Olga Brani
81 b3c1328b Olga Brani
    <!-- Content Slider -->
82 b3c1328b Olga Brani
83 b3c1328b Olga Brani
      <div class="row">
84 b3c1328b Olga Brani
        <div class="large-12 hide-for-small">
85 b3c1328b Olga Brani
86 b3c1328b Olga Brani
         
87 b3c1328b Olga Brani
      </div>
88 b3c1328b Olga Brani
    </div>
89 b3c1328b Olga Brani
90 b3c1328b Olga Brani
    <!-- End Content Slider -->
91 b3c1328b Olga Brani
92 b3c1328b Olga Brani
    <!-- Mobile Header -->
93 b3c1328b Olga Brani
94 b3c1328b Olga Brani
      <div class="row">
95 b3c1328b Olga Brani
        <div class="large-12 columns show-for-small">
96 b3c1328b Olga Brani
97 b3c1328b Olga Brani
         
98 b3c1328b Olga Brani
99 b3c1328b Olga Brani
        </div>
100 b3c1328b Olga Brani
      </div><br>
101 b3c1328b Olga Brani
102 b3c1328b Olga Brani
    <!-- End Mobile Header -->
103 b3c1328b Olga Brani
104 b3c1328b Olga Brani
105 b3c1328b Olga Brani
      <div class="row">
106 b3c1328b Olga Brani
        <div class="large-12 columns">
107 b3c1328b Olga Brani
          <div class="row">
108 b3c1328b Olga Brani
            <!-- Shows -->
109 b3c1328b Olga Brani
            <div class="large-4 small-6 columns">
110 b3c1328b Olga Brani
111 b3c1328b Olga Brani
              <h4>Upcoming Shows</h4><hr>
112 b3c1328b Olga Brani
113 b3c1328b Olga Brani
              <div class="row">
114 b3c1328b Olga Brani
                <div class="large-1 column">
115 b3c1328b Olga Brani
                  <img src="http://placehold.it/50x50&amp;text=[img]">
116 b3c1328b Olga Brani
                </div>
117 b3c1328b Olga Brani
118 b3c1328b Olga Brani
                <div class="large-9 columns">
119 b3c1328b Olga Brani
                  <h5><a href="#">Venue Name</a></h5>
120 b3c1328b Olga Brani
                  <h6 class="subheader show-for-small">Doors at 00:00pm</h6>
121 b3c1328b Olga Brani
                </div>
122 b3c1328b Olga Brani
              </div><hr>
123 b3c1328b Olga Brani
124 b3c1328b Olga Brani
              <div class="hide-for-small">
125 b3c1328b Olga Brani
                <div class="row">
126 b3c1328b Olga Brani
                  <div class="large-1 column">
127 b3c1328b Olga Brani
                    <img src="http://placehold.it/50x50&amp;text=[img]">
128 b3c1328b Olga Brani
                  </div>
129 b3c1328b Olga Brani
130 b3c1328b Olga Brani
                  <div class="large-9 columns">
131 b3c1328b Olga Brani
                    <h5 class="subheader"><a href="#">Venue Name</a></h5>
132 b3c1328b Olga Brani
                  </div>
133 b3c1328b Olga Brani
                </div><hr>
134 b3c1328b Olga Brani
135 b3c1328b Olga Brani
                <div class="row">
136 b3c1328b Olga Brani
                  <div class="large-1 column">
137 b3c1328b Olga Brani
                    <img src="http://placehold.it/50x50&amp;text=[img]">
138 b3c1328b Olga Brani
                  </div>
139 b3c1328b Olga Brani
140 b3c1328b Olga Brani
                  <div class="large-9 columns">
141 b3c1328b Olga Brani
                    <h5 class="subheader"><a href="#">Venue Name</a></h5>
142 b3c1328b Olga Brani
                  </div>
143 b3c1328b Olga Brani
                </div><hr>
144 b3c1328b Olga Brani
145 b3c1328b Olga Brani
                <div class="row">
146 b3c1328b Olga Brani
                  <div class="large-1 column">
147 b3c1328b Olga Brani
                    <img src="http://placehold.it/50x50&amp;text=[img]">
148 b3c1328b Olga Brani
                  </div>
149 b3c1328b Olga Brani
150 b3c1328b Olga Brani
                  <div class="large-9 columns">
151 b3c1328b Olga Brani
                    <h5 class="subheader"><a href="#">Venue Name</a></h5>
152 b3c1328b Olga Brani
                  </div>
153 b3c1328b Olga Brani
                </div>
154 b3c1328b Olga Brani
              </div>
155 b3c1328b Olga Brani
            </div>
156 b3c1328b Olga Brani
            <!-- End Shows -->
157 b3c1328b Olga Brani
158 b3c1328b Olga Brani
159 b3c1328b Olga Brani
            <!-- Image -->
160 b3c1328b Olga Brani
161 b3c1328b Olga Brani
            <div class="large-4 small-6 columns">
162 b3c1328b Olga Brani
              <img src="http://placehold.it/300x465&amp;text=Image">
163 b3c1328b Olga Brani
            </div>
164 b3c1328b Olga Brani
165 b3c1328b Olga Brani
            <!-- End Image -->
166 b3c1328b Olga Brani
167 b3c1328b Olga Brani
168 b3c1328b Olga Brani
            <!-- Feed -->
169 b3c1328b Olga Brani
170 b3c1328b Olga Brani
            <div class="large-4 small-12 columns">
171 b3c1328b Olga Brani
172 b3c1328b Olga Brani
              <h4>Blog</h4><hr>
173 b3c1328b Olga Brani
              <div class="panel">
174 b3c1328b Olga Brani
                <h5><a href="#">Post Title 1</a></h5>
175 b3c1328b Olga Brani
176 b3c1328b Olga Brani
                <h6 class="subheader">
177 b3c1328b Olga Brani
                  Risus ligula, aliquam nec fermentum vitae, sollicitudin eget urna. Suspendisse ultrices ornare tempor...
178 b3c1328b Olga Brani
                </h6>
179 b3c1328b Olga Brani
180 b3c1328b Olga Brani
                <h6><a href="#">Read More »</a></h6>
181 b3c1328b Olga Brani
              </div>
182 b3c1328b Olga Brani
183 b3c1328b Olga Brani
              <div class="panel hide-for-small">
184 b3c1328b Olga Brani
                <h5><a href="#">Post Title 2 »</a></h5>
185 b3c1328b Olga Brani
              </div>
186 b3c1328b Olga Brani
187 b3c1328b Olga Brani
              <div class="panel hide-for-small">
188 b3c1328b Olga Brani
                <h5><a href="#">Post Title 3 »</a></h5>
189 b3c1328b Olga Brani
              </div>
190 b3c1328b Olga Brani
191 b3c1328b Olga Brani
              <a href="#" class="right">Go To Blog »</a>
192 b3c1328b Olga Brani
193 b3c1328b Olga Brani
            </div>
194 b3c1328b Olga Brani
195 b3c1328b Olga Brani
            <!-- End Feed -->
196 b3c1328b Olga Brani
197 b3c1328b Olga Brani
          </div>
198 b3c1328b Olga Brani
        </div>
199 b3c1328b Olga Brani
      </div>
200 b3c1328b Olga Brani
201 b3c1328b Olga Brani
    <!-- End Content -->
202 b3c1328b Olga Brani
203 b3c1328b Olga Brani
204 b3c1328b Olga Brani
    <!-- Footer -->
205 b3c1328b Olga Brani
206 b3c1328b Olga Brani
      <footer class="row">
207 b3c1328b Olga Brani
        <div class="large-12 columns"><hr>
208 b3c1328b Olga Brani
            <div class="row">
209 b3c1328b Olga Brani
210 b3c1328b Olga Brani
              <div class="large-6 columns">
211 b3c1328b Olga Brani
                  <p>&copy; Copyright no one at all. Go to town.</p>
212 b3c1328b Olga Brani
              </div>
213 b3c1328b Olga Brani
214 b3c1328b Olga Brani
              <div class="large-6 small-12 columns">
215 b3c1328b Olga Brani
                  <ul class="inline-list right">
216 b3c1328b Olga Brani
                    <li><a href="#">Link 1</a></li>
217 b3c1328b Olga Brani
                    <li><a href="#">Link 2</a></li>
218 b3c1328b Olga Brani
                    <li><a href="#">Link 3</a></li>
219 b3c1328b Olga Brani
                    <li><a href="#">Link 4</a></li>
220 b3c1328b Olga Brani
                  </ul>
221 b3c1328b Olga Brani
              </div>
222 b3c1328b Olga Brani
223 b3c1328b Olga Brani
            </div>
224 b3c1328b Olga Brani
        </div>
225 b3c1328b Olga Brani
      </footer>
226 b3c1328b Olga Brani
227 b3c1328b Olga Brani
    <!-- End Footer -->
228 b3c1328b Olga Brani
229 b3c1328b Olga Brani
    </div>
230 b3c1328b Olga Brani
  </div>
231 b3c1328b Olga Brani
232 b3c1328b Olga Brani
  <script>
233 b3c1328b Olga Brani
  document.write('<script src=javascripts/vendor/' +
234 b3c1328b Olga Brani
  ('__proto__' in {} ? 'zepto' : 'jquery') +
235 b3c1328b Olga Brani
  '.js><\/script>')
236 b3c1328b Olga Brani
  </script>
237 b3c1328b Olga Brani
  <script src="javascripts/foundation.min.js"></script>
238 b3c1328b Olga Brani
  <script>
239 b3c1328b Olga Brani
    $(document).foundation();
240 b3c1328b Olga Brani
  </script>
241 b3c1328b Olga Brani
<!-- End Footer -->
242 b3c1328b Olga Brani
243 b3c1328b Olga Brani
</body>
244 b3c1328b Olga Brani
</html>