-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (69 loc) · 4.14 KB
/
index.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
<!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="styles/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap" rel="stylesheet">
<title>Netflix Replica</title>
</head>
<body unselectable="on" onselectstart="return false">
<div class="series-details">
<div class="basic-info">
<div class="info-img">
<img src="images/main-thumbnail.webp" alt="Thumbnail" class="main-thumbnail">
<div class="close-button">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24">
<path
d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm4.597 17.954l-4.591-4.55-4.555 4.596-1.405-1.405 4.547-4.592-4.593-4.552 1.405-1.405 4.588 4.543 4.545-4.589 1.416 1.403-4.546 4.587 4.592 4.548-1.403 1.416z" />
</svg>
</div>
<div class="play-button">
<span>Play ►</span>
</div>
<div class="watchlist-button">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24">
<path
d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 13h-5v5h-2v-5h-5v-2h5v-5h2v5h5v2z" />
</svg>
</div>
<div class="like-button">
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 24 24">
<path
d="M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm3.698 15.354c-.405-.031-.367-.406.016-.477.634-.117.913-.457.913-.771 0-.265-.198-.511-.549-.591-.418-.095-.332-.379.016-.406.566-.045.844-.382.844-.705 0-.282-.212-.554-.63-.61-.429-.057-.289-.367.016-.461.261-.08.677-.25.677-.755 0-.336-.25-.781-1.136-.745-.614.025-1.833-.099-2.489-.442.452-1.829.343-4.391-.845-4.391-.797 0-.948.903-1.188 1.734-.859 2.985-2.577 3.532-4.343 3.802v4.964c3.344 0 4.25 1.5 6.752 1.5 1.6 0 2.426-.867 2.426-1.333 0-.167-.136-.286-.48-.313z" />
</svg>
</div>
</div>
<h1 class="series-title">Spin Cycle: Inside the Washing Machines</h1>
<div class="info-left">
<span class="match-score"></span>
<span class="year">2024</span>
<span class="duration">8 Episodes</span>
<span class="quality">HD</span>
<br><span class="maturity-number">16+</span>
<span class="mature-content">language,</span>
<span class="mature-content">nudity</span>
</div>
<div class="info-right">
<span class="info-genre">Genres:</span><br>
<div class="genres">
<span class="genre">Science & Nature TV,</span>
<span class="genre">Special Interest,</span>
<span class="genre">Docuseries</span>
</div>
</div>
<div class="description">
The captivating documentary series that delves into the history, technology, and cultural impact of
washing machines. Through exclusive interviews and stunning visuals, each episode unveils the untold
stories behind these essential household appliances. Get ready to see laundry in a whole new light.
</div>
</div>
<p>SEASON 1</p>
<div class="episodes-list"></div>
</div>
<script type="module" src="scripts/script.js"></script>
</body>
</html>