Commit 8958d3c0 authored by Renfred Harper's avatar Renfred Harper
Browse files

Restructure html to support sticky footer

parent 8cf2c3ac
...@@ -23,7 +23,9 @@ a:visited{ ...@@ -23,7 +23,9 @@ a:visited{
color: #003C00; color: #003C00;
} }
div.container{ .holder{
min-height: 100%;
position: relative;
} }
body { body {
...@@ -31,6 +33,10 @@ body { ...@@ -31,6 +33,10 @@ body {
background-size: cover; background-size: cover;
} }
.main-container{
padding-bottom: 150px;
}
.title{ .title{
text-align: center; text-align: center;
font-size: 50px; font-size: 50px;
......
...@@ -23,6 +23,7 @@ ...@@ -23,6 +23,7 @@
</head> </head>
{% endblock %} {% endblock %}
<body> <body>
<div class="holder">
<nav class="navbar navbar-default" role="navigation"> <nav class="navbar navbar-default" role="navigation">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
...@@ -31,7 +32,7 @@ ...@@ -31,7 +32,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand" href="#">what's open</a> <a class="navbar-brand" href="/">what's open</a>
</div> </div>
<div class="collapse navbar-collapse navbar-ex1-collapse"> <div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
...@@ -51,7 +52,7 @@ ...@@ -51,7 +52,7 @@
</div> </div>
</div> </div>
</nav> </nav>
<div class="container"> <div class="container main-container">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
{% block content %} {% block content %}
...@@ -59,6 +60,7 @@ ...@@ -59,6 +60,7 @@
{% endblock %} {% endblock %}
</div> </div>
</div> </div>
</div>
<div id="footer"> <div id="footer">
<div class="footer-row"> <div class="footer-row">
<div class="col-md-2"> <div class="col-md-2">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment