165 lines
3.6 KiB
HTML
165 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>JustStreamIt</title>
|
|
</head>
|
|
|
|
<body>
|
|
<center>
|
|
<header>
|
|
<img alt="logo" title="logo" src=None>
|
|
<h1 textalign=center> Vidéos à la demande </h1>
|
|
</header>
|
|
<div class=best_film>
|
|
<h2> Meilleur film </h2>
|
|
|
|
<div class=category>
|
|
<h2> film </h2>
|
|
<img src=https://picsum.photos/seed/picsum/200/300 alt="film cover" >
|
|
<p> Lorem ipsum odor amet, consectetuer adipiscing elit. Tempus non pellentesque bibendum eu sapien litora neque tortor. Volutpat diam himenaeos risus vitae congue hendrerit elit. Porttitor semper leo pretium mattis bibendum consequat. Tincidunt tincidunt cursus eget aenean senectus pretium consectetur cubilia senectus. Rutrum ex fermentum consectetur parturient ornare. Quam amet maximus potenti ac in penatibus hendrerit lacus. Duis neque non at dictum ligula nullam amet orci. Consequat lectus consequat morbi dis suscipit ridiculus ultricies.
|
|
</p>
|
|
<button>Details</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class=categorie_mystery >
|
|
<h2> Mystery </h2>
|
|
<div class=category>
|
|
<ul>
|
|
<div>Film 1
|
|
</div>
|
|
|
|
<div>
|
|
Film 2
|
|
</div>
|
|
<div>
|
|
Film 3
|
|
</div>
|
|
<div>
|
|
Film 4
|
|
</div>
|
|
<div>
|
|
Film 5
|
|
</div>
|
|
<div>
|
|
Film 6
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class=category>
|
|
<h2> Category2 </h2>
|
|
<p>
|
|
<ul>
|
|
<div>Film 1
|
|
</div>
|
|
|
|
<div>
|
|
Film 2
|
|
</div>
|
|
<div>
|
|
Film 3
|
|
</div>
|
|
<div>
|
|
Film 4
|
|
</div>
|
|
<div>
|
|
Film 5
|
|
</div>
|
|
<div>
|
|
Film 6
|
|
</div>
|
|
</ul>
|
|
</p>
|
|
</div>
|
|
<div class=category>
|
|
<h2> Category2 </h2>
|
|
<p>
|
|
<ul>
|
|
<div>Film 1
|
|
</div>
|
|
|
|
<div>
|
|
Film 2
|
|
</div>
|
|
<div>
|
|
Film 3
|
|
</div>
|
|
<div>
|
|
Film 4
|
|
</div>
|
|
<div>
|
|
Film 5
|
|
</div>
|
|
<div>
|
|
Film 6
|
|
</div>
|
|
</ul>
|
|
</p>
|
|
</div>
|
|
|
|
<div class=categorie_other>
|
|
<h2> Other </h2>
|
|
<div class=category>
|
|
<ul>
|
|
<div>Film 1
|
|
</div>
|
|
|
|
<div>
|
|
Film 2
|
|
</div>
|
|
<div>
|
|
Film 3
|
|
</div>
|
|
<div>
|
|
Film 4
|
|
</div>
|
|
<div>
|
|
Film 5
|
|
</div>
|
|
<div>
|
|
Film 6
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class=category>
|
|
<h2> Category </h2>
|
|
|
|
<label for="category-select">Category</label>
|
|
|
|
<select name="category" id="category-select">
|
|
<option value="Action">Action</option>
|
|
<option value="Adult">Adult</option>
|
|
<option value="Adventure">Adventure</option>
|
|
<option value="Animation">Animation</option>
|
|
<option value="Biography">Biography</option>
|
|
<option value="Comedy">Comedy</option>
|
|
<option value="Crime">Crime</option>
|
|
<option value="Documentary">Documentary</option>
|
|
<option value="Drama">Drama</option>
|
|
<option value="Family">Family</option>
|
|
<option value="Fantasy">Fantasy</option>
|
|
<option value="Film-Noir">Film-Noir</option>
|
|
<option value="History">History</option>
|
|
<option value="Horror">Horror</option>
|
|
<option value="Music">Music</option>
|
|
<option value="Musical">Musical</option>
|
|
<option value="Mystery">Mystery</option>
|
|
<option value="News">News</option>
|
|
<option value="Reality-TV">Reality-TV</option>
|
|
<option value="Romance">Romance</option>
|
|
<option value="Sci-Fi">Sci-Fi</option>
|
|
<option value="Sport">Sport</option>
|
|
<option value="Thriller">Thriller</option>
|
|
<option value="War">War</option>
|
|
<option value="Western">Western</option>
|
|
|
|
</select>
|
|
</center>
|
|
</body>
|
|
</html>
|