thatscringebro/MyWebsite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix du footer

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
CSS/Main.css
View File

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

18
Views/Biographie.html
View File

@ -42,26 +42,34 @@
<ul> <ul>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-edge"></i> <i class="fab fa-github"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-firefox"></i> <i class="fab fa-linkedin-in"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-chrome"></i> <i class="fab fa-facebook"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-opera"></i> <i class="fab fa-instagram"></i>
</a> </a>
</li> </li>
</ul> </ul>
</div> </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> </footer>
</div> </div>
</div> </div>

18
Views/Contact.html
View File

@ -42,26 +42,34 @@
<ul> <ul>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-edge"></i> <i class="fab fa-github"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-firefox"></i> <i class="fab fa-linkedin-in"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-chrome"></i> <i class="fab fa-facebook"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-opera"></i> <i class="fab fa-instagram"></i>
</a> </a>
</li> </li>
</ul> </ul>
</div> </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> </footer>
</div> </div>
</div> </div>

18
Views/Objectif.html
View File

@ -42,26 +42,34 @@
<ul> <ul>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-edge"></i> <i class="fab fa-github"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-firefox"></i> <i class="fab fa-linkedin-in"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-chrome"></i> <i class="fab fa-facebook"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-opera"></i> <i class="fab fa-instagram"></i>
</a> </a>
</li> </li>
</ul> </ul>
</div> </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> </footer>
</div> </div>
</div> </div>

18
Views/Portfolio.html
View File

@ -42,26 +42,34 @@
<ul> <ul>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-edge"></i> <i class="fab fa-github"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-firefox"></i> <i class="fab fa-linkedin-in"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-chrome"></i> <i class="fab fa-facebook"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-opera"></i> <i class="fab fa-instagram"></i>
</a> </a>
</li> </li>
</ul> </ul>
</div> </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> </footer>
</div> </div>
</div> </div>

16
index.html
View File

@ -42,31 +42,29 @@
<ul> <ul>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-edge"></i> <i class="fab fa-github"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-firefox"></i> <i class="fab fa-linkedin-in"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-chrome"></i> <i class="fab fa-facebook"></i>
</a> </a>
</li> </li>
<li> <li>
<a href="#"> <a href="#">
<i class="fab fa-opera"></i> <i class="fab fa-instagram"></i>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="row"> <div class="row">
<i class="fa fa-phone" aria-hidden="true"></i> <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>
<a href="tel:+4508474936" class="tel">(450)847-4936</a> <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>
<i class="fa fa-envelope" aria-hidden="true"></i>
<a href="mailto:merlinge@tutanota.com" class="mail">merlinge@tutanota.com</a>
</div> </div>
<hr class="Copyright"/> <hr class="Copyright"/>
<div class="row"> <div class="row">