correction
This commit is contained in:
+9
-7
@@ -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;
|
||||
}
|
||||
|
||||
+11
-3
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user