Private
Public Access
1
0

added footer

This commit is contained in:
Sander Roosendaal
2018-09-22 16:33:17 +02:00
parent 1f4fa74fb1
commit bf4a93f496
3 changed files with 130 additions and 15 deletions

View File

@@ -1,19 +1,27 @@
<ul class="cd-accordion-menu animated">
<li><a href="#0"><i class="fas fa-clipboard-list fa-fw"></i>&nbsp;Workouts List</a></li>
<li><a href="#0"><i class="fas fa-chart-pie fa-fw"></i>&nbsp;Charts</a></li>
<li><a href="#0"><i class="fas fa-balance-scale fa-fw"></i>&nbsp;Compare</a></li>
<li><a href="#0"><i class="fas fa-file-upload fa-fw"></i>&nbsp;Upload</a></li>
<li class="has-children">
<li id="workouts-list">
<a href="#0"><i class="fas fa-clipboard-list fa-fw"></i>&nbsp;Workouts List</a>
</li>
<li id="charts">
<a href="#0"><i class="fas fa-chart-pie fa-fw"></i>&nbsp;Charts</a>
</li>
<li id="compare">
<a href="#0"><i class="fas fa-balance-scale fa-fw"></i>&nbsp;Compare</a>
</li>
<li>
<a href="#0"><i class="fas fa-file-upload fa-fw"></i>&nbsp;Upload</a>
</li>
<li class="has-children" id="imports">
<input type="checkbox" name ="group-1" id="group-1">
<label for="group-1"><i class="fas fa-cloud-download fa-fw"></i>&nbsp;Import</label>
<ul>
<li><a href="#0">Concept2</a></li>
<li><a href="#0">Strava</a></li>
<li><a href="#0">RunKeeper</a></li>
<li><a href="#0">SportTracks</a></li>
<li><a href="#0">MapMyFitness</a></li>
<li><a href="#0">Polar</a></li>
<li id="concept2"><a href="#0">Concept2</a></li>
<li id="strava"><a href="#0">Strava</a></li>
<li id="runkeeper"><a href="#0">RunKeeper</a></li>
<li id="sporttracks"><a href="#0">SportTracks</a></li>
<li id="mapmyfitness"><a href="#0">MapMyFitness</a></li>
<li id="polar"><a href="#0">Polar</a></li>
</ul>
</li>
</ul> <!-- cd-accordion-menu -->

View File

@@ -23,7 +23,32 @@
margin: 0;
display: flex;
justify-content: space-between;
padding: 0.2em 0.2em 0.2em 0.2em;
}
footer ul {
list-style: none;
display: flex;
justify-content: flex-start;
flex-direction: row;
}
footer ul ul {
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 2em;
}
footer li {
margin: 0;
padding-bottom: 0.4em;
}
footer h1 {
font-weight: bold;
text-align: left;
font-size: 1.0em;
}
header ul {
@@ -219,6 +244,7 @@
.content {
grid-area: content;
padding: 1.2em 1.2em 1.2em 1.2em;
}
.main-nav {
grid-area: nav;
@@ -232,9 +258,14 @@
.ad {
grid-area: ad;
background: #35383d;
color: #dddddd;
padding: 1em 1em 1em 1em;
}
.main-footer {
grid-area: footer;
background: #ededed;
padding: 1.2em 1.2em 1.2em 1.2em;
}
.wrapper {

View File

@@ -203,7 +203,7 @@
</a>
</li>
</ul>
</nav>
</nav>
<main class="content">
{% block main %}
@@ -219,8 +219,84 @@
<div class="ad">
{% block ad %}
Advertising
{% endblock %}</div>
<footer class="main-footer">Footer</footer>
{% endblock %}
</div>
<footer class="main-footer">
<p>Follow us on
<a href="">
<i class="fab fa-twitter"></i>
</a>&nbsp;
<a href="">
<i class="fab fa-instagram"></i>
</a>&nbsp;
<a href="">
<i class="fab fa-wordpress-simple"></i>
</a>&nbsp;
<a href="">
<i class="fab fa-facebook"></i>
</a>&nbsp;
</p>
<p>
<ul>
<li>
<h1>Help</h1>
<ul>
<li>
<a href="">Help</a>
</li>
<li>
<a href="">Rowing Analytics Blog</a>
</li>
<li>
<a href="">Rowing Data Facebook Group</a>
</li>
<li>
<a href="">Rowing Physics</a>
</li>
</ul>
</li>
<li>
<h1>About</h1>
<ul>
<li>
<a href="">Contact</a>
</li>
<li>
<a href="">Rowsandall s.r.o.</a>
</li>
<li>
<a href="">Brochure</a>
</li>
<li>
<a href="">Partnering?</a>
</li>
<li>
<a href="">Developers Info</a>
</li>
</ul>
</li>
<li>
<h1>Paid Plans</h1>
<ul>
<li>
<a href="">Paid Plans</a>
</li>
</ul>
</li>
<li>
<h1>Legal</h1>
<ul>
<li>
<a href="">Terms and Conditions</a>
</li>
<li>
<a href="">Privacy Policy</a>
</li>
</ul>
</ul>
</p>
</footer>
{% analytical_body_bottom %}
{% block body_bottom %}{% endblock %}
</body>