Use bootstrap for footer
This commit is contained in:
parent
611c705af2
commit
5fb332e411
|
@ -1,17 +1,18 @@
|
||||||
<footer class="site-footer">
|
<footer class="site-footer">
|
||||||
|
|
||||||
<div class="wrap">
|
<div class="wrap row">
|
||||||
|
<div class="col-lg-4">
|
||||||
|
<h2 class="footer-heading">{{ site.title }}</h2>
|
||||||
|
|
||||||
<h2 class="footer-heading">{{ site.title }}</h2>
|
<div class="footer-col-1 column">
|
||||||
|
<ul>
|
||||||
<div class="footer-col-1 column">
|
<li>{{ site.title }}</li>
|
||||||
<ul>
|
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
|
||||||
<li>{{ site.title }}</li>
|
</ul>
|
||||||
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
|
</div>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="footer-col-2 column">
|
<div class="col-lg-4">
|
||||||
<ul>
|
<ul>
|
||||||
{% if site.github_username %}<li>
|
{% if site.github_username %}<li>
|
||||||
<span class="fa fa-github-alt"></span>
|
<span class="fa fa-github-alt"></span>
|
||||||
|
@ -28,7 +29,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="footer-col-3 column">
|
<div class="col-lg-4">
|
||||||
<p class="text">{{ site.description }}</p>
|
<p class="text">{{ site.description }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
26
css/main.css
26
css/main.css
|
@ -85,32 +85,6 @@ a:visited { color: #205caa; }
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-footer .column { float: left; margin-bottom: 15px; }
|
|
||||||
|
|
||||||
.footer-col-1 {
|
|
||||||
width: 270px; /*fallback*/
|
|
||||||
width: -webkit-calc(35% - 10px);
|
|
||||||
width: -moz-calc(35% - 10px);
|
|
||||||
width: -o-calc(35% - 10px);
|
|
||||||
width: calc(35% - 10px);
|
|
||||||
margin-right: 10px
|
|
||||||
}
|
|
||||||
.footer-col-2 {
|
|
||||||
width: 175px; /*fallback*/
|
|
||||||
width: -webkit-calc(23.125% - 10px);
|
|
||||||
width: -moz-calc(23.125% - 10px);
|
|
||||||
width: -o-calc(23.125% - 10px);
|
|
||||||
width: calc(23.125% - 10px);
|
|
||||||
margin-right: 10px
|
|
||||||
}
|
|
||||||
.footer-col-3 {
|
|
||||||
width: 335px; /*fallback*/
|
|
||||||
width: -webkit-calc(41.875%);
|
|
||||||
width: -moz-calc(41.875%);
|
|
||||||
width: -o-calc(41.875%);
|
|
||||||
width: calc(41.875%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.site-footer ul { list-style: none; }
|
.site-footer ul { list-style: none; }
|
||||||
|
|
||||||
.site-footer li,
|
.site-footer li,
|
||||||
|
|
Loading…
Reference in a new issue