-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathhelpcenter.html
183 lines (170 loc) · 7.67 KB
/
helpcenter.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
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<title>Netflix | Help Center</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/all.min.css" />
<link rel="stylesheet" href="css/helpcenter.css">
</head>
<body>
<div class="global-container">
<div class="global-header">
<div class="container-nav">
<div class="inner-container">
<div class="branding">
<a class="logo nf-logo-link n-logo" href="index.html" title="Netflix">
<svg class="netflix-svg" width="88px" height="32px" viewBox="0 0 111 30" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path fill="#e50914" d="M105.062 14.28L111 30c-1.75-.25-3.499-.563-5.28-.845l-3.345-8.686-3.437 7.969c-1.687-.282-3.344-.376-5.031-.595l6.031-13.75L94.468 0h5.063l3.062 7.874L105.875 0h5.124l-5.937 14.28zM90.47 0h-4.594v27.25c1.5.094 3.062.156 4.594.343V0zm-8.563 26.937c-4.187-.281-8.375-.53-12.656-.625V0h4.687v21.875c2.688.062 5.375.28 7.969.405v4.657zM64.25 10.657v4.687h-6.406V26H53.22V0h13.125v4.687h-8.5v5.97h6.406zm-18.906-5.97V26.25c-1.563 0-3.156 0-4.688.062V4.687h-4.844V0h14.406v4.687h-4.874zM30.75 15.593c-2.062 0-4.5 0-6.25.095v6.968c2.75-.188 5.5-.406 8.281-.5v4.5l-12.968 1.032V0H32.78v4.687H24.5V11c1.813 0 4.594-.094 6.25-.094v4.688zM4.78 12.968v16.375C3.094 29.531 1.593 29.75 0 30V0h4.469l6.093 17.032V0h4.688v28.062c-1.656.282-3.344.376-5.125.625L4.78 12.968z"></path>
</svg>
<svg class="n-svg" focusable="true" viewBox="225 0 552 1000" height="32px">
<defs>
<radialGradient id="54260309-7575-46f4-a806-31673acf60fe-a" r="75%" gradientTransform="matrix(.38 0 .5785 1 .02 0)">
<stop offset="60%" stop-opacity=".3"></stop>
<stop offset="90%" stop-opacity=".05"></stop>
<stop offset="100%" stop-opacity="0"></stop>
</radialGradient>
</defs>
<path d="M225 0v1000c60-8 138-14 198-17V0H225" fill="#b1060e"></path>
<path d="M579 0v983c71 3 131 9 198 17V0H579" fill="#b1060e"></path>
<path d="M225 0v200l198 600V557l151 426c76 3 136 9 203 17V800L579 200v240L423 0H225" fill="url(#54260309-7575-46f4-a806-31673acf60fe-a)"></path>
<path d="M225 0l349 983c76 3 136 9 203 17L423 0H225" fill="#e50914"></path>
</svg>
</a>
</div>
</div>
</div>
<!-- helping-center -->
<div class="helping-center">
<h1>Help Center</h1>
<div class="input-group text-center">
<div class="input-group-prepend">
<span class="input-group-text" id="addon-wrapping"><i class="fas fa-search "></i></span>
</div>
<input type="text" class="form-control" placeholder="What do you need help with" aria-label="Username" aria-describedby="addon-wrapping">
</div>
</div>
</div>
<!-- welcoming -->
<div class="container">
<div class="welcome">
<h5>Hi, Jaldy and hoob</h5>
<span>Recommeded for you</span>
</div>
<div class="row">
<div class="col-md-4 bg-white">How to keep your accound secure</div>
<div class="col-md-3 bg-white ml-3">Parental controls on Netflix</div>
<div class="col-md-3 bg-white ml-3">How do i change my plan?</div>
</div>
</div>
<!-- details -->
<div class="container-fluid d-lg-flex flex-row justify-content-between p-3 links-container">
<div>
<h5>Manage My account</h5>
<ul>
<li><a href="#">Pians and Pricing</a></li>
<li><a href="#">I received and email stating</a></li>
<li><a href="#">there was a new sign-in to my account</a></li>
<li><a href="#">How to hide titles from viewing acctivity</a></li>
</ul>
</div>
<div>
<h5>Can't Watch</h5>
<ul>
<li><a href="#">How to stop someone from <br> using your account</a></li>
<li><a href="#">Netflix system</a></li>
<li><a href="#">requirements for HTML5</a></li>
<li><a href="#">problem connecting to Netflix.(3.1)</a></li>
</ul>
</div>
<div>
<h5>Billing Questions</h5>
<ul>
<li><a href="#">Billing and Payments</a></li>
<li><a href="#">Netflix says 'your account is <br> on hold because of <br> a problem with your last payment'.</a></li>
<li><a href="#">Netflix Gift Cards</a></li>
</ul>
</div>
<div>
<h5>Watching Netflix</h5>
<ul>
<li><a href="#">How to create and edit profiles</a></li>
<li><a href="#">How can i watch netflix on my TV?</a></li>
<li><a href="#">How to find and download <br> TV shows and movies</a></li>
</ul>
</div>
<div>
<h5>Quick Links</h5>
<ul>
<li><a href="#">Request TV shows or movies</a></li>
<li><a href="#">Update email</a></li>
<li><a href="#">update password</a></li>
<li><a href="#">Update payment method</a></li>
<li><a href="#">Cancel account</a></li>
<li><a href="#">Review payment history</a></li>
</ul>
</div>
</div>
<!-- contact -->
<div class="container-fluid p-3 text-center bg-light">
<div class="row">
<div class="col-md-3">
<h5>want to contact us?</h5>
</div>
<div class="offset-md-5 offset-2">
<button class="btn btn-secondary text-uppercase">call us</button>
<button class="btn btn-secondary text-uppercase">start live chat</button>
</div>
</div>
</div>
<div class="footer-push"></div>
</div>
<div id="footer" class="global-footer">
<div class="dark-area container-nav">
<div id="lang-switcher-wrapper" class="select-wrapper">
<div class="select select-grey">
<select id="lang-switcher" aria-label="Select your preferred language:">
<option value="id">Bahasa Indonesia</option>
<option value="ms">Bahasa Melayu</option>
<option value="da">Dansk</option>
<option value="en" selected="selected">English</option>
<option value="es">Español</option>
<option value="fr">Français</option>
<option value="nl">Nederlands</option>
<option value="ro">Română</option>
<option value="vi">Tiếng Việt</option>
<option value="tr">Türkçe</option>
<option value="he">עברית</option>
<option value="ar">العربية</option>
<option value="th">ไทย</option>
<option value="zh-cn">中文</option>
</select>
<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M12.9416531,7.71264972 L17.9520258,15.2282087 C18.4421897,15.9634546 18.2435115,16.9568456 17.5082656,17.4470095 C17.2454376,17.6222282 16.9366253,17.715729 16.6207453,17.715729 L6.6,17.715729 C5.7163444,17.715729 5,16.9993846 5,16.115729 C5,15.799849 5.09350084,15.4910367 5.26871953,15.2282087 L10.2790922,7.71264972 C10.7692561,6.97740382 11.7626471,6.77872563 12.497893,7.26888957 C12.6736566,7.38606534 12.8244774,7.53688606 12.9416531,7.71264972 Z" transform="translate(11.610458, 12.357865) scale(1, -1) translate(-11.610458, -12.357865) "></path>
</svg>
</div>
</div>
<ul class="footer-links">
<li class="legalese-item">
<a href="#">Terms of Use</a>
</li>
<li class="legalese-item">
<a href="#">Privacy</a>
</li>
<li class="legalese-item">
<a href="#" class="evidon-trigger toggle-cookie-info">Cookie Preferences</a>
</li>
<li class="legalese-item">
<a href="#">Corporate Information</a>
</li>
</ul>
</div>
</div>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>