anouk/flyverde
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1st version

Browse Source
This commit is contained in:
anouk 2023-06-26 12:04:08 +02:00
commit cda9fcdb36
11 changed files with 281 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
activites.html Normal file
View File

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container ">
<a class="navbar-brand" href="index.html">FlyVerde</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="cuisine.html">Spécialités culinaires</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="activites.html">Activités</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="spots.html">Spots</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<body>
<p class="fst-italic">activities</p>
</body>
</html>

13
code Normal file
View File

@ -0,0 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>
<button type="button" class="btn btn-primary">Primary</button>

39
contact.html Normal file
View File

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container ">
<a class="navbar-brand" href="index.html">FlyVerde</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="cuisine.html">Spécialités culinaires</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="activites.html">Activités</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="spots.html">Spots</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<body>
<p class="fst-italic"> Contact</p>
</html>

43
cuisine.html Normal file
View File

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container ">
<a class="navbar-brand" href="index.html">FlyVerde</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="cuisine.html">Spécialités culinaires</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="activites.html">Activités</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="spots.html">Spots</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<body>
<p class="fst-italic"> Spécialités culinaires </p>
</body>
</html>

BIN
fond.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
image.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

57
index.html Normal file
View File

@ -0,0 +1,57 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap demo</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<img src="logo-fly_verde.png" alt="">
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container ">
<a class="navbar-brand" href="#">FlyVerde</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="cuisine.html">Spécialités culinaires</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="activites.html">Activités</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="spots.html">Spots</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
<input type="range" min="10" max="50" value="16" id="textSize">
</li>
</ul>
</div>
</nav>
<p>Bonjour à tous!</p>
<p>Ce site a pour but de vous faire découvrir et aimer ce magnifique archipel qu'est le Cap-Vert!</p>
<button id="clickCounter">Comptez les clicks</button>
<p>Vous avez cliqué <span id="counterDisplay">0</span> fois</p>
<script src="script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
</body>
</html>

BIN
logo-fly_verde.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 23 KiB

21
script.js Normal file
View File

@ -0,0 +1,21 @@
var counter = 0;
function myCounter() {
counter++;
document.getElementById("counterDisplay").innerText = counter;
console.log("Vous avez cliqué !", counter, "fois");
}
function changeFontSize() {
var newSize = document.getElementById('textSize').value + "px";
var paragraphs = document.getElementsByTagName('p');
for(var i=0; i<paragraphs.length; i++) {
paragraphs[i].style.fontSize = newSize;
}
}
document.getElementById("clickCounter").addEventListener('click' , myCounter)
document.getElementById("textSize").addEventListener('input', changeFontSize)

40
spots.html Normal file
View File

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container ">
<a class="navbar-brand" href="index.html">FlyVerde</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="cuisine.html">Spécialités culinaires</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="activites.html">Activités</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="spots.html">Spots</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<body>
<p class="fst-italic"> Spots </p>
</body>
</html>

28
style.css Normal file
View File

@ -0,0 +1,28 @@
*{
background-image: url("fond.jpg");
}
h1 {
color: rgb(0, 68, 255);
font-size : 70px;
text-align: center;
}
h2 {
color: #000000;
font-size :30px;
}
h3
.header{
padding: 20px 0 20px 0
}
img {
display: block;
width: 30%;
margin: auto;
}