Fix du footer

This commit is contained in:
Merlin Gélinas 2022-06-12 15:49:41 -04:00
parent 4a9031421b
commit 9231b0650f
6 changed files with 69 additions and 33 deletions

View File

@ -35,6 +35,12 @@ footer{
margin-bottom: 0.5em;
}
.Glow{
position: relative;
left: 33.3%;
margin: auto;
margin-bottom: 1em;
}
.Glow ul {
margin: 0;
padding: 0;
@ -47,19 +53,19 @@ footer{
.Glow ul li {
list-style: none;
margin: 0 15px;
margin: 0 2%;
}
.Glow ul li a {
position: relative;
display: block;
width: 60px;
height: 60px;
width: 2em;
height: 2em;
text-align: center;
line-height: 63px;
background: #141414;
border-radius: 50%;
font-size: 30px;
font-size: 1.8em;
color: #666;
transition: .5s;
}

View File

@ -42,26 +42,34 @@
<ul>
<li>
<a href="#">
<i class="fab fa-edge"></i>
<i class="fab fa-github"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-firefox"></i>
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-chrome"></i>
<i class="fab fa-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-opera"></i>
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
<div class="row">
<i class="fa fa-phone" aria-hidden="true" style="margin-bottom: 0.2em;"> <a href="tel:+4508474936" class="tel" style="font-family: JetBrains_Mono;">(450)847-4936</a></i>
<i class="fa fa-envelope" aria-hidden="true"> <a href="mailto:merlinge@tutanota.com" class="mail" style="font-family: JetBrains_Mono;">merlinge@tutanota.com</a></i>
</div>
<hr class="Copyright"/>
<div class="row">
<p>Copyright © 2022 Merlin Gélinas</p>
</div>
</footer>
</div>
</div>

View File

@ -42,26 +42,34 @@
<ul>
<li>
<a href="#">
<i class="fab fa-edge"></i>
<i class="fab fa-github"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-firefox"></i>
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-chrome"></i>
<i class="fab fa-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-opera"></i>
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
<div class="row">
<i class="fa fa-phone" aria-hidden="true" style="margin-bottom: 0.2em;"> <a href="tel:+4508474936" class="tel" style="font-family: JetBrains_Mono;">(450)847-4936</a></i>
<i class="fa fa-envelope" aria-hidden="true"> <a href="mailto:merlinge@tutanota.com" class="mail" style="font-family: JetBrains_Mono;">merlinge@tutanota.com</a></i>
</div>
<hr class="Copyright"/>
<div class="row">
<p>Copyright © 2022 Merlin Gélinas</p>
</div>
</footer>
</div>
</div>

View File

@ -42,26 +42,34 @@
<ul>
<li>
<a href="#">
<i class="fab fa-edge"></i>
<i class="fab fa-github"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-firefox"></i>
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-chrome"></i>
<i class="fab fa-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-opera"></i>
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
<div class="row">
<i class="fa fa-phone" aria-hidden="true" style="margin-bottom: 0.2em;"> <a href="tel:+4508474936" class="tel" style="font-family: JetBrains_Mono;">(450)847-4936</a></i>
<i class="fa fa-envelope" aria-hidden="true"> <a href="mailto:merlinge@tutanota.com" class="mail" style="font-family: JetBrains_Mono;">merlinge@tutanota.com</a></i>
</div>
<hr class="Copyright"/>
<div class="row">
<p>Copyright © 2022 Merlin Gélinas</p>
</div>
</footer>
</div>
</div>

View File

@ -42,26 +42,34 @@
<ul>
<li>
<a href="#">
<i class="fab fa-edge"></i>
<i class="fab fa-github"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-firefox"></i>
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-chrome"></i>
<i class="fab fa-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-opera"></i>
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
<div class="row">
<i class="fa fa-phone" aria-hidden="true" style="margin-bottom: 0.2em;"> <a href="tel:+4508474936" class="tel" style="font-family: JetBrains_Mono;">(450)847-4936</a></i>
<i class="fa fa-envelope" aria-hidden="true"> <a href="mailto:merlinge@tutanota.com" class="mail" style="font-family: JetBrains_Mono;">merlinge@tutanota.com</a></i>
</div>
<hr class="Copyright"/>
<div class="row">
<p>Copyright © 2022 Merlin Gélinas</p>
</div>
</footer>
</div>
</div>

View File

@ -42,31 +42,29 @@
<ul>
<li>
<a href="#">
<i class="fab fa-edge"></i>
<i class="fab fa-github"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-firefox"></i>
<i class="fab fa-linkedin-in"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-chrome"></i>
<i class="fab fa-facebook"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-opera"></i>
<i class="fab fa-instagram"></i>
</a>
</li>
</ul>
</div>
<div class="row">
<i class="fa fa-phone" aria-hidden="true"></i>
<a href="tel:+4508474936" class="tel">(450)847-4936</a>
<i class="fa fa-envelope" aria-hidden="true"></i>
<a href="mailto:merlinge@tutanota.com" class="mail">merlinge@tutanota.com</a>
<i class="fa fa-phone" aria-hidden="true" style="margin-bottom: 0.2em;"> <a href="tel:+4508474936" class="tel" style="font-family: JetBrains_Mono;">(450)847-4936</a></i>
<i class="fa fa-envelope" aria-hidden="true"> <a href="mailto:merlinge@tutanota.com" class="mail" style="font-family: JetBrains_Mono;">merlinge@tutanota.com</a></i>
</div>
<hr class="Copyright"/>
<div class="row">