-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinfo.html
221 lines (210 loc) · 11.2 KB
/
info.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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Streamo - Media Streaming App</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav class="navbar bg-black navbar-expand-lg px-5 py-4">
<div class="container-fluid">
<a class="navbar-brand me-5" href="index.html"><img src="images/logo.png" alt=""></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link text-white" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Series</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Movies</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Pages</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Contact</a>
</li>
</ul>
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item px-3 my-auto border-end">
<i class="fa-solid fa-magnifying-glass text-white fw-bold"></i>
</li>
<li class="nav-item px-3 my-auto border-end">
<i class="fa-solid fa-bell text-white fw-bold"></i>
</li>
<li class="nav-item mx-2">
<a class="nav-link text-light" href="#"> <img
src="https://htmldemo.net/streamo/streamo/assets/images/review/author-01.png" alt=""></a>
</li>
</ul>
<button class="btn btn-danger" type="submit">Subscribe Now</button>
</div>
</div>
</nav>
</header>
<main>
<div class="bg-dark text-white">
<div class="text-center py-3">
<div class="fs-3 fw-bold d-inline me-4">Best Friend Forever</div>
<div class="d-inline">45 Minutes | 2021 | Romantic | U/A 18+</div>
</div>
</div>
<div class="bg-black text-white p-5">
<div class="container text-center">
<div class="container-fluid">
<video controls loop="loop" poster="images/bg-3.png" style="width:1100px; height: auto;" class="mb-3">
<source src="images/video.mp4" type="video/mp4">
</video>
</div>
<div class="text-start mx-5 px-3">
<div class="movie-details-info">
<span class="text-danger fs-5 fw-bold me-3">Director: </span>Brent Robinson <br>
<span class="text-danger fs-5 fw-bold me-3">Starring: </span> Sangel Juergens, Joel McGill,
Sandra Keller, Roy Johnson,
Jerry
Matherne, Cheryl Pope, Edward D. Kivi
</div>
<p class="mt-3">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
Ipsum has
been the
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley
of type
and scrambled it to make a type specimen book. It has survived not only five centuries, but
also the
leap into electronic typesetting, remaining essentially unchanged. It was popularised in the
1960s
with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with
desktop
publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have
suffered
alteration in some form, by injected humour, or randomised words which don't look even
slightly
believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there
isn't
anything embarrassing hidden in the middle of text predefined chunks as necessary.</p>
<div class="border-top mt-5 py-3 border-bottom row">
<div class="col text-start h4">
<span class="fs-5 fw-bold text-danger me-3">Share:</span>
<i class="fa-brands fa-facebook me-3"></i>
<i class="fa-brands fa-pinterest me-3"></i>
<i class="fa-brands fa-linkedin me-3"></i>
<i class="fa-brands fa-instagram"></i>
</div>
<div class="col text-end h2">
<i class="fa-solid fa-thumbs-up me-4"></i>
<i class="fa-solid fa-thumbs-down" style="transform: rotateY(180deg);"></i>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid p-5 bg-dark">
<h3 class="border-bottom text-white fw-bolder">Recommended For You</h3>
<div class="row pt-4">
<div class="col-6 col-md-3 p-3 p-md-3">
<div class="image-container rounded">
<a href="info.html"><img src="images/div7img1.png" alt="" class="img-fluid rounded"></a>
</div>
</div>
<div class="col-6 col-md-3 p-3 p-md-3">
<div class="image-container rounded">
<a href="info.html"><img src="images/div7img2.png" alt="" class="img-fluid rounded"></a>
</div>
</div>
<div class="col-6 col-md-3 p-3 p-md-3">
<div class="image-container rounded">
<a href="info.html"><img src="images/div7img3.png" alt="" class="img-fluid rounded"></a>
</div>
</div>
<div class="col-6 col-md-3 p-3 p-md-3">
<div class="image-container rounded">
<a href="info.html"><img src="images/div7img4.png" alt="" class="img-fluid rounded"></a>
</div>
</div>
</div>
</div>
</main>
<footer class="footer-area bg-black">
<div class="container-fluid p-3 pb-0">
<div class="row">
<div class="col-12 col-md-3 text-white">
<a href="#"><img src="images/logo.png" alt="" class="img-fluid"></a>
<p class="py-3">Eiusmod tempor incididunt ut la abore et minim ven exerc itation ulla mco lboris naliquip comm.
</p>
<a class="iconimg" href="#!" role="button"><i class="fab fa-facebook"></i></a>
<a class="ticon" role="button"><i class="fab fa-twitter"></i></a>
<a class="licon" role="button"><i class="fab fa-linkedin-in"></i></a>
<a class="instaicon" role="button"><i class="fab fa-instagram"></i></a>
</div>
<div class="col-12 col-md-9">
<ul class="list-unstyled d-inline fs-5 fw-medium atag">
<li class="d-inline ms-3"><a href="#" class="atag">Home</a></li>
<li class="d-inline ms-3"><a href="" class="atag">About US</a></li>
<li class="d-inline ms-3"><a href="" class="atag">Series</a></li>
<li class="d-inline ms-3"><a href="" class="atag">Contact US</a></li>
<li class="d-inline ms-3"><a href="" class="atag">Tv Series</a></li>
<li class="d-inline ms-3"><a href="" class="atag">Tech</a></li>
<li class="d-inline ms-3"><a href="" class="atag">Movie</a></li>
<li class="d-inline ms-3"><a href="" class="atag">Video</a></li>
<li class="d-inline ms-3"><a href="" class="atag">Live</a></li>
<li class="d-inline ms-3"><a href="" class="atag">Tv Series</a></li>
<li class="d-inline ms-3"><a href="" class="atag">Horror Movies</a></li>
</ul><br>
<ul class="list-unstyled d-inline">
<li class="d-inline footerbicon"><img src="images/brand1.png" alt="" class="img-fluid"></li>
<li class="d-inline footerbicon"><img src="images/brand2.png" alt="" class="img-fluid"></li>
<li class="d-inline footerbicon"><img src="images/brand3.png" alt="" class="img-fluid"></li>
<li class="d-inline footerbicon"><img src="images/brand4.png" alt="" class="img-fluid"></li>
<li class="d-inline footerbicon"><img src="images/brand5.png" alt="" class="img-fluid"></li>
<li class="d-inline footerbicon"><img src="images/brand6.png" alt="" class="img-fluid"></li>
</ul><br>
<ul class="list-unstyled d-inline">
<li class="d-inline mx-3"><a href="" class="atag">Report a Bug</a></li>
<li class="d-inline border-end"></li>
<li class="d-inline mx-3"><a href="" class="atag">Request a Feature</a></li>
<li class="d-inline border-end"></li>
<li class="d-inline mx-3"><a href="" class="atag">Contact Grievance</a></li>
<li class="d-inline border-end"></li>
<li class="d-inline mx-3"><a href="" class="atag">Movie Request</a></li>
<li class="d-inline border-end"></li>
<li class="d-inline mx-3"><a href="" class="atag">Submit Your Story</a></li>
<li class="d-inline border-end"></li>
<li class="d-inline mx-3"><a href="" class="atag">Privacy Policy</a></li>
<li class="d-inline border-end"></li>
<li class="d-inline mx-3"><a href="" class="atag">Terms of Services</a></li>
<li class="d-inline border-end"></li>
<li class="d-inline mx-3"><a href="" class="atag">Support</a></li>
</ul>
</div>
</div>
</div>
<div class="container-fluid justify-content-between">
<div class="row pt-3">
<div class="col-8 text-white d-flex justify-content-between pt-2">
<p>Copyright ©2022 All rights reserved | Made with ❤️ by Ambareesh.</p>
<p>Already have an Account? <a href="/login.html" class="text-white text-decoration-underline">LOGIN</a></p>
</div>
<div class="col offset-2">
<button class="btn" style="background-color: #f4181c; color: white;">Become a Member</button>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>