added footer
This commit is contained in:
@@ -1,19 +1,27 @@
|
||||
<ul class="cd-accordion-menu animated">
|
||||
<li><a href="#0"><i class="fas fa-clipboard-list fa-fw"></i> Workouts List</a></li>
|
||||
<li><a href="#0"><i class="fas fa-chart-pie fa-fw"></i> Charts</a></li>
|
||||
<li><a href="#0"><i class="fas fa-balance-scale fa-fw"></i> Compare</a></li>
|
||||
<li><a href="#0"><i class="fas fa-file-upload fa-fw"></i> Upload</a></li>
|
||||
<li class="has-children">
|
||||
<li id="workouts-list">
|
||||
<a href="#0"><i class="fas fa-clipboard-list fa-fw"></i> Workouts List</a>
|
||||
</li>
|
||||
<li id="charts">
|
||||
<a href="#0"><i class="fas fa-chart-pie fa-fw"></i> Charts</a>
|
||||
</li>
|
||||
<li id="compare">
|
||||
<a href="#0"><i class="fas fa-balance-scale fa-fw"></i> Compare</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#0"><i class="fas fa-file-upload fa-fw"></i> 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> 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 -->
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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>
|
||||
<a href="">
|
||||
<i class="fab fa-instagram"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-wordpress-simple"></i>
|
||||
</a>
|
||||
<a href="">
|
||||
<i class="fab fa-facebook"></i>
|
||||
</a>
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user