-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
181 lines (171 loc) · 6.61 KB
/
index.html
File metadata and controls
181 lines (171 loc) · 6.61 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
<!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, school compulsory assignement" />
<meta name="author" content="Ramesh Ghimire" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SquareEye|Homepage</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- Header/navbar starts here -->
<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>
<!-- Home Section/main body parts of the landing page! -->
<!-- pictures are taken from unflash.com -->
<section class="section home">
<div class="home_container container">
<div class="row flex">
<div class="left_column">
<h6>Watch The Videos from around the world.</h6>
<br />
<p>
As you wish, we bring the -local or Global video makers in one
platform at your finger tips, Stream enjoy and support the artist.
</p>
<p class="offer">Get 3 months free for first Sign up</p>
<a href="signin.html" class="button">Sign Up</a>
</div>
<div class="right_column">
<div class="home_images">
<img
src="images/home-img-2.jpg"
alt="homeImg"
class="home-img1"
/>
<img
src="images/home-img-1.jpg"
alt="homeImg"
class="home-img2"
/>
</div>
</div>
</div>
</div>
</section>
<!-- Square Eyes Section/ little intruduciton on the landing page -->
<section class="section square_eyes">
<div class="container square_eyes_container">
<div class="square_eyes_row row flex">
<p>
SquareEyes is a streaming service that offers a wide variety of
award-videos, documentaries and more – on thousands of
internet-connected devices.You can watch as much as you want,
whenever you want, without a single advert – all for one low monthly
price. There's always something new to discover, and we support the
makers for the vidoes.
</p>
</div>
</div>
</section>
<!-- Home Section/main body parts of the landing page ends here! -->
<!-- intruducation to Creators Section starts here -->
<section class="section creator_section">
<div class="container creator_container">
<button class="button section_title gradient_bg">
<span>Our Creators</span>
</button>
<div class="creator_row row flex">
<div class="column flex">
<div class="details">
<p>
<b> Lee Zing,</b> <br />
She is very popular video contributor in our site, She creates
social encomy and unbalance life work vedios in funny way. Her
vedio is watch by over 50million people so far.
</p>
<a href="https://www.youtube.com/watch?v=iwVBz6HNK7E">
<img src="images/play-button.svg" alt="" class="play_btn" />
</a>
</div>
<img src="images/creator-img-1.jpg" alt="" />
</div>
</div>
<div class="creator_row row flex">
<div class="column flex">
<div class="details">
<p>
Donaldson (born May 7, 1990), better known as MrB, is an
American video maker and social activities. He is credited with
pioneering a genre of funny fails video making that centres on
expensive stunts.His videos are watched and enjoyed by 130
million and up over.
</p>
<a href="https://www.youtube.com/watch?v=iwVBz6HNK7E">
<img src="images/play-button.svg" alt="" class="play_btn" />
</a>
</div>
<img src="images/creator-img-2.jpg" alt="" />
</div>
</div>
<div class="creator_row row flex">
<div class="column flex">
<div class="details">
<p>
Donaldson (born May 7, 1990), better known as MrB, is an
American video maker and social activities. He is credited with
pioneering a genre of funny fails video making that centres on
expensive stunts.His videos are watched and enjoyed by 130
million and up over.
</p>
<a href="https://www.youtube.com/watch?v=iwVBz6HNK7E">
<img src="images/play-button.svg" alt="" class="play_btn" />
</a>
</div>
<img src="images/creator-img-3.jpg" alt="" />
</div>
</div>
</div>
</section>
<!-- creators sections in html ends here ! -->
<!-- Footer Section -->
<footer class="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>
<!-- footer section ends here! -->
</body>
</html>