icon styling

This commit is contained in:
Thomas Smith 2022-09-14 16:42:42 -04:00
parent 5761985c8c
commit 5754a44c0b
2 changed files with 11 additions and 6 deletions

View file

@ -10,12 +10,12 @@
<div class="col-lg-4"> <div class="col-lg-4">
<div class="card social-box" style="width: 100%; float:right;"> <div class="card social-box" style="width: 100%; float:right;">
<ul class="list-group list-group-flush"> <ul class="list-group list-group-flush">
<a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-twitter"></i>Twitter</a> <a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-twitter social-icon"></i>Twitter</a>
<a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-discord"></i>Discord</a> <a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-discord social-icon"></i>Discord</a>
<li class="list-group-item"><i class="icon-github"></i>GitHub</li> <a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-github social-icon"></i>GitHub</a>
<li class="list-group-item"><i class="class="icon-reddit"></i>Reddit</li> <a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-reddit social-icon"></i>Reddit</a>
<li class="list-group-item"><i class="class="icon-telegram"></i>Telegram</li> <a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-telegram social-icon"></i>Telegram</a>
<li class="list-group-item">Instagram</li> <a class="list-group-item" role="button" href="https://twitter.com"><i class="icon-instagram social-icon"></i>Instagram</a>
</ul> </ul>
</div> </div>
</div> </div>

View file

@ -348,3 +348,8 @@ hr{
color: #1a1a1a; color: #1a1a1a;
box-shadow: inset 0px 0px 0px 7px #1a1a1a !important; box-shadow: inset 0px 0px 0px 7px #1a1a1a !important;
} }
.social-icon{
display: inline-block;
margin-right: 20px !important;
}