Travail sur le footer

This commit is contained in:
Merlin Gélinas 2022-06-11 15:44:46 -04:00
parent 63ac64fd7a
commit 4a9031421b
5 changed files with 33 additions and 3 deletions

View File

@ -12,8 +12,28 @@ hr {
width: 100%;
background: linear-gradient(to right, #25aae1, #16b468);
border-width: 1em;
padding: 0.05em;
}
footer{
align-items: center;
text-align: center;
}
.mail, .tel{
text-decoration: none;
color: inherit;
}
.mail:hover, .tel:hover{
text-decoration: underline;
color: inherit;
}
.Copyright{
width: 25%;
margin: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.Glow ul {
margin: 0;

View File

@ -7,7 +7,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon portfolio</title>
<title>Me contacter</title>
<link href="../Lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../Lib/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="../CSS/Main.css" rel="stylesheet">

View File

@ -7,7 +7,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon portfolio</title>
<title>Mes objectifs</title>
<link href="../Lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../Lib/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="../CSS/Main.css" rel="stylesheet">

View File

@ -7,7 +7,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mon portfolio</title>
<title>Mes projets</title>
<link href="../Lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../Lib/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="../CSS/Main.css" rel="stylesheet">

View File

@ -62,6 +62,16 @@
</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>
</div>
<hr class="Copyright"/>
<div class="row">
<p>Copyright © 2022 Merlin Gélinas</p>
</div>
</footer>
</div>
</div>