-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathvideo_info_page_2.html
More file actions
210 lines (200 loc) · 7.14 KB
/
video_info_page_2.html
File metadata and controls
210 lines (200 loc) · 7.14 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="keywords" content="html, css" />
<meta name="author" content="ramesh" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>squareEye|product info page</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- Header -->
<header class="header">
<nav class="container navbar">
<span class="home_line_left line"></span>
<div class="navbar_content row flex">
<div class="logo_items flex">
<a href="index.html"
><img src="images/logo.svg" alt="" class="logo_img"
/></a>
<a href="index.html" class="header_icon home_icon gradient_bg">
<img src="images/home-icon.svg" alt="" />
<span>Home</span>
</a>
<a
href="list_video_page.html"
class="header_icon cart_icon gradient_bg"
>
<img src="images/cart-icon.svg" alt="" />
<span>Shop</span>
</a>
</div>
<!-- Menu Items -->
<ul class="menu_items flex">
<li class="item">
<a href="contact_us.html" class="link">Contact</a>
</li>
<li class="item">
<a href="about_us.html" class="link">About</a>
</li>
<li class="item">
<a href="signin.html" class="link">SignIn</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Vidoe Page Info Section 2 -->
<section class="section video_page_info_section">
<div class="container video_page_info_container">
<button class="button section_title gradient_bg">
<span>INFORMATION ABOUT VENOM VIDEO</span>
</button>
<div class="row flex second_row">
<div class="right_column">
<img src="images/video_cart_info_img.jpg" alt="creatorImg" />
</div>
<div class="left_column">
<p>
Venom is a 2018 American superhero video film featuring the Marvel
comic character of the American YouTube personality MrBeast is the
most-subscribed individual and fourth most-subscribed channel
overall, with over 131 million subscribers as of February
2023.same name, produced by Columbian Pictures. <br /><br />
Venom is about the symbiotic relationship of the nab and alien
with later being the gross one. Funny at times, with a lovely
performance from Tom Hardy. <br /><br />
$10,13
</p>
<div class="buttons flex">
<button
class="shopping_cart_btn shopping_cart_button button flex"
>
<a class="flex" href="purchase_page.html">
<img src="images/shopping_cart_icon.svg" alt="" />
Add to Cart
</a>
</button>
<span class="star_icons">
<img src="images/star_icon.svg" alt="" class="star_icon" />
<img src="images/star_icon.svg" alt="" class="star_icon" />
<img src="images/star_icon.svg" alt="" class="star_icon" />
<img src="images/star_icon.svg" alt="" class="star_icon" />
<img src="images/star_icon.svg" alt="" class="star_icon" />
</span>
</div>
</div>
</div>
</div>
</section>
<!-- Video Info Section 2 -->
<section class="section video_info_section">
<div class="container video_info_container">
<button class="button section_title gradient_bg">
<span>OUR POPULAR ONES</span>
</button>
<div class="row popular flex">
<div class="popular_col flex">
<div class="popular_img">
<img
src="images/popular_img_1.jpg"
alt="popular_img"
class="popular_img"
/>
<a href="#"
><img
src="images/play-button.svg"
alt="play_btn"
class="play_btn"
/></a>
</div>
<div class="popular_text">
<p>
<b> Lee Zing </b>is collabrating with new commers. SquareEye is
servering a good trest for us at this Ester. We are waiting for
this bluckbaster video.
</p>
<img
src="images/arrow_left_icon.svg"
alt="arrow_icon"
class="arrow_icon"
/>
</div>
</div>
</div>
<div class="row popular flex">
<div class="popular_col flex">
<div class="popular_img">
<img
src="images/popular_img_2.jpg"
alt="popular_img"
class="popular_img"
/>
<a href="#"
><img
src="images/play-button.svg"
alt="play_btn"
class="play_btn"
/></a>
</div>
<div class="popular_text">
<p>
Family drama and comedy is what Leo looking throughthis lense
probably. We will find out soon Leo Akjic video will be realise
next week.
</p>
<img
src="images/arrow_right_icon.svg"
alt="arrow_icon"
class="arrow_icon"
/>
</div>
</div>
</div>
<div class="row popular flex">
<div class="popular_col flex">
<div class="popular_img">
<img
src="images/popular_img_3.jpg"
alt="popular_img"
class="popular_img"
/>
<a href="#"
><img
src="images/play-button.svg"
alt="play_btn"
class="play_btn"
/></a>
</div>
<div class="popular_text">
<p>
Better known as MrB, himself behinde the camera. Nobody is going
to mind waiting for next surprise.Comming soon
</p>
<img
src="images/arrow_left_icon.svg"
alt="arrow_icon"
class="arrow_icon"
/>
</div>
</div>
</div>
</div>
</section>
<!-- Footer Section -->
<footer class="sent_message footer footer_section">
<div class="footer_container container flex">
<div class="social_media">
<a href="#"><img src="images/youtube-icon.svg" alt="youtubeImg" /></a>
<a href="#"><img src="images/twitter-icon.svg" alt="twitterImg" /></a>
<a href="#"
><img src="images/instagram-icon.svg" alt="instagrameImg"
/></a>
<div>©SquareEyes 2023-design and develop by Ramesh !</div>
</div>
</div>
</footer>
</body>
</html>