matthieu/stagiaire
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

correction

Browse Source
This commit is contained in:
Guillaume
2026-06-17 14:30:31 +02:00
parent 532a57cd01
commit d44a99c158
2 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+9 -7
View File
@@ -1,18 +1,21 @@
* {
box-sizing: border-box;
}
body {
width: 100%;
height: 100%;
background-color: rgb(190, 255, 255);
margin: 0;
padding-bottom: 60px;
}
#img_1 {
display: flex;
width: 20%;
height: 20%;
height: auto;
}
.image_footer {
display: flex;
width: 30%;
height: 30%;
height: auto;
}
.align_x {
display: flex;
@@ -25,9 +28,7 @@ body {
padding-right: 10px;
}
#text_1 {
display: flex;
width: 65%;
height: 15%;
font-size: 200%;
}
h1 {
@@ -53,8 +54,8 @@ h1 {
.styled {
border: 0;
height: 50%;
width: 40%;
height: 70px;
width: 130px;
line-height: 2.5;
padding: 0 20px;
font-size: 1rem;
@@ -95,3 +96,4 @@ h1 {
}
p {
font-family: cursive;
}
index.html
+11 -3
View File
@@ -2,17 +2,21 @@
<html>
<head>
<link rel="stylesheet" href="css/style.css" />
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width", initial-scame="1"/>
<title>FleetZen</title>
<html lang="fr">
</head>
<body>
<div id="nav_barre" class="shadow">
<h1>FleetZen</h1>
<div id="buttons">
<input class="styled" type="button" value="contact"></input>
<input class="styled" type="button" value="services"></input>
<a href="pages/contact.html"><button class="styled">contact</button></a>
<a href="pages/services.html"><button class="styled">services</button></a>
</div>
</div>
<div class="align_x">
<div p id="text_1">
<div id="text_1">
<p>
Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the industry's
@@ -30,21 +34,25 @@
<img
id="img_1"
src="https://cdn.artphotolimited.com/images/63186a20bd40b809d5bac6c0/300x300/1967-porsche-912.jpg"
alt="vieille voiture"
/>
</div>
<div class="align_x">
<img
class="image_footer"
src="https://www.passionautomobiles.fr/fr/media/252-lamborghini-huracan-2.jpg"
alt="voiture jaune"
/>
<img
class="image_footer"
src="https://wordpress-content.vroomly.com/wp-content/uploads/2023/03/Lamborghini.jpg"
alt="voiture jaune-verte"
/>
<img
class="image_footer"
src="https://mngt.fr/wp-content/uploads/2024/05/Voitures-de-legende-Le-classement-ultime-des-10-plus-rapides-du-Mond.jpg"
alt="voiture orange"
/>
</div>