-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsign_in.html
84 lines (84 loc) · 4.92 KB
/
sign_in.html
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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>Netflix</title>
<link rel="stylesheet" href="./sign_in.css">
<link rel="shortcut icon" href="https://www.netflix.com/in/favicon.ico" type="image/x-icon">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<div class="container">
<div class="banner">
<a href="index.html">
<img class="netflix" src="images/Netflix.png" alt="Netflix Logo">
</a>
</div>
<div id="video-container">
<video id="background-video" autoplay muted>
<source src="videos/Netflix.mp4" type="video/mp4">
</video>
</div>
<main>
<div id="netflix-logo">
<img src="./images/Netflix.png">
</div>
<div id="content">
<div class="pics">
<div class="wrapper">
<form action="">
<h1>Sign In</h1>
<div class="input-box" id="input1">
<input type="text" required>
<label>Email or phone number</label>
</div>
<div class="input-box" id="input2">
<input type="password" required>
<label>Password</label>
</div>
<button type="submit" class="btn">Sign In</button>
<div class="remember-forgot">
<label><input type="checkbox">Remember Me</label>
<a href="#">Need help?</a>
</div>
<div class="register-link">
<p>New to Netflix? <a href="main.html">Sign up now</a></p>
<div class="register">
<p>This page is protected by Google reCAPTCHA to ensure you're not a bot.<a href="#">Learn more.</a></p>
</div>
</div>
</form>
</div>
</div>
</div>
</main>
</div>
<footer>
<div class="footer">
<div class="footer1"> Questions? call 000-<a href="#">800-919-1694</a></div>
<div class="row">
<div class="col"><a href="#">FAQ</a></div>
<div class="col"><a href="#">Help Centre</a></div>
<div class="col"><a href="#">Terms of use</a></div>
<div class="col"><a href="#">Privacy</a></div>
<div class="col"><a href="#">Cookie Preference</a></div>
<div class="col"><a href="#">Corporate Information</a></div>
</div>
<div class="select">
<select>
<option><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-translate" viewBox="0 0 16 16" style="align-items: center;">
<path d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286zm1.634-.736L5.5 3.956h-.049l-.679 2.022z"/>
<path d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm7.138 9.995q.289.451.63.846c-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6 6 0 0 1-.415-.492 2 2 0 0 1-.94.31"/>
</svg>English</option>
<option><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-translate" viewBox="0 0 16 16" style="align-items: center;">
<path d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286zm1.634-.736L5.5 3.956h-.049l-.679 2.022z"/>
<path d="M0 2a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v3h3a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-3H2a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h7a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm7.138 9.995q.289.451.63.846c-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6 6 0 0 1-.415-.492 2 2 0 0 1-.94.31"/>
</svg>हिन्दी</option>
</select>
</div>
</div>
</footer>
<script src="sign_in.js"></script>
</body>
</html>