chenouna/SITE_WEB
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

ajout slogan et texte

Browse Source
This commit is contained in:
Lenny FOULOU
2024-01-17 12:44:23 +01:00
parent 7cd8671b22
commit acfc5b0679
2 changed files with 40 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@@ -2,9 +2,12 @@
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="initial-scale=1,witdh=device-width">
<meta name="viewport" content="initial-scale=1,width=device-width">
<title>Pegasus</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
</head>
<body>
@@ -12,7 +15,7 @@
<header>
<h2 class="logo">Logo</h2>
<nav class="navigation">
<a href ="#">Acceuil</a>
<a href ="#">Accueil</a>
<a href ="#">Réservation</a>
<a href ="#">À propos</a>
<a href ="#">Contact</a>
@@ -78,8 +81,17 @@
</form>
</div>
</div>
<section class="presentation">
<h1>Bienvenue chez Pegasus</h1>
<p>
Explorez vos vacances avec Pegasus, votre partenaire idéal pour la location d'équipement de loisir.
Des aventures en plein air aux moments de détente, nous avons tout ce dont vous avez besoin.
</p>
<p>
Réservez dès maintenant et transformez vos vacances en expériences inoubliables.
</p>
<p class="slogan">Vivez l'aventure, louez avec Pegasus!</p>
</section>
<script src="script.js"></script>
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
</body>

23
style.css
View File

@@ -11,7 +11,7 @@ body {
justify-content: center;
align-items: center;
min-height: 100vh;
background: url('background.jpg') no-repeat;
background: black;
background-size: cover;
background-position: center;
}
@@ -261,5 +261,26 @@ header {
}
.presentation {
text-align: center;
margin-top: 80px;
color: #fff;
}
.presentation h1 {
font-size: 100px;
margin-bottom: 20px;
text-align: center;
}
.presentation p {
font-size: 1.1em;
margin-bottom: 15px;
}
.presentation .slogan {
font-size: 1.3em;
font-weight: bold;
color: #f5a623;
}