1ere version
commit
231176cd9a
@ -0,0 +1 @@
|
||||
Kratos est un demi-dieu né de zeus et d'une humaine.
|
||||
@ -0,0 +1,56 @@
|
||||
<!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">
|
||||
<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>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!--Navbar-->
|
||||
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="index.html">God of War</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="#/home/visiteur/kratos GOW/histoire.html">Son histoire</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#/home/visiteur/kratos GOW/force.html">Sa force</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">Search</button>
|
||||
</form>
|
||||
</div>
|
||||
<input type="range" min="10" max="50" value="16" id="textSize">
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
<!-- / Navbar-->
|
||||
|
||||
|
||||
<button id="clickcounter">compter les clicks</button>
|
||||
<p>Vous avez cliqué <span id="counterDisplay">0</span> fois</p>
|
||||
<script src="script.js"></script>
|
||||
|
||||
<div>
|
||||
<h1>kratos le dieu de la guerre</h1>
|
||||
<img src="../site_web/img/logo.jpeg" alt="Italian Trulli">
|
||||
<p>Qui est Kratos et pourquoi est-il différent des autres dieux de l'olympe?</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,51 @@
|
||||
<!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">
|
||||
<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>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!--Navbar-->
|
||||
<nav class="navbar navbar-expand-lg bg-body-tertiary">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="index.html">God of War</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="#/home/visiteur/kratos GOW/histoire.html">Son histoire</a>
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#/home/visiteur/kratos GOW/force.html">Sa force</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">Search</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- / Navbar-->
|
||||
|
||||
<button:>compter les clicks</button:>
|
||||
|
||||
<div>
|
||||
<h1>kratos le dieu de la guerre</h1>
|
||||
<img src="../site_web/img/logo.jpeg" alt="Italian Trulli">
|
||||
<p>Qui est Kratos et pourquoi est-il différent des autres dieux de l'olympe?</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -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)
|
||||
|
||||
function changeFontSize() {
|
||||
var newSize = document.getElmentById('textSize').value + "px";
|
||||
var paragraphs = document.gentementsByTagName('p');
|
||||
|
||||
for(var i=0; i< paragraphs.lentgh; i++) {
|
||||
paragraphs[i].style.fontSize = newSize;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
document.getElmentById("textSize").addEventListener('input' , changeFontSive)
|
||||
Loading…
Reference in New Issue