Line 2: | Line 2: | ||
<link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet"> | ||
− | + | <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> | |
<style> | <style> | ||
Line 412: | Line 412: | ||
+ | /********************************* Social *******************************************/ | ||
+ | |||
+ | .social ul { | ||
+ | overflow: auto; | ||
+ | } | ||
+ | |||
+ | .social ul li { | ||
+ | list-style-type: none; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .social ul li a i { | ||
+ | background: #205D7A; | ||
+ | color: #fff; | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | border-radius: 20px; | ||
+ | font-size: 25px; | ||
+ | text-align: center; | ||
+ | margin-right: 10px; | ||
+ | padding-top: 15%; | ||
+ | transition: all 0.2s ease-in-out; | ||
+ | } | ||
+ | .fa-facebook { | ||
+ | background:#3b5998 | ||
+ | } | ||
+ | .fa-linkedin { | ||
+ | background:#007bb6 | ||
+ | } | ||
+ | .fa-twitter { | ||
+ | background:#00aced | ||
+ | } | ||
+ | .google-plus { | ||
+ | background:#dd4b39 | ||
+ | } | ||
+ | .social ul li a i:hover { | ||
+ | opacity: .7; | ||
+ | } | ||
Line 529: | Line 567: | ||
</ul> | </ul> | ||
+ | <div class="social"> | ||
+ | |||
+ | <ul> | ||
+ | <li><a href="http://facebook.com/"><i class="fa fa-facebook"></i></a></li> | ||
+ | <li><a href="http://linkedin.com/"><i class="fa fa-linkedin"></i></a></li> | ||
+ | <li><a href="http://twitter.com/"><i class="fa fa-twitter"></i></a></li> | ||
+ | <li><a href="http://plus.google.com/"><i class="fa fa-google-plus"></i> </a></li> | ||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> |
Revision as of 06:35, 17 August 2016