Skip to content

Instantly share code, notes, and snippets.

@audemedia
Created November 14, 2014 09:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save audemedia/000df643dc0c698be4e4 to your computer and use it in GitHub Desktop.
Save audemedia/000df643dc0c698be4e4 to your computer and use it in GitHub Desktop.
about us styles
/* About Us ------------------------ */
.about-us-subheader {padding:50px 0; overflow:hidden;}
.about-us-subheader h2 {text-align: center; font-weight: 900}
.about-us-subheader p {text-align: center;}
.connect-with-us {margin:40px 0; padding:40px 0; background:#F0F0F0; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.connect-with-us h2 {text-align: center; font-weight: 900;}
ul.connecticons {display:table; margin:0 auto; text-align: center; margin-top:45px;}
ul.connecticons li {padding: 0 45px;}
ul.connecticons li i {color:#fff; text-align: center; font-size:38px; width:90px; height:90px; background:#C5645B; border-radius:50%; padding:20px 0 0 0; border:6px solid #E2E2E2; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
ul.connecticons li i:hover {background:#37485C; -webkit-transform:scale(1.2);transform:scale(1.2);}
.about-us-links {padding:0 0 50px; background:#fff; overflow:hidden;}
.about-us-links i {margin-bottom:10px; font-size:55px; color:#C5645B;}
.about-us-links ul {margin:40px 0;}
.about-us-links ul li {text-align: center; padding:35px 20px 30px; border:1px solid #E0E0E0; border-left:0; border-top:0; min-height:230px;}
.about-us-links ul li:nth-child(3n+3) { border-right:0;}
.about-us-links ul li:nth-last-child(-n+3) {border-bottom:0;}
.about-us-links ul li h3 {margin-bottom:12px; font-size:21px;}
.about-us-links .cta-button { text-align: center; padding: 8px 0; -webkit-border-bottom-right-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-bottomright: 8px;-moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; }
.about-us-links .cta-button p { padding: 10px 0 6px; }
.about-us-links .cta-button span a {color:#C5645B; font-size:13px; font-weight:400; padding:6px 18px; border-radius: 6px; border:1px solid #C5645B;}
.about-us-links .cta-button span a:hover {color:#fff; text-decoration: none; background:#C5645B;}
@media only screen and (max-width: 719px) {
ul.connecticons li {margin-bottom:15px;}
.about-us-links ul li {border:0;}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment