-
Notifications
You must be signed in to change notification settings - Fork 0
/
04_fixed_footer.html
67 lines (63 loc) · 3.87 KB
/
04_fixed_footer.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
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="../core/css/dlMetro.css">
<link rel="stylesheet" type="text/css" href="./css/04custom.css">
<script src="../core/js/dlMetro.js"></script>
</head>
<body>
<div class="main">
<div class="flow">
<div class="content all-size">
<div class="c6-all-size"><div class="cell">
a simple content<br>
second row
</div></div>
<div class="c5-all-size"><div class="cell">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque et placerat mauris. Maecenas adipiscing luctus eros, eu ullamcorper ligula. Maecenas scelerisque purus et velit luctus, non elementum odio pellentesque. Quisque convallis pulvinar fermentum. Integer ac mi magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam ut tincidunt turpis, vitae ullamcorper enim. Vivamus leo neque, condimentum non ullamcorper semper, interdum a nibh. Donec iaculis dignissim porttitor. Donec sit amet adipiscing nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer volutpat id dolor ut auctor. Sed dignissim et leo vitae adipiscing.
</div></div>
<div class="c1-all-size"><div class="cell">
<br>
</div></div>
<div class="c0-all-size clear">
</div>
<div class="c0-all-size c1-xlarge-size c1-xxlarge-size">
</div>
<div class="c6-all-size c4-xlarge-size c4-xxlarge-size" ><div class="cell">
<br><br><br><br><br><br><br><br>
</div></div>
<div class="c0-all-size c1-xlarge-size c1-xxlarge-size">
</div>
<div class="c4-all-size"><div class="cell">
<br><br><br><br><br><br><br><br><br>
</div></div>
<div class="c2-all-size"><div class="cell">
<br><br><br><br><br><br><br><br><br>
</div></div>
<div class="c2-all-size"><div class="cell">
<br><br><br>
</div></div>
<div class="c3-all-size"><div class="cell">
<br><br><br>
</div></div>
<div class="c1-all-size last"><div class="cell">
<br><br><br>
</div></div>
</div>
</div>
<div class="fixed-footer all-size">all-size fixed-footer</div>
<div class="debug all-size" onclick="this.style.display='none';">
<div class="fallback-size">fallback version <br> with<noscript>out</noscript> javascript</div>
<div class="min-size">min version <br> with<noscript>out</noscript> javascript</div>
<div class="mid-size">mid version <br> with<noscript>out</noscript> javascript</div>
<div class="large-size">large version <br> with<noscript>out</noscript> javascript</div>
<div class="xlarge-size">xlarge version <br> with<noscript>out</noscript> javascript</div>
<div class="xxlarge-size">xxlarge version <br> with<noscript>out</noscript> javascript</div>
<script>document.write("click to hide");</script>
</div>
</div>
<script src="./js/addSomeFun.js"></script>
</body>
</html>