NETFLIX/page.html at main · DanielObirije/NETFLIX · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!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" type="text/css" href="styles.css">
</head>
<body>
    <nav class="nav">
        <img class="netflex-img" src="https://images.ctfassets.net/4cd45et68cgf/7LrExJ6PAj6MSIPkDyCO86/542b1dfabbf3959908f69be546879952/Netflix-Brand-Logo.png?w=684&h=456" alt="">
        <ul>
            <li><i class="fa-solid fa-magnifying-glass"></i></li>
            <li><i class="fa-solid fa-bell"></i></li>
            <li><img  class="login" src="log.png"></li>

        </ul>
    </nav>
    <header id="header">
        <!-- <div  class="header-cover" style="background-image: url('https://image.tmdb.org/t/p/original//bQXAqRx2Fgc46uCVWgoPz5L5Dtr.jpg');">


            <h1 class="tittle">Title</h1>
            <div>
                <button class="play"><i class="fa-solid fa-play"></i> play</button>
                 <button class="list">my list</button>
            </div>
            <p>Lorem, ipsum dolor sit amet consectetur adipisicing elipt. Animi modi quaerat
                 facere laudantium alias? Iste cor Lorem ipsum dolor, sit amet consectetur
                 adipisicing elit. Tempora exercitationem cum dolores impedit provident
                 minus ipsum assumenda incidunt iste nulla ex, quisquam expedita iusto,
                  eius quasi nostrum aperiam animi dolore.

            </p>
        </div> -->
    </header>
      <h1 class="space">TRILLER</h1>
    <div class="trilar">
        <!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/cqGjhVJWtEg"
        title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write;
        encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
    </div>
    <h1 class="space">CAST</h1>
   <section class="info-container">
        <!-- <div class="info-box">
            <img src="https://flxt.tmsimg.com/assets/435_v9_bc.jpg">
            <h5>kjkh,jhvjkjjm</h5>
            <span>klhkljkjkl,</span>
        </div> -->

   </section>
   <!-- <h1 class="space">CREW</h1>
   <section class="crew-container">
        <div class="info-box">
            <img src="https://flxt.tmsimg.com/assets/435_v9_bc.jpg">
            <h5>kjkh,jhvjkjjm</h5>
            <span>klhkljkjkl,</span>
        </div> -->

   </section> -->
    <script src="page.js"></script>
</body>
</html>