-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·52 lines (51 loc) · 2.47 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>MBU Digital Media - Mobify JQuery Plugin demo</title>
<link type="text/css" href="css/screen.css" rel="stylesheet">
</head>
<body>
<!-- add the mobify class to any element(s) need to collapse on smaller screens. -->
<section class="mobify">
<header>
<hgroup>
<h2>A section title</h2>
<h4>A sub title</h4>
</hgroup>
<nav>
<ul>
<li>Home</li>
<li>Another navigation item</li>
</ul>
</nav>
</header>
<p>Vivamus non semper lorem. Fusce bibendum pretium sagittis. In tristique leo ac justo suscipit sit amet lacinia diam aliquet. Vestibulum quis euismod turpis. Aliquam vulputate felis ac lectus tempus nec feugiat risus suscipit.</p>
<!-- add the mobify-summary class to any element(s) that can summarise the content in the minimised state -->
<blockquote class="mobify-summary">Duis vitae nibh ligula, a ultricies risus.</blockquote>
<p>Donec adipiscing, ante vitae facilisis ultricies, purus dolor eleifend justo, sit amet vulputate neque elit vel metus. Duis vitae nibh ligula, a ultricies risus. Duis bibendum, turpis ut varius consectetur, lectus tortor molestie dui, vel tincidunt libero mi id risus. </p>
</section>
<section class="mobify">
<header>
<hgroup>
<h2>Another section title</h2>
<h4>A sub title</h4>
</hgroup>
<nav>
<ul>
<li>Home</li>
<li class="mobify-summary">Any element can summarise</li>
</ul>
</nav>
</header>
<p>Vivamus non semper lorem. Fusce bibendum pretium sagittis. In tristique leo ac justo suscipit sit amet lacinia diam aliquet. Vestibulum quis euismod turpis. Aliquam vulputate felis ac lectus tempus nec feugiat risus suscipit.</p>
<!-- add the mobify-summary class to any element(s) that can summarise the content in the minimised state -->
<blockquote>Duis vitae nibh ligula, a ultricies risus.</blockquote>
<p>Donec adipiscing, ante vitae facilisis ultricies, purus dolor eleifend justo, sit amet vulputate neque elit vel metus. Duis vitae nibh ligula, a ultricies risus. Duis bibendum, turpis ut varius consectetur, lectus tortor molestie dui, vel tincidunt libero mi id risus. </p>
</section>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/lib/jquery-1.8.3.js"><\/script>')</script>
<script src="js/lib/jquery.mobify.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>