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

playing with container and widths

Browse source
This commit is contained in:
JesseBot 2017-07-14 18:56:41 +00:00
parent 38f8e1a1c4
commit 0c58187621
2 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
front_end/css/main.css
View file

@ -34,7 +34,7 @@ h5 {
}
.container {
padding: 40px 45px 0px 20px;
padding: 70px 300px 40px 300px;
}
.nav-tabs .nav-link.active {

13
front_end/views/index.tpl
View file

@ -1,7 +1,7 @@
% include('header.tpl')
<div class="container">
<div class="card mx-auto" style="width: 30rem;">
<img class="card-img-top img-fluid" src="/images/{{main_pic}}" alt="What I look like.">
<div class="card mx-auto">
<img class="img-fluid" src="/images/{{main_pic}}" alt="What I look like.">
<div class="card-header">
<ul class="nav nav-tabs card-header-tabs">
<li class="nav-item">
@ -14,8 +14,7 @@
Resume
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<h6 class="dropdown-header">Live Doc</h6>
<a class="menu-drop-item" target="_blank" href="{{gdoc_URL}}" role="button" data-toggle="tooltip" data-placement="bottom" title="Go to Google doc, or download directly">gdoc</a>
<a class="menu-drop-item" target="_blank" href="{{gdoc_URL}}" role="button" data-toggle="tooltip" data-placement="bottom" title="Go to Google doc, or download directly">Live Doc</a>
<h6 class="dropdown-header">Direct Downloads</h6>
<a class="menu-drop-item" href="{{resume_pdf_download_URL}}">Download .PDF</a>
<a class="menu-drop-item" href="{{resume_docx_download_URL}}">Download .Docx</a>
@ -33,13 +32,13 @@
</p>
</div> <!-- card block -->
<div class="card-footer">
<div class="row justify-content-center">
<div class="col">
<div class="row justify-content-between mx-auto">
<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";>
</a>
</div> <!-- col -->
<div class="col">
<div class="col-6">
<a target="_blank" href="{{linkedin_URL}}" role="button" data-toggle="tooltip" data-placement="bottom" title="Connect with me on Linkedin">
<img src="/images/linkedin.svg" class="img-fluid" style="height: 48px";>
</a>