1ere version
This commit is contained in:
commit
4c8568c754
66
Aventure.html
Normal file
66
Aventure.html
Normal file
@ -0,0 +1,66 @@
|
||||
<!doctype html>
|
||||
<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">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="index.html">BiblioGame </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" href="#"></a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Categorie
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="Aventure.html">Aventure</a></li>
|
||||
<li><a class="dropdown-item" href="Course.html">Cours</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item" href="Nouveauté.html">Nouveauté</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--fin de navbar-->
|
||||
|
||||
<h1>Aventure</h1>
|
||||
<div class="card" style="width: 18rem;">
|
||||
<img src="/home/visiteur/Documents/SITE WEB/img/star-wars-jedi-survivor-pc-jeu-origin-cover.jpg" class="card-img-top" alt="...">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">star-wars-jedi-survivor</h5>
|
||||
<p class="card-text">Description:
|
||||
L'histoire de Cal Kestis continue dans Star Wars Jedi: Survivor, un jeu d'action-aventure galactique à la troisième personne développé par Respawn Entertainment en collaboration avec Lucasfilm Games. Se déroulant cinq ans après les événements de Star Wars Jedi: Fallen Order, ce jeu narratif en solo suit le combat de Cal, dont l'issue semble de plus en plus défavorable, alors que la galaxie s'enfonce dans l'obscurité. Poussé aux confins de la galaxie par l'Empire, Cal devra faire face à toujours plus de menaces, parmi lesquelles l'attendent des adversaires au visage familier. En tant qu'un des derniers représentants encore en vie des Chevaliers Jedi, Cal devra faire un choix pendant cette période sombre de l'histoire de la galaxie. Mais jusqu'où sera-t-il prêt à aller pour assurer sa survie et celle de son équipage, et défendre l'héritage de l'Ordre Jedi ?.</p>
|
||||
<a href="#" class="btn btn-primary">Plus en détails</a>
|
||||
</div>
|
||||
</div
|
||||
|
||||
<div class="card" style="width: 18rem;">
|
||||
<img src="/home/visiteur/Documents/SITE WEB/img/minecraft-java-et-bedrock-edition-pc-jeu-europe-cover.jpg" class="card-img-top" alt="...">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">mincraft</h5>
|
||||
<p class="card-text">Description:
|
||||
À propos du jeu
|
||||
Ce pack comprend un ensemble de contenus pour découvrir tout ce que vous pouvez faire Minecraft, dont : mash-up Mythologie grecque, pack de textures Plastique, pack de skins 1 et pack de skins Génies du mal. 700 Minecoins! Utilisez-les pour obtenir des cartes, des skins, des packs de textures et d'autres contenus depuis le magasin en jeu !
|
||||
Voir plus</p>
|
||||
<a href="#" class="btn btn-primary">Plus en détails</a>
|
||||
</div>
|
||||
</div
|
||||
|
||||
|
||||
|
||||
65
Course.html
Normal file
65
Course.html
Normal file
@ -0,0 +1,65 @@
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<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">
|
||||
</head>
|
||||
<body>
|
||||
<h1></h1>
|
||||
<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><nav class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="#">bibliothèque </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=""></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#"></a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Categorie
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="Aventure.html">Aventure</a></li>
|
||||
<li><a class="dropdown-item" href="Cours.html">Cours</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item" href="Nouveauté.html">Nouveauté</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled"></a>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="d-flex" role="search">
|
||||
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
|
||||
<button class="btn btn-outline-success" type="submit">recherche</button>
|
||||
</form>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card">
|
||||
<img src="/home/visiteur/Documents/SITE WEB/img/f1-23-xbox-one-xbox-series-x-s-xbox-one-xbox-series-x-s-jeu-microsoft-store-cover.jpg" class="card-img-top" alt="...">
|
||||
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">F1 23</h5>
|
||||
<p class="card-text">Description
|
||||
Dépassez le point de rupture dans EA SPORTS F1 23, le jeu vidéo officiel du 2023 FIA Formula One World Championship</p>
|
||||
<a href="#" class="btn btn-primary">en savir plus</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
47
Nouveauté.html
Normal file
47
Nouveauté.html
Normal file
@ -0,0 +1,47 @@
|
||||
<!doctype html>
|
||||
<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">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="index.html">BiblioGame </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" href="#"></a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Categorie
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="Aventure.html">Aventure</a></li>
|
||||
<li><a class="dropdown-item" href="Course.html">Cours</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item" href="Nouveauté.html">Nouveauté</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--fin de navbar-->
|
||||
|
||||
<h1>Ma sélection de jeux vidéos</h1>
|
||||
|
||||
|
||||
<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>
|
||||
49
index.html
Normal file
49
index.html
Normal file
@ -0,0 +1,49 @@
|
||||
<!doctype html>
|
||||
<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">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="index.html">BiblioGame </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" href="#"></a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
||||
Categorie
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a class="dropdown-item" href="Aventure.html">Aventure</a></li>
|
||||
<li><a class="dropdown-item" href="Course.html">Cours</a></li>
|
||||
<li><hr class="dropdown-divider"></li>
|
||||
<li><a class="dropdown-item" href="Nouveauté.html">Nouveauté</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link disabled"></a>
|
||||
</li>
|
||||
</ul>
|
||||
<input type="range" min="10" max="50" value="16" id="textsize">
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<button id="clickCounter">compter les clicks</button>
|
||||
<p>vous avez cliqué <span id="counterDisplay">0</span> fois</p>
|
||||
|
||||
<!--fin de navbar-->
|
||||
|
||||
<h1>Ma sélection de jeux vidéos</h1>
|
||||
<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>
|
||||
21
script.js
Normal file
21
script.js
Normal file
@ -0,0 +1,21 @@
|
||||
var counter = 0;
|
||||
|
||||
function myCounter() {
|
||||
counter++;
|
||||
document.getElementById("counterDisplay").innerText = counter;
|
||||
console.log("vous avez cliqué", counter," fois");
|
||||
}
|
||||
|
||||
|
||||
document.getElementById("clickCounter").addEventListener('click', myCounter)
|
||||
|
||||
document.getElementById("textSize").addEventListener('click',myCounter)
|
||||
|
||||
function changeFontSize() {
|
||||
var newSize = ocument.getElementById('textSize').value + "px";
|
||||
var paragraphs = document.getElementByTagName5('p');
|
||||
|
||||
for(var i=0; i< paragraphs.length;i++) {
|
||||
paragraphs[i].style.fontSize = newSize;
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user
