Use bootstrap for footer
This commit is contained in:
parent
611c705af2
commit
5fb332e411
|
@ -1,7 +1,7 @@
|
|||
<footer class="site-footer">
|
||||
|
||||
<div class="wrap">
|
||||
|
||||
<div class="wrap row">
|
||||
<div class="col-lg-4">
|
||||
<h2 class="footer-heading">{{ site.title }}</h2>
|
||||
|
||||
<div class="footer-col-1 column">
|
||||
|
@ -10,8 +10,9 @@
|
|||
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-col-2 column">
|
||||
<div class="col-lg-4">
|
||||
<ul>
|
||||
{% if site.github_username %}<li>
|
||||
<span class="fa fa-github-alt"></span>
|
||||
|
@ -28,7 +29,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-col-3 column">
|
||||
<div class="col-lg-4">
|
||||
<p class="text">{{ site.description }}</p>
|
||||
</div>
|
||||
|
||||
|
|
26
css/main.css
26
css/main.css
|
@ -85,32 +85,6 @@ a:visited { color: #205caa; }
|
|||
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 li,
|
||||
|
|
Loading…
Reference in a new issue