-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
203 lines (172 loc) · 7.69 KB
/
about.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
<!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://fonts.googleapis.com/css2?family=Anton&family=Archivo+Black&family=DM+Sans&family=Fjalla+One&family=Lato:wght@700&family=Michroma&family=Montserrat:wght@400;800&family=Nanum+Gothic:wght@700&family=Pinyon+Script&family=Poppins:wght@300&family=Questrial&display=swap"
rel="stylesheet">
<title>About</title>
<style>
/* CSS BODY RESET */
body {
margin: 0px;
padding: 0px;
font-family: 'Montserrat', sans-serif;
/* font-weight: 600; */
background-color: black;
background-image: url('../img/bg.jpg') !important;
background-size: 100%;
color: white;
/* font-family: 'Anton', sans-serif; */
}
/* CONTAINER-1 */
.container-1 {
height: 50px;
/* border: 2px red solid; */
margin: 10px 30px;
position: relative;
font-family: 'DM Sans', sans-serif;
}
/* BOXES IN CONTAINER-1 */
.boxes-c1 {
/* border: blue solid 2px; */
height: 50px;
margin: 0px;
}
/* BOX-1 IN CONTAINER-1 */
#box-1{
width: 70%;
display: block;
margin: 0px auto;
text-align: center;
}
/* CONTAINER-2 */
.container-2 {
/* border: 2px red solid; */
margin: 40px;
height: 90px;
}
/* CONTAINER-2'S SPAN */
.container-2 span {
font-family: 'Montserrat', sans-serif;
display: inline-block;
opacity: 0;
filter: blur(4px);
font-size:90px;
font-weight: 800;
}
span:nth-child(1) {
animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span:nth-child(2) {
animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span:nth-child(3) {
animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span:nth-child(4) {
animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
span:nth-child(5) {
animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}
@keyframes fade-in {
100% {
opacity: 1;
filter: blur(0);
}
}
/* CONTAINER-3 */
.container-3 {
margin: 40px;
padding: 20px;
background-color: rgb(24, 24, 24);
position: relative;
font-family: 'Questrial', sans-serif;
border-radius: 10px;
}
/* SOME GENERAL CSS FOR PARTICULAR ELEMENTS */
/* ANCHOR */
div ul li a {
text-decoration: none;
padding: 85px;
font-size: 16px;
color: white;
box-sizing: border-box;
}
/* LISTS */
div ul li {
display: inline-block;
}
div ul li a:hover {
color: grey;
box-sizing: border-box;
}
</style>
</head>
<body>
<!-- CONTAINER-1 NAVBAR -->
<header class="container-1">
<!-- BOX-1 NAVBAR -->
<div class="boxes-c1" id="box-1">
<nav style="margin: 0px ;">
<ul style="margin:auto; ">
<li class="tabs" id="tab1"><a href="index.html">HOME</a></li>
<li class="tabs" id="tab1"><a href="about.html">ABOUT</a></li>
<li class="tabs" id="tab1"><a href="orders.html">ORDERS</a></li>
<li class="tabs" id="tab1"><a href="store.html">STORES</a></li>
</ul>
</nav>
</div>
</header>
<!-- CONTAIENR-2/BOX-2 HEADING -->
<header class="container-2" id="box-2">
<span style="color:rgb(255, 255, 255);">A</span>
<span style="color:rgb(220, 220,220);">B</span>
<span style="color:rgb(200, 200, 200);">O</span>
<span style="color:rgb(180,180, 180);">U</span>
<span style="color:rgb(160, 160, 160);">T</span>
</header>
<!-- CONTAINER-3 BRAND DETAILS -->
<div class="container-3">
<!-- BOX-3 BRAND DETAILS-->
<div id="box-3">
<p>
<p>Lensshub: Your One-Stop Shop for Affordable Eyewear and Eye Care</p>
<p>At Lensshub, we believe that clear vision should be accessible to everyone. Founded with a mission to provide
high-quality eyewear and comprehensive eye care services at affordable prices, Lensshub has quickly become a trusted
name in the optical industry.</p>
<p>Our Journey<br>
What began as a small, local optician's shop has blossomed into a full-service eyewear and eye care center. Our
growth is rooted in our unwavering commitment to customer satisfaction, affordable pricing, and cutting-edge eye
care technology. We've expanded our product range and services to meet the diverse needs of our clients, always
keeping affordability and quality at the forefront of our business model.</p>
<p>Lensshub offers an extensive collection of eyewear to suit every style, need, and budget. Our product line includes:</p>
<ul>
<li>- Prescription Glasses: From classic designs to trendy frames, we have options for every face shape and personal
style.</li>
<li>- Sunglasses: Protect your eyes in style with our range of prescription and non-prescription sunglasses.</li>
<li>- Contact Lenses: We stock a variety of contact lens types, including daily, weekly, and monthly disposables.
</li>
<li>- Specialty Eyewear: Find sports glasses, safety goggles, and computer glasses to meet specific needs.</li>
<li>- Designer Brands: For those who prefer luxury eyewear, we carry a selection of high-end designer frames.</li>
</ul>
<p>All our products undergo rigorous quality checks to ensure durability and comfort. We source our materials from
reputable suppliers, guaranteeing that our customers receive only the best.</p>
<p>Affordable Pricing<br>
At Lensshub, we believe that quality eyewear shouldn't break the bank. Our business model is designed to keep costs
low without compromising on quality. By streamlining our operations and leveraging our relationships with suppliers,
we're able to offer competitive prices that make eye care accessible to a wider audience.</p>
<p>Instant Eye Checkup Services<br>
One of our standout features is our instant eye checkup service. We've partnered with some of the best
ophthalmologists and optometrists in the industry to provide comprehensive eye exams using state-of-the-art
equipment. Our on-site eye care professionals can perform a range of tests.</p>
<p>Customer-Centric Approach<br>
At Lensshub, the customer always comes first. Our staff is trained to provide personalized advice, helping you
choose the perfect eyewear that not only corrects your vision but also complements your style.</p>
</div>
</div>
</body>
</html>