100-project-100-days-website/100_projects/51-disney-movies-landing-page/index.html
2023-04-13 01:55:27 +03:00
Ask

93 lines
3.5 KiB
HTML

{b0e478b42f08bc1972eb704d9c56c9fbc0259c3b true 3600 index.html 0xc001f97030}

<!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">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Start Navigation -->
<header class="row container">
<a href="#" class="logo">
<img src="img/logo.png" alt="logo" class="logo">
</a>
<div class="toggleMenu" onclick="toggleMenu();">
<ion-icon name="grid-outline"></ion-icon>
</div>
<nav class="navigation row">
<ul class="row">
<li><a href="#">Home</a></li>
<li><a href="#">Movies</a></li>
<li><a href="#">Series</a></li>
<li><a href="#">Coming Soon</a></li>
</ul>
</nav>
</header>
<!-- End Navigation -->
<!-- Hero sec-->
<section class="hero row container">
<div class="hero-content">
<a href="#" class="rate row">
<img src="img/imdb.png" alt="" class="imdb">
<h6>8.8</h6>
</a>
<p>2021 - Kid - Movie</p>
<img src="img/luca.png" alt="luca">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quod rerum corrupti, culpa consequatur doloremque libero totam sint numquam dignissimos quam laborum eos consectetur animi cum corporis repellendus saepe quas! Cumque.</p>
<a href="#" class="hero-btn row">
<ion-icon name="caret-forward-outline"></ion-icon>
Watch now
</a>
</div>
<div class="hero-video row">
<div>
<h1>Movies</h1>
<div class="hero-scroll row">
<div>
<iframe
src="https://www.youtube.com/embed/mYfJxlgR2jw"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
<div>
<iframe
src="https://www.youtube.com/embed/mYfJxlgR2jw"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
<div>
<iframe
src="https://www.youtube.com/embed/mYfJxlgR2jw"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
<div>
<iframe
src="https://www.youtube.com/embed/mYfJxlgR2jw"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
<div>
<iframe
src="https://www.youtube.com/embed/mYfJxlgR2jw"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
</div>
</div>
</div>
</section>
<!-- Hero sec-->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<script src="js/app.js"></script>
</body>
</html>