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

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

View File

@ -931,6 +931,9 @@ call-to-action .button {
text-align: center;
width: 180px;
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 {
@ -1092,9 +1095,12 @@ call-to-action .button {
display: none;
}
#contact .profile-pic-wrapper {
padding-top: 20px;
}
#contact .profile-pic {
margin: 0px auto 0 auto;
padding-top: 20px;
width: 90px;
}

View File

@ -504,7 +504,9 @@
<!-- Contact details -->
<div class="row" id="row-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>
<div id="contact-social-list">
<li><a href="https://www.facebook.com/dennispotter25" target="_blank"><i class="fab fa-facebook"></i></a></li>