style changes

This commit is contained in:
a 2020-08-28 03:43:19 -05:00
parent 6cfdeed488
commit e4ee8957d0
2 changed files with 8 additions and 9 deletions

View file

@ -47,7 +47,7 @@ table {
/* begin custom css */ /* begin custom css */
html {scroll-behavior: smooth; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif} html {scroll-behavior: smooth; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif}
.section {padding: 1em 0;} .section {padding: 2em 0;}
.container {max-width: 960px; margin: 0 auto; padding: 0 1em;} .container {max-width: 960px; margin: 0 auto; padding: 0 1em;}
@ -55,7 +55,6 @@ html {scroll-behavior: smooth; font-family: -apple-system, BlinkMacSystemFont, '
.section-header { .section-header {
font-size: 2em; font-size: 2em;
font-weight: 700; font-weight: 700;
margin-top: 0.5em;
margin-bottom: 0.7em; margin-bottom: 0.7em;
line-height: 1.2; line-height: 1.2;
} }
@ -237,7 +236,7 @@ body {margin-bottom: 44px;}
/* contact section and footer */ /* contact section and footer */
#contact {background: #eee} #contact {background: #eee}
.contact-methods {font-size: 1.2em;} .contact-methods {font-size: 1.4em;}
.contact-method {line-height: 1.4} .contact-method {line-height: 1.4}
.contact-method i {margin-right: 0.5em;} .contact-method i {margin-right: 0.5em;}
.site-footer { .site-footer {
@ -262,6 +261,7 @@ body {margin-bottom: 44px;}
display: flex; display: flex;
justify-content: center; justify-content: center;
text-decoration: none; text-decoration: none;
span {display: none;}
} }
.social-link:first-child {margin-left: 0;} .social-link:first-child {margin-left: 0;}
.twitter:hover {color: #1da1f2} .twitter:hover {color: #1da1f2}
@ -294,7 +294,7 @@ body {margin-bottom: 44px;}
.cta {grid-area: 2/1;} .cta {grid-area: 2/1;}
} }
} }
.site-header {position: unset;} .site-header {position: sticky; bottom: unset; top: 0; z-index: 2;}
body {margin-bottom: unset;} body {margin-bottom: unset;}
#hamburger, .hamburger-label {display: none;} #hamburger, .hamburger-label {display: none;}
.site-nav {display: flex; flex-basis: unset; flex-flow: row;} .site-nav {display: flex; flex-basis: unset; flex-flow: row;}
@ -325,7 +325,6 @@ body {margin-bottom: 44px;}
@media (min-width: 62em) { @media (min-width: 62em) {
.container {padding: 0;} .container {padding: 0;}
.section {padding: 2em 0;}
.personal-summary { .personal-summary {
font-size: 1.5em; font-size: 1.5em;
padding: 2em 0; padding: 2em 0;

View file

@ -58,7 +58,7 @@
<section id="consultancy" class="section"> <section id="consultancy" class="section">
<div class="container"> <div class="container">
<h2 class="section-header">Mohammed is currently available for consultation and advisory roles.</h2> <h2 class="section-header">Mohammed is currently available for consultation and advisory roles.</h2>
<p></p> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi dicta, adipisci aut a fugiat nihil facilis? Totam quas ipsa voluptate dolor facilis explicabo, perferendis vel, aliquid officia rem asperiores voluptates.</p>
</div> </div>
</section> </section>
<section class="section" id="contact"> <section class="section" id="contact">
@ -74,9 +74,9 @@
<footer class="site-footer"> <footer class="site-footer">
<div class="container"> <div class="container">
<div class="social-links"> <div class="social-links">
<a href="https://twitter.com/motarawneh" class="social-link twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a> <a href="https://twitter.com/motarawneh" class="social-link twitter"><i class="fa fa-twitter" aria-hidden="true"></i><span>Twitter</span></a>
<a href="https://facebook.com/mo.tarawneh" class="social-link facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="https://facebook.com/mo.tarawneh" class="social-link facebook"><i class="fa fa-facebook" aria-hidden="true"></i><span>Facebook</span></a>
<a href="https://www.linkedin.com/in/mohammed-al-tarawneh-8a50715/" class="social-link linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i></a> <a href="https://www.linkedin.com/in/mohammed-al-tarawneh-8a50715/" class="social-link linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i><span>LinkedIn</span></a>
</div> </div>
<p>Site designed and developed by<br><a href="https://abdullahtarawneh.com">Abdullah Tarawneh</a></p> <p>Site designed and developed by<br><a href="https://abdullahtarawneh.com">Abdullah Tarawneh</a></p>
</div> </div>