Netflix-Landing-Page/index.html at main · azuregray/Netflix-Landing-Page · 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Netflix</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <div class="navbar">
            <li class="logo"><img src="https://www.freepnglogos.com/uploads/netflix-logo-0.png"></li>
            <li class="buttons"> Sign In</a>
        </div>
        <div class="main">
            <div class="area">
                <h1>Unlimited movies, TV <br>shows, and more.</h1>
                <h3>Watch anywhere. Cancel anytime.
                </h3>
                <div class="search">
                    <input type="text" class="box" placeholder="Email">
                    <span class="try"> Try 30 days free <i class="fas fa-chevron-right"></i></span>
                </div>
                <h4>Ready to watch? Enter your email to create or access your account
                </h4>
            </div>
        </div>
        <div class="container1">
            <div class="text">
                <h1>Enjoy on your TV.</h1>
                <p> Watchx on Smart TVs, Playstation, Xbox, <br>Chromecast, Apple TV, Blu-ray players, and<br>more.</p>
            </div>
            <div class="image">
                <img src="https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/tv.png">
            </div>
        </div>
        <div class="container1">
            <div class="image">
                <img src="https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/mobile.png">
            </div>
            <div class="text">
                <h1>Download your shows to watch on the go.</h1>
                <p>Save your data and watch all your favorites offline.</p>
            </div>
        </div>
        <div class="container1">
            <div class="text">
                <h1>Watch everywhere.</h1>
                <p>Stream unlimited movies and TV shows on <br>your phone, tablet, laptop, and TV without paying more.</p>
            </div>
            <div class="image">
                <img src="https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/device-pile.png">
            </div>
        </div>
        <div class="question">
            <h1>Frequently Asked Questions</h1>
            <div class="quest">
                <div class="textbox">What is Netflix?</div>
                <i class="las la-plus"></i>
            </div>
            <div class="quest">
            <div class="textbox">How much does Netflix cost?</div>
            <i class="las la-plus"></i>
            </div>
            <div class="quest">
                <div class="textbox">Where can I watch?</div>
                <i class="las la-plus"></i>
            </div>
            <div class="quest">
                <div class="textbox">How do I cancel?</div>
                <i class="las la-plus"></i>
            </div>
            <div class="quest">
                <div class="textbox">What can I watch on Netflix??</div>
                <i class="las la-plus"></i>
            </div>
            <div class="quest">
                <div class="textbox">What is Netflix?</div>
                <i class="las la-plus"></i>
            </div>
            <div class="search1">
                <input type="text" class="box1" placeholder="Email">
                <span class="try1"> Try 30 days free <i class="fas fa-chevron-right"></i></span>
            </div>
            <h4>Ready to watch? Enter your email to create or access your account.</h4>
        </div>
        <div class="footer">
            <div class="footercon">
                <div class="flex1">
                    <h5>Questions? Contact me @ 1KT21AI014</h5>
                </div>
                <ul class="list1">
                    <li><a href="">FAQ</a></li>
                    <li><a href="">Investor Relation</a></li>
                    <li><a href="">Ways to Watch</a></li>
                    <li><a href="">Corporate Information</a></li>
                    <li><a href="">Netflix Originals</a></li>
                </ul>
                <ul class="list1">
                    <li><a href="">Home</a></li>
                    <li><a href="">Jobs</a></li>
                    <li><a href="">Terms of Use</a></li>
                    <li><a href="">Contact Us</a></li>
                </ul>
                <ul class="list1">
                    <li><a href="">Account</a></li>
                    <li><a href="">Redeem Gift Cards</a></li>
                    <li><a href="">Privacy</a></li>
                    <li><a href="">Speed Test</a></li>
                </ul>
                <ul class="list1">
                    <li><a href="">Media Center</a></li>
                    <li><a href="">Buy Gift Cards</a></li>
                    <li><a href="">Cookie Preferences</a></li>
                    <li><a href="">Legal Notices</a></li>
                </ul>
            </div>
        </div>
        <div class="end">
            <h2>DARSHAN S</h2>
        </div>
    </body>
</html>