izanic/SAE_WEB_S1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

pied de page

Browse Source
This commit is contained in:
Hugo IZANIC 2023-12-31 13:17:44 +01:00
parent cd145a00d7
commit 1bd98a53b6
7 changed files with 62 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
CSS/styles.css
View File

@ -4,12 +4,10 @@
body{
margin: 0;
}
nav{
top: 0;
left: 0;
@ -24,6 +22,7 @@ nav{
nav:hover{
background: linear-gradient(45deg,orange ,darkred);
}
@ -33,7 +32,28 @@ nav:hover{
}
main{
display: flex;
flex-direction: column;
}
#cas{
margin-top:10% ;
height: 25%;
width: 25%;
}
#btn_up{
position: fixed;
background-color: transparent;
border-color: transparent;
right: 2vw;
bottom: 2vh;
height: 4vh;
width: 4vh;
}
li{
display: inline-block;
@ -42,6 +62,13 @@ li{
p{
font-size: 30px;
margin: 10px;
}
#pied_de_page{
font-size: 15px;
}
.page{
@ -59,5 +86,7 @@ p{
footer{
background-color: black;
background-color: orange;
padding-bottom: 15vh;
}

0
HTML/page_1.html Normal file
View File

0
HTML/page_2.html Normal file
View File

5
HTML/page_3.html Normal file
View File

@ -0,0 +1,5 @@
<!doctype html>
<html lang="fr">
<body>
<p>dd</p>
</body>

0
HTML/page_4.html Normal file
View File

12
img/arrow-up.svg Normal file
View File

@ -0,0 +1,12 @@
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.6568 8.96219L16.2393 10.3731L12.9843 7.10285L12.9706 20.7079L10.9706 20.7059L10.9843 7.13806L7.75404 10.3532L6.34314 8.93572L12.0132 3.29211L17.6568 8.96219Z"
fill="currentColor"
/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 320 B

20
index.html
View File

@ -21,16 +21,18 @@
<ul>
<li> <a href= "" class="page">Page 1 </a></li>
<li> <a href= "" class="page">Page 2 </a></li>
<li> <a href= "" class="page">Page 3 </a> </li>
<li> <a href= "" class="page">Page 4 </a></li>
<li> <a href= "HTML/page_1.html" class="page">Page 1 </a></li>
<li> <a href= "HTML/page_2.html" class="page">Page 2 </a></li>
<li> <a href= "HTML/page_3.html" class="page">Page 3 </a> </li>
<li> <a href= "HTML/page_4.html" class="page">Page 4 </a></li>
</ul>
</nav>
</header>
<main>
<img id="cas" src="img/casion_background.jpeg">
<a href=""><img id="btn_up" src="img/arrow-up.svg"></a>
<p>
freestar
@ -53,10 +55,12 @@ Donec rutrum, ligula sit amet condimentum tristique, lorem lorem mattis lacus, a
</main>
<footer>
<p>ppp</sp>
<!--
Pied de page
-->
<p id="pied_de_page">
Pied de<br>
Page
</p>
</footer>