forked from micromata/Baumeister
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstickyFooter.html
139 lines (121 loc) · 4.66 KB
/
stickyFooter.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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js ie lt-ie10 lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]> <html class="no-js ie lt-ie10"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="author" content="Micromata GmbH" />
<title></title>
<!-- Our compiled and merged LESS files -->
<!-- build:css:dist assets/css/index.min.css -->
<link href="assets/css/index.css" rel="stylesheet" />
<!-- /build -->
<!--
Replace "no-js" class with "js" in case JavaScript is available.
You can delete this when you feel the need to make use of modernizr.
-->
<script>(function(h){h.className = h.className.replace('no-js', 'js')})(document.documentElement)</script>
<!-- HTML5 shim and Respond.js IE8 support for HTML5 elements and media queries. -->
<!--[if lt IE 9]>
<script src="libs/html5shiv/dist/html5shiv-printshiv.min.js"></script>
<script src="libs/respondJs/dest/respond.min.js"></script>
<![endif]-->
<!-- Place favicon.ico and apple-touch-icon.png in the root directory. -->
<!-- Place anything custom after this. But put JS to the end of body. -->
</head>
<body>
<!--[if lt IE 8>
<p class="browsehappy">
You are using an <strong>outdated</strong> browser.
Please <a href="http://browsehappy.com/">upgrade your browser</a>
to improve your experience.
</p>
<![endif]-->
<!-- begin: navbar -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Bootstrap Kickstart</a>
</div>
<!-- begin: navbar-collapse -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="demoElements.html">Demo Elements</a>
</li>
<li class="active">
<a href="stickyFooter.html">Sticky footer</a>
</li>
</ul>
</div>
<!-- end: navbar-collapse -->
</div>
</div>
<!-- end: navbar -->
<!-- begin: content container -->
<div class="container">
<!-- begin: content -->
<h1>Sticky footer with fixed navbar</h1>
<p class="lead">
Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code>padding-top: 60px;</code>on the <code>body > .container</code>.
</p>
<p>
Adapted from the <a href="http://getbootstrap.com/examples/sticky-footer-navbar/">Bootstrap sticky footer example</a>.
</p>
<!-- end: content -->
</div>
<!-- end: content container -->
<!-- begin: footer -->
<div class="footer">
<div class="container">
<p class="footer-text text-muted">Place sticky footer content here …</p>
</div>
</div>
<!-- end: footer -->
<!--
JavaScript
=======================================================
Placed at the end of the document. Performance reasons.
-->
<script src="libs/jquery/dist/jquery.min.js"></script>
<script src="libs/jquery-placeholder/jquery.placeholder.js"></script>
<!--
Bootstrap core JavaScript
Non minified/merged versions for debugging purposes.
-->
<!--
<script src="libs/bootstrap/js/affix.js"></script>
<script src="libs/bootstrap/js/alert.js"></script>
<script src="libs/bootstrap/js/button.js"></script>
<script src="libs/bootstrap/js/carousel.js"></script>
<script src="libs/bootstrap/js/collapse.js"></script>
<script src="libs/bootstrap/js/dropdown.js"></script>
<script src="libs/bootstrap/js/modal.js"></script>
<script src="libs/bootstrap/js/popover.js"></script>
<script src="libs/bootstrap/js/scrollspy.js"></script>
<script src="libs/bootstrap/js/tab.js"></script>
<script src="libs/bootstrap/js/tooltip.js"></script>
<script src="libs/bootstrap/js/transition.js"></script>
-->
<script src="libs/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Own JS -->
<script src="assets/js/base.min.js"></script>
<script src="assets/js/module.min.js"></script>
<!-- External scripts (eg. analytics) should be placed here -->
</body>
</html>