Difference between revisions of "Template:Danci-K8"

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

Danci-K8

MENU ▤