Fix du footer
This commit is contained in:
parent
4a9031421b
commit
9231b0650f
14
CSS/Main.css
14
CSS/Main.css
@ -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;
|
||||
}
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
14
index.html
14
index.html
@ -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">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user