style changes
This commit is contained in:
parent
6cfdeed488
commit
e4ee8957d0
|
@ -47,7 +47,7 @@ table {
|
|||
|
||||
/* begin custom css */
|
||||
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;}
|
||||
|
||||
|
||||
|
@ -55,7 +55,6 @@ html {scroll-behavior: smooth; font-family: -apple-system, BlinkMacSystemFont, '
|
|||
.section-header {
|
||||
font-size: 2em;
|
||||
font-weight: 700;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.7em;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
@ -237,7 +236,7 @@ body {margin-bottom: 44px;}
|
|||
|
||||
/* contact section and footer */
|
||||
#contact {background: #eee}
|
||||
.contact-methods {font-size: 1.2em;}
|
||||
.contact-methods {font-size: 1.4em;}
|
||||
.contact-method {line-height: 1.4}
|
||||
.contact-method i {margin-right: 0.5em;}
|
||||
.site-footer {
|
||||
|
@ -262,6 +261,7 @@ body {margin-bottom: 44px;}
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
text-decoration: none;
|
||||
span {display: none;}
|
||||
}
|
||||
.social-link:first-child {margin-left: 0;}
|
||||
.twitter:hover {color: #1da1f2}
|
||||
|
@ -294,7 +294,7 @@ body {margin-bottom: 44px;}
|
|||
.cta {grid-area: 2/1;}
|
||||
}
|
||||
}
|
||||
.site-header {position: unset;}
|
||||
.site-header {position: sticky; bottom: unset; top: 0; z-index: 2;}
|
||||
body {margin-bottom: unset;}
|
||||
#hamburger, .hamburger-label {display: none;}
|
||||
.site-nav {display: flex; flex-basis: unset; flex-flow: row;}
|
||||
|
@ -325,7 +325,6 @@ body {margin-bottom: 44px;}
|
|||
|
||||
@media (min-width: 62em) {
|
||||
.container {padding: 0;}
|
||||
.section {padding: 2em 0;}
|
||||
.personal-summary {
|
||||
font-size: 1.5em;
|
||||
padding: 2em 0;
|
||||
|
|
|
@ -58,7 +58,7 @@
|
|||
<section id="consultancy" class="section">
|
||||
<div class="container">
|
||||
<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>
|
||||
</section>
|
||||
<section class="section" id="contact">
|
||||
|
@ -74,9 +74,9 @@
|
|||
<footer class="site-footer">
|
||||
<div class="container">
|
||||
<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://facebook.com/mo.tarawneh" class="social-link facebook"><i class="fa fa-facebook" 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></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><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><span>LinkedIn</span></a>
|
||||
</div>
|
||||
<p>Site designed and developed by<br><a href="https://abdullahtarawneh.com">Abdullah Tarawneh</a></p>
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue