Learning-Projects/Netflix.html at main · EmmanuelOchaje/Learning-Projects · 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
85
86
87
88
89
90
91
<!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="./css/Neflix.css">
   <!--  <link href="https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap" rel="stylesheet"> -->
   <link href="https://fonts.googleapis.com/css2?family=EB+Garamond&family=Raleway&display=swap" rel="stylesheet">
   <script src="https://kit.fontawesome.com/0210e62244.js" crossorigin="anonymous"></script>
    <title>Netflix</title>
    <link rel="short cut icon" type="favicon.png" href="./images/netflixfavicon.png">
</head>
<body>
        <div class="firstcont">
            <nav>
                 <button class="btn1">Sign  Up</button>
                <img src="./images/netflixlogo.png" alt="" class="logo">
            </nav>
            <h1 class="head1">Unlimited movies, <br> TV shows, and more.</h1>
            <p class="para1">Watch anywhere. Cancel anytime.</p>
            <p class="para2">Ready to watch? Enter your email to create or restart your membership.</p>
            <div class="yaw1">
                <div class="yaw2">
                <input type="text" name="" id="" class="inpt1" placeholder="Enter Email Address.."><br>
                <button class="btn2">Get Started  <i class="fa-solid fa-chevron-right"></i></button>
                </div>
            </div>
        </div>
        <div class="secondcont">
            <div class="dfault1 div1">
                <div class="secdiv1">
                <h2 class="headdfault head2">Enjoy on your TV.</h2>
                <p class="paradfault para3">Watch on Smart TVs, Playstation, Xbox, <br>
                Chromecast, Apple TV, Blu-ray players, and more.</p>
                </div>
               <div  class="secdiv2"><img src="./images/tv.png" alt="" class="img1"></div>

            </div>
            <div class="dfault1 div2">
                <div class="secdiv3">
                <h2 class="headdfault head3">Download your shows to <br> watch offline. <br>
                </h2>
                <p><span class="paradfault para4">Save your favorites easily and always have<br>
                something to watch.</span></p>
                </div>
                <div class="secdiv4"><img src="./images/mobile-0819.jpg" alt class="img2"></div>
            </div>
            <div class="dfault1 div3">
                <h2 class="headdfault head4">Watch everywhere.</h2>
                <p class="paradfault para5">Stream unlimited movies and TV shows on <br>
                your phone, tablet, laptop, and TV.</p>
            </div>
            <div class="dfault1 div4">
                <div>
                <h2 class="headdfault head5">Create profiles for kids.</h2>
                <p class="paradfault para6">Send kids on adventures with their favorite
                <br> characters in a space made just for them—free
                <br> with your membership.</p>
                </div>
                 <div  class="secdiv6"> <img src="./images/AAAABfpnX3dbgjZ-Je8Ax3xn0kXehZm_5L6-xe6YSTq_ucht9TI5jwDMqusWZKNYT8DfGudD0_wWVVTFLiN2_kaQJumz2iivUWbIbAtF.png" alt="" class="img3"></div>
            </div>


            </div>
        </div>
        <div class="thirdcont">
            <h2 class="head6">Frequently Asked Questions.</h2>
            <div  class="div5">
                <div class="div6">
                    <div class="dfault2"><i class="fa-solid fa-plus"></i>What is Netflix?</div>
                    <div class="dfault2"><i class="fa-solid fa-plus"></i>How much does Netflix cost?</div>
                    <div class="dfault2"><i class="fa-solid fa-plus"></i>Where can i watch?</div>
                    <div class="dfault2"><i class="fa-solid fa-plus"></i>How do I cancel?</div>
                    <div class="dfault2"><i class="fa-solid fa-plus"></i>What can I watch on Netflix?</div>
                    <div class="dfault2"><i class="fa-solid fa-plus"></i>Is Netflix good for kids?</div>
                </div>
            </div>
            <p class="para7">Ready to watch? Enter your email to create or restart your membership.</p>
            <div class="yaw1">
            <div class="yaw2">
                <input type="text" name="" id="" class="inpt1" placeholder="Enter Email Address.."><br>
                <button class="btn2">Get Started  <i class="fa-solid fa-chevron-right"></i></button>
                </div>
            </div>
        </div>
        <footer>

        </footer>
</body>
</html>