Skip to content

Commit

Permalink
updated
Browse files Browse the repository at this point in the history
  • Loading branch information
@mmuazam98
mmuazam98 committed Sep 27, 2020
1 parent 3b28e64 commit 90f3d09
Show file tree
Hide file tree
Showing 2 changed files with 27 additions and 27 deletions.
51 changes: 25 additions & 26 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -66,66 +66,65 @@
<div class="movie-container">
<img src="images/2.jpg" alt="movie">
<h3>2 Seasons <span>13+</span>2020</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non.</p>
<p>Lorem ipsum dolor </p>
</div>
<div class="movie-container">
<img src="images/3.jpeg" alt="movie">
<h3>5 Seasons <span>13+</span>2015</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit?.</p>
<p>Lorem ipsum dolor </p>
</div>
<div class="movie-container">
<img src="images/4.jpg" alt="movie">
<h3>1 Season <span>13+</span>2019</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>
<div class="movie-container">
<img src="images/5.jpeg" alt="movie">
<h3>5 Seasons <span>18+</span>2011</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>

<div class="movie-container">
<img src="images/6.jpeg" alt="movie">
<h3>5 Seasons <span>14+</span>2011</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>
<div class="movie-container">
<img src="images/7.jpeg" alt="movie">
<h3>1 Season <span>16+</span>2019</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>
</section>
<section class="movies">

<div class="movie-container">
<img src="images/8.jpeg" alt="movie">
<h3>4 Seasons <span>13+</span>2017</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non.</p>
<p>Lorem ipsum dolor</p>
</div>
<div class="movie-container">
<img src="images/9.jpeg" alt="movie">
<h3>6 Seasons <span>13+</span>2013</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit?.</p>
<p>Lorem ipsum dolor </p>
</div>
<div class="movie-container">
<img src="images/10.jpg" alt="movie">
<h3>2 Seasons <span>16+</span>2018</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>
<div class="movie-container">
<img src="images/11.jpg" alt="movie">
<h3>3 Seasons <span>15+</span>2016</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>

<div class="movie-container">
<img src="images/12.jpeg" alt="movie">
<h3>1 Season <span>14+</span>2019</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>
<div class="movie-container">
<img src="images/13.jpg" alt="movie">
<h3>5 Seasons <span>16+</span>2014</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>

</section>
Expand All @@ -145,66 +144,66 @@ <h3>5 Seasons <span>16+</span>2014</h3>
<div class="movie-container">
<img src="images/14.jpg" alt="movie">
<h3>2h 4m <span>13+</span>2013</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non.</p>
<p>Lorem ipsum dolor </p>
</div>
<div class="movie-container">
<img src="images/15.jpg" alt="movie">
<h3>1h 34m <span>13+</span>2020</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit?.</p>
<p>Lorem ipsum dolor</p>
</div>
<div class="movie-container">
<img src="images/16.jpg" alt="movie">
<h3>1h 44m <span>13+</span>2018</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>
<div class="movie-container">
<img src="images/17.jpg" alt="movie">
<h3>1h 53m <span>18+</span>2018</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>

<div class="movie-container">
<img src="images/18.jpg" alt="movie">
<h3>1h 45m <span>14+</span>2015 </h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>
<div class="movie-container">
<img src="images/19.jpg" alt="movie">
<h3>2h 18m <span>10+</span>2010</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>
</section>
<section class="movies">
<div class="movie-container">
<img src="images/20.jpg" alt="movie">
<h3>1h 39m <span>13+</span>2013</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Non.</p>
<p>Lorem ipsum dolor</p>
</div>
<div class="movie-container">
<img src="images/21.jpg" alt="movie">
<h3>1h 34m <span>13+</span>2008</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit?.</p>
<p>Lorem ipsum dolor</p>
</div>
<div class="movie-container">
<img src="images/22.jpg" alt="movie">
<h3>1h 46m <span>13+</span>2020</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>
<div class="movie-container">
<img src="images/23.jpg" alt="movie">
<h3>1hr 40m <span>13+</span>2018</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>

<div class="movie-container">
<img src="images/24.png" alt="movie">
<h3>1h 29m <span>14+</span>1998</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>
<div class="movie-container">
<img src="images/25.jpeg" alt="movie">
<h3>2h 10m <span>16+</span>2019</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo!</p>
<p>Lorem ipsum dolor </p>
</div>

</section>
Expand Down
3 changes: 2 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -296,8 +296,9 @@ body{
height: auto;
background: linear-gradient(rgba(0,0,0,0.9),rgba(0,0,0,0.9));
display: flex;
padding: 0px 20px;
/* padding: 0px 20px; */
justify-content: space-evenly;
flex-wrap: wrap;
}

.movie-container {
Expand Down

0 comments on commit 90f3d09

Please sign in to comment.