harmonisation visuelle
This commit is contained in:
rasoirnoir
parent
ef38db8421
commit
3a80dd388a
7 changed files with 183 additions and 122 deletions
154
films.html
154
films.html
|
|
@ -1,81 +1,89 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="styles/style.css">
|
||||
<script src="/scripts/films.js" defer type="module"></script>
|
||||
<title>Films</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="styles/style.css">
|
||||
<script src="/scripts/films.js" defer type="module"></script>
|
||||
<title>Films</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<section class="titre"><a href="index.html">STAR WARS</a></section>
|
||||
<section class="sec-menu">
|
||||
<nav class="nav-menu">
|
||||
<ul class="ul-menu">
|
||||
<li id="films"><a href="films.html">Films</a></li>
|
||||
<li id="planets"><a href="planets.html">Planets</a></li>
|
||||
<li id="characters"><a href="characters.html">Characters</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</section>
|
||||
<div class='accordeon'>
|
||||
<div class='accordeon_item'>
|
||||
<div id="1" class='accordeon_item_header'>
|
||||
<h2 class ="titres"></h2>
|
||||
<p>(Cliquez ici pour étendre)</p>
|
||||
</div>
|
||||
<div class="accordeon_item_body">
|
||||
<div class="accordeon_item_body_content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='accordeon_item'>
|
||||
<div id="2"class='accordeon_item_header'>
|
||||
<h2 class ="titres"></h2><p>(Cliquez ici pour étendre)</p>
|
||||
</div>
|
||||
<div class="accordeon_item_body">
|
||||
<div class="accordeon_item_body_content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='accordeon_item'>
|
||||
<div id="3" class='accordeon_item_header'>
|
||||
<h4>Return of the Jedi</h4><p>(Cliquez ici pour étendre)</p>
|
||||
</div>
|
||||
<div class="accordeon_item_body">
|
||||
<div class="accordeon_item_body_content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='accordeon_item'>
|
||||
<div id="4"class='accordeon_item_header'>
|
||||
<h4>The Phantom Menace</h4><p>(Cliquez ici pour étendre)</p>
|
||||
</div>
|
||||
<div class="accordeon_item_body">
|
||||
<div class="accordeon_item_body_content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="5" class='accordeon_item'>
|
||||
<div class='accordeon_item_header'>
|
||||
<h4>Attack of the Clones</h4><p>(Cliquez ici pour étendre)</p>
|
||||
</div>
|
||||
<div class="accordeon_item_body">
|
||||
<div class="accordeon_item_body_content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='accordeon_item'>
|
||||
<div id="6" class='accordeon_item_header'>
|
||||
<h4>Revenge of the Sith</h4><p>(Cliquez ici pour étendre)</p>
|
||||
</div>
|
||||
<div class="accordeon_item_body">
|
||||
<div class="accordeon_item_body_content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="titre"><a href="index.html">STAR WARS</a></section>
|
||||
<section class="sec-menu">
|
||||
<nav class="nav-menu">
|
||||
<ul class="ul-menu">
|
||||
<li id="films"><a href="films.html">Films</a></li>
|
||||
<li id="planets"><a href="planets.html">Planets</a></li>
|
||||
<li id="characters"><a href="characters.html">Characters</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</section>
|
||||
<div class='accordeon'>
|
||||
<div class='accordeon_item'>
|
||||
<div id="1" class='accordeon_item_header'>
|
||||
<h2 class="titres"></h2>
|
||||
<p>(Cliquez ici pour étendre)</p>
|
||||
</div>
|
||||
<div class = "image-films"></div>
|
||||
<div class="accordeon_item_body">
|
||||
<div class="accordeon_item_body_content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='accordeon_item'>
|
||||
<div id="2" class='accordeon_item_header'>
|
||||
<h2 class="titres"></h2>
|
||||
<p>(Cliquez ici pour étendre)</p>
|
||||
</div>
|
||||
<div class="accordeon_item_body">
|
||||
<div class="accordeon_item_body_content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='accordeon_item'>
|
||||
<div id="3" class='accordeon_item_header'>
|
||||
<h4>Return of the Jedi</h4>
|
||||
<p>(Cliquez ici pour étendre)</p>
|
||||
</div>
|
||||
<div class="accordeon_item_body">
|
||||
<div class="accordeon_item_body_content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='accordeon_item'>
|
||||
<div id="4" class='accordeon_item_header'>
|
||||
<h4>The Phantom Menace</h4>
|
||||
<p>(Cliquez ici pour étendre)</p>
|
||||
</div>
|
||||
<div class="accordeon_item_body">
|
||||
<div class="accordeon_item_body_content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="5" class='accordeon_item'>
|
||||
<div class='accordeon_item_header'>
|
||||
<h4>Attack of the Clones</h4>
|
||||
<p>(Cliquez ici pour étendre)</p>
|
||||
</div>
|
||||
<div class="accordeon_item_body">
|
||||
<div class="accordeon_item_body_content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='accordeon_item'>
|
||||
<div id="6" class='accordeon_item_header'>
|
||||
<h4>Revenge of the Sith</h4>
|
||||
<p>(Cliquez ici pour étendre)</p>
|
||||
</div>
|
||||
<div class="accordeon_item_body">
|
||||
<div class="accordeon_item_body_content">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="image-films"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue