-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (130 loc) · 6.71 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
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
<!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 href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
<link rel="stylesheet" href="style.css">
<title>Hotstar-Mirror</title>
</head>
<body>
<div class="container-fluid hotnavbar maincont d-flex justiff-content-start">
<ul class="nav flex-column">
<li class="nav-item mx-7">
<img src="logo-d-plus.svg" width="70px" alt="">
</li>
<div class="icongrp">
<li class="nav-item my-3">
<h4 class="hide"><i class="fa-regular fa-user icons"></i></h4>
</li>
<li class="nav-item my-3">
<h4 class="hide"><i class="fa-solid fa-magnifying-glass icons"></i></h4>
</li>
<li class="nav-item my-3">
<h4 class="hide"><i class="fa-solid fa-house icons"></i></h4>
</li>
<li class="nav-item my-3">
<h4 class="hide"><span class="material-symbols-outlined icons tv">
tv
</span></h4>
</li>
<li class="nav-item my-3">
<h4 class="hide"><i class="fa-solid fa-radio icons"></i></h4>
</li>
<li class="nav-item my-3">
<h4 class="hide"><i class="fa-solid fa-baseball icons"></i></h4>
</li>
<li class="nav-item my-3">
<h4 class="hide"><span class="material-symbols-outlined icons">
dashboard
</span></h4>
</li>
</div>
</ul>
</div>
<div class="maincontainer">
<img src="KarmmaCallingDated_desk-265a4207-f443-4b28-a502-4c5329db464a.jpg" width="650px" alt="">
<img src="disney-plus-hotstar-logo.png" width="70" class="hlogo" alt="">
<h5 class="karma">Karma Calling</h5>
<p class="streaming">Streaming from Jan 26</p>
<button class="Trailer btn btn-dark">
<b>Trailer</b>
</button>
</div>
<div class="vidcontainer">
<video src="Hotstar Specials Legend of Hanuman S3 | Official Trailer | 12th Jan 2024 | DisneyPlus Hotstar.mp4" width="100%" autoplay muted class="vid"></video>
<img src="hanuman.webp" class="hanuman" alt="">
<h3 class="hanuman py-3">New Season</h3>
<span><h3 class="hanuman text-light">2024 . 3 Seasons . 7 Languages .</h3></span ><button class="hanuman2 text-light bg-secondary ">U/A 7+</button>
<div class="para">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus incidunt libero sunt aliquam at et. Architecto tenetur consectetur minima culpa perferendis ullam atque alias quam, facilis eum est nisi nesciunt!</p>
</div>
<div class="final">
<h5>Mythology | Animations | Creatures & Monsters</h5>
<button class="bg-secondary Watch">
<i class="fa-solid fa-play"></i> Watch Now
</button>
<button class="add bg-secondary">
<span class="material-symbols-outlined">
add
</span>
</button>
<div class="floatingadd">
<img src="img-1.jpeg" alt="" width="90px" class="img-1">
<img src="img-2.webp" alt="" width="100px" class="img-2">
<img src="img-3.webp" alt="" width="100px" class="img-3">
</div>
<h3 class="latest mt-5">Latest Releases</h3>
<div class="cinemas">
<div class="movies">
<img src="legend.jpeg" alt="" width="200px" height="300px" class="movies">
</div>
<div class="movies">
<img src="parking.jpeg" alt="" width="200px" height="300px" class="movies">
</div>
<div class="movies">
<img src="fail.jpeg" alt="" width="200px" height="300px" class="movies">
</div>
<div class="movies">
<img src="echo.jpeg" alt="" width="200px" height="300px" class="movies">
</div>
<div class="movies">
<img src="salar.jpeg" alt="" width="200px" height="300px" class="movies">
</div>
<div class="movies">
<img src="hanuman.jpeg" alt="" width="200px" height="300px" class="movies">
</div>
</div>
<div class="cinemas mt-4">
<div class="movies">
<img src="salar.jpeg" alt="" width="200px" height="300px" class="movies">
</div>
<div class="movies">
<img src="hanuman.jpeg" alt="" width="200px" height="300px" class="movies">
</div>
<div class="movies">
<img src="fail.jpeg" alt="" width="200px" height="300px" class="movies">
</div>
<div class="movies">
<img src="echo.jpeg" alt="" width="200px" height="300px" class="movies">
</div>
<div class="movies">
<img src="legend.jpeg" alt="" width="200px" height="300px" class="movies">
</div>
<div class="movies">
<img src="parking.jpeg" alt="" width="200px" height="300px" class="movies">
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
</body>
</html>