98 lines
2.9 KiB
HTML
98 lines
2.9 KiB
HTML
<!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>
|
|
</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>
|
|
|
|
<section id="recherche">
|
|
<form action="" id="formRecherche" onSubmit="event.preventDefault(); console.log('click')">
|
|
<label for="textRecherche">Recherche : </label>
|
|
<input type="text" name="textRecherche" id="textRecherche">
|
|
<input type="submit" value="ok">
|
|
</form>
|
|
</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>
|
|
</div>
|
|
<div class="image-films"></div>
|
|
</body>
|
|
|
|
</html> |