jessebot/tiny_personal_website
1
0
Fork 0
mirror of https://github.com/jessebot/tiny_personal_website.git synced 2025-10-01 01:48:43 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

aligning footer

Browse source
This commit is contained in:
JesseBot 2017-07-14 19:27:28 +00:00
parent 0c58187621
commit 1cbb7dba1f
2 changed files with 11 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

15
front_end/css/main.css
View file

@ -33,10 +33,6 @@ h5 {
margin-left:5px;
}
.container {
padding: 70px 300px 40px 300px;
}
.nav-tabs .nav-link.active {
background-image: url(../images/sep-half.png);
background-color: #3d3d3d;
@ -95,17 +91,18 @@ h5 {
font-size: small;
}
/**********SIZE SPECIFIC CONFIGURATIONS*********
@media (min-width: 768px) {
.container {
padding: 40px 45px 0px 20px;
padding: 40px 0px 20px 0px;
}
}
@media (min-width: 992px) {
.container {
padding: 40px 25px 0px 0px;
padding: 40px 50px 0px 50px;
}
}
********SIZE SPECIFIC CONFIGURATIONS**********/
.col-6 {
text-align: center;
}

6
front_end/views/index.tpl
View file

@ -1,5 +1,7 @@
% include('header.tpl')
<div class="container">
<div class="row justify-content-center">
<div class="col-8">
<div class="card mx-auto">
<img class="img-fluid" src="/images/{{main_pic}}" alt="What I look like.">
<div class="card-header">
@ -32,7 +34,7 @@
</p>
</div> <!-- card block -->
<div class="card-footer">
<div class="row justify-content-between mx-auto">
<div class="row justify-content-between">
<div class="col-6">
<a target="_blank" href="{{github_URL}}" role="button" data-toggle="tooltip" data-placement="bottom" title="Check out my GitHub">
<img src="/images/github-cat.svg" class="img-fluid" style="height: 48px";>
@ -46,5 +48,7 @@
</div> <!-- row -->
</div> <!-- card footer -->
</div> <!-- card -->
</div> <!-- col -->
</div> <!-- row -->
% include('footer.tpl')