1
Fork 0

Added social links

This commit is contained in:
Jake Howard 2015-12-28 17:50:41 +00:00
parent 4cfbc99771
commit ed69ebe905
2 changed files with 29 additions and 4 deletions

View file

@ -1,8 +1,8 @@
@import "node_modules/less-mixins/index.less";
@import "node_modules/bootstrap/less/bootstrap"; @import "node_modules/bootstrap/less/bootstrap";
@import "node_modules/bootstrap/less/theme"; @import "node_modules/bootstrap/less/theme";
@import "node_modules/ionicons/less/ionicons"; @import "node_modules/ionicons/less/ionicons";
@import "node_modules/less-mixins/index.less"; @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
// @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,400italic,700);
@import (inline) "node_modules/animate.css/animate.css"; @import (inline) "node_modules/animate.css/animate.css";
@import (inline) "node_modules/normalize.css/normalize.css"; @import (inline) "node_modules/normalize.css/normalize.css";
@import 'homepage'; @import 'homepage';
@ -41,7 +41,7 @@ a.no-color-change {
} }
/* @end Global */ /* @end Global */
/* @ group Footer */ /* @group Footer */
footer { footer {
width: 100%; width: 100%;
text-align: center; text-align: center;
@ -58,9 +58,21 @@ footer {
color: inherit; color: inherit;
} }
} }
.social {
font-size: 25px;
margin: 0;
margin-top: 6px;
a {
margin: 0 4px;
color: white;
&:hover {
color: #ff7f00;
}
}
}
.ci-badge { .ci-badge {
height: 23px; height: 23px;
margin-top: 15px; margin-top: 10px;
} }
} }
/* @end Footer */ /* @end Footer */

View file

@ -18,6 +18,19 @@
<h3>Copyright &copy; TheOrangeOne 2015</h3> <h3>Copyright &copy; TheOrangeOne 2015</h3>
</div> </div>
</div> </div>
<div class="row">
<div class="col-xs-12">
<p class="social">
<a href="https://twitter.com/RealOrangeOne"><i class="icon ion-social-twitter"></i></a>
<a href="https://instagram.com/RealOrangeOne"><i class="icon ion-social-instagram-outline"></i></a>
<a href=""><i class="icon ion-social-reddit"></i></a>
<a href="https://www.youtube.com/user/TheOrangeOneOfficial"><i class="icon ion-social-youtube"></i></a>
<a href=""><i class="icon ion-social-codepen"></i></a>
<a href=""><i class="icon ion-social-twitch-outline"></i></a>
<a href="https://github.com/RealOrangeOne"><i class="icon ion-social-octocat"></i></a>
<p>
</div>
</div>
<div class="row"> <div class="row">
<div class="col-xs-12"> <div class="col-xs-12">
<p> <p>