Yann/Projet6
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

works except show more and show less

Browse Source
This commit is contained in:
yann
2025-03-07 20:18:17 +01:00
parent 619bf05069
commit f3fd9dc2e8
2 changed files with 142 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
index2.html
View File

@@ -5,7 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>JustStreamIt</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
<style>
.square {
width: 100%;
@@ -15,7 +17,7 @@
}
.overlay {
position: absolute;
top: 10rem;
top: 10rem;
height: 8rem;
width: 90%;
background-color: rgba(0, 0, 0, 0.4);
@@ -46,10 +48,10 @@
<section>
<div class="container mt-5">
<h2> Meilleur film </h2></div>
<div class="container border border-black border-4 mt-1">
<div class="row" id="bestFilm">
<!-- square block model-->
</div>
<div class="container border border-black border-5 mt-1">
<div class="row" id="bestFilm">
<!-- square block model-->
</div>
</div>
</section>
<!-- best note -->
@@ -59,6 +61,12 @@
<div class="row" id="bestRated">
<!-- square block model-->
</div>
<div id="seeMore" class="row d-flex justify-content-center d-lg-none">
<button class="col-4 btn btn-danger rounded-4" type="button" >Voir plus</button>
</div>
<div id="seeLess" class="row d-flex justify-content-center d-sm-none">
<button class="col-4 btn btn-danger rounded-4" type="button" >Voir moins</button>
</div>
</div>
</section>
@@ -66,7 +74,8 @@
<div class="container">
<h2>Mystery</h2>
<div class="row" id="mystery">
<!-- square block model-->
<!-- square block model-->
</div>
</div>
</div>
</section>