NETFLIX/index.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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!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">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" type="text/css" href="styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <title>Document</title>
</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>

    <main>
        <section class="originals">
            <h1>NETFLIX ORIGINALS</h1>
            <div id="originals" class="originlas-container">
                <!-- <img src="https://image.tmdb.org/t/p/original//3lBDg3i6nn5R2NKFCJ6oKyUo2j5.jpg"/>
                <img src="https://image.tmdb.org/t/p/original//3lBDg3i6nn5R2NKFCJ6oKyUo2j5.jpg"/> -->


            </div>
        </section>
         <section>
            <h1>Trending Now</h1>
            <div id="trending" class="trending-container">
                <!-- <img src="https://image.tmdb.org/t/p/original//lsN1wAbqCvUPKEhkEI9pQSSiTjU.jpg"/>
                <img src="https://image.tmdb.org/t/p/original//3lBDg3i6nn5R2NKFCJ6oKyUo2j5.jpg"/>
                <img src="https://image.tmdb.org/t/p/original//3lBDg3i6nn5R2NKFCJ6oKyUo2j5.jpg"/>
                <img src="https://image.tmdb.org/t/p/original//3lBDg3i6nn5R2NKFCJ6oKyUo2j5.jpg"/> -->
            </div>
         </section>
         <section class="originals">
            <h1>Up-Coming</h1>
            <div id="upcoming" class="originlas-container">
                <!-- <img src="https://image.tmdb.org/t/p/original//3lBDg3i6nn5R2NKFCJ6oKyUo2j5.jpg"/>
                <img src="https://image.tmdb.org/t/p/original//3lBDg3i6nn5R2NKFCJ6oKyUo2j5.jpg"/> -->


            </div>
        </section>
         <section>
            <h1>Top rated</h1>
            <div id="toprated" class="trending-container">
                <!-- <img src="https://image.tmdb.org/t/p/original//lsN1wAbqCvUPKEhkEI9pQSSiTjU.jpg"/>
                <img src="https://image.tmdb.org/t/p/original//3lBDg3i6nn5R2NKFCJ6oKyUo2j5.jpg"/>
                <img src="https://image.tmdb.org/t/p/original//3lBDg3i6nn5R2NKFCJ6oKyUo2j5.jpg"/>
                <img src="https://image.tmdb.org/t/p/original//3lBDg3i6nn5R2NKFCJ6oKyUo2j5.jpg"/> -->
            </div>
         </section>


    </main>
    <script src="app.js"></script>
</body>
</html>
<!-- https://images.ctfassets.net/4cd45et68cgf/7LrExJ6PAj6MSIPkDyCO86/542b1dfabbf3959908f69be546879952/Netflix-Brand-Logo.png?w=684&h=456 -->