Dennis/dennispotter-cv
1
0
Fork 0
Code Issues 4 Pull Requests Releases Activity

Added shadow to profile pic and fixed error with padding and border-radius

Browse Source
This commit is contained in:
Dennis Potter 2018-07-17 16:32:01 +02:00
parent e1e1746885
commit b75673301f
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/layout.css
View File

@ -931,6 +931,9 @@ call-to-action .button {
text-align: center; text-align: center;
width: 180px; width: 180px;
border-radius: 100%; border-radius: 100%;
-webkit-box-shadow: 10px 20px 45px -18px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 20px 45px -18px rgba(0,0,0,0.75);
box-shadow: 10px 20px 45px -18px rgba(0,0,0,0.75);
} }
#contact .name { #contact .name {
@ -1092,9 +1095,12 @@ call-to-action .button {
display: none; display: none;
} }
#contact .profile-pic-wrapper {
padding-top: 20px;
}
#contact .profile-pic { #contact .profile-pic {
margin: 0px auto 0 auto; margin: 0px auto 0 auto;
padding-top: 20px;
width: 90px; width: 90px;
} }

4
index.html
View File

@ -504,7 +504,9 @@
<!-- Contact details --> <!-- Contact details -->
<div class="row" id="row-businesscard"> <div class="row" id="row-businesscard">
<div class="five columns contact-left businesscard"> <div class="five columns contact-left businesscard">
<img class="profile-pic" src="images/profilepic.jpg" alt="" /> <div class="profile-pic-wrapper">
<img class="profile-pic" src="images/profilepic.jpg" alt="" />
</div>
<p class="name">Dennis Potter</p> <p class="name">Dennis Potter</p>
<div id="contact-social-list"> <div id="contact-social-list">
<li><a href="https://www.facebook.com/dennispotter25" target="_blank"><i class="fab fa-facebook"></i></a></li> <li><a href="https://www.facebook.com/dennispotter25" target="_blank"><i class="fab fa-facebook"></i></a></li>