-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
272 lines (253 loc) · 10.3 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
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
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
<!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" />
<title>Braxleylab</title>
<meta name="description" content=" We at BRAXLEY LAB Pvt Ltd believe in improving quality of life by
offering healthcare solutions that cares for you.">
<meta name="keywords" content="BRAXLEY LAB Pvt Ltd, BRAXLEY,BRAXLEY LAB ">
<meta name="author" content="BRAXLEY LAB">
<link rel="stylesheet" href="./css/style.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="./css/animated.css">
<script
src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.0/typed.min.js"
integrity="sha512-zKaK6G2LZC5YZTX0vKmD7xOwd1zrEEMal4zlTf5Ved/A1RrnW+qt8pWDfo7oz+xeChECS/P9dv6EDwwPwelFfQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<!-- header hero section started -->
<div class="secondheader">
<header>
<input type="checkbox" id="menu-bar" />
<label for="menu-bar">Menu</label>
<nav class="navbar">
<ul>
<li><a class="active" href="index.html">home</a></li>
<li><a href="about.html">About us</a></li>
<!-- <li><a href="#">services+</a>
<ul>
<li><a href="#">One</a></li>
<li><a href="#">Two+</a>
<ul>
<li><a href="#">amenu</a></li>
<li><a href="#">bmenu</a></li>
</ul>
</li>
<li><a href="#">Three</a></li>
</ul>
</li> -->
<li><a href="./products.html">products</a></li>
<!-- <li><a href="#">Plants</a></li> -->
<li><a href="./contact.html">contact</a></li>
</ul>
</nav>
<a href="" class="logo">
<img src="./images/BraxleyLablogo.png" alt="" />
</a>
</header>
<div class="contentheader">
<div class="texthead">
<div id="typed-strings">
<h3>Stay Healthy With</h3>
</div>
<span id="typed"></span>
<h2>BRAXLEY LAB</h2>
</div>
</div>
</div>
<!-- header hero section ended -->
<!-- intro section started -->
<section class="introsection h-auto bg-stone-800 p-12">
<div class="text-white">
<h2 class="text-center text-5xl font-medium sm:100 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0s">
Welcome To BRAXLEY LAB
</h2>
<p class="text-center text-xl sm:100">
BRAXLEY LAB with just few products and continuously progressing under
the able guidance of our Managing Experts.We are engaged in
manufacturing and supplying a wide range of formulations such as
tablets, injections and new drugs that are DCGI Approved. These
include Analgesics , Antibiotic & Anti-Infectives, Anticold & Anti
Allergics and Antipsychotic Drugs. Apart from these, our range also
include Cardiovascular Drugs, Gastro & Antiemetic & Anti Ulcerant,
Haematirics, Hormones, Neurology Supplements, Nutritional Supplements.
Our entire range also encompasses Tablets, Oral Liquid, Dry Powder,
Capsules, Softgel Capsules Injectables, Ointment, Eye & Ear Drops,
Ayurvedic Products. Manufactured as per ISO 9001: 2015 and GMP WHO
norms, these are assured to have high quality standards
</p>
</div>
</section>
<!-- intro section ended -->
<!-- About us section ended -->
<section class="relative bg-stone-800">
<div class="grid sm:grid-cols-1 lg:w-6/12 md:-6/12 sm:12/12 sm:static">
<div class="bg-stone-100 onesec h-96"></div>
</div>
<div
class="grid lg:w-8/12 sm:w-12/12 sm:static lg:absolute lg:bottom-0 lg:right-0"
>
<div class="bg-stone-100 p-6 lg:h-72 sm:h-auto">
<h1 class="text-4xl font-semibold wow animate__backInRight" data-wow-duration="1s" data-wow-delay="0s">About BRAXLEY LAB Pvt Ltd</h1>
<p class="text-xl">
We at BRAXLEY LAB Pvt Ltd believe in improving quality of life by
offering healthcare solutions that cares for you.
<br /><br />
We are a Pune based Pharmaceutical company incorporated in May 2022. We always work for giving a healthier touch to your lives.
<br />
We offer speciality product in the field of Dermatology, Gynaecology
& General Segment. <br />
Our aim is to serve people to achive their goal of healthy life with
assured quality at affordable price.
</p>
</div>
</div>
</section>
<!-- About us section ended -->
<!-- card section started -->
<div class="grid grid-cols-1 lg:grid-cols-3">
<div
class="bg-stone-900 text-white justify-items-center lg:px-16 md:px-8 sm:px-8 pt-8 pb-6 "
>
<ion-icon
class="text-8xl text-center text-stone-700 hover:text-stone-500"
name="medkit-outline"
></ion-icon>
<h1
class="lg:text-5xl font-semibold mb-2 text-stone-400 hover:text-white md:text-4xl sm:text-3xl wow animate__headShake" data-wow-duration="1s" data-wow-delay="1s"
>
A Healthy & Happy Organisation
</h1>
<p class="text-xl parag">
The fundamental philosophy of Arkade is summed up in this creed. We
pursue the sustainability of a financially healthy and a happy
organisation where the direct and indirect stakeholders find trust and
satisfaction.
</p>
</div>
<div
class="bg-stone-800 text-white justify-items-center lg:px-16 md:px-8 sm:px-8 pt-8 pb-6"
>
<ion-icon
class="text-8xl text-center text-stone-700 hover:text-stone-500"
name="pulse-outline"
></ion-icon>
<h1
class="font-semibold mb-2 text-stone-400 hover:text-white sm:text-5xl md:text-4xl lg:text-5xl wow animate__headShake" data-wow-duration="1s" data-wow-delay="2s"
>
Quality & Transparency
</h1>
<p class="text-xl parag">
Quality of work and transparency in our dealings are two guiding
principles for us.
</p>
</div>
<div
class="bg-stone-900 text-white justify-items-center lg:px-16 md:px-8 sm:px-8 pt-8 pb-6"
>
<ion-icon
class="text-8xl text-center text-stone-700 hover:text-stone-500"
name="speedometer-outline"
></ion-icon>
<h1
class="lg:text-5xl font-semibold mb-2 text-stone-400 hover:text-white md:text-4xl sm:text-3xl wow animate__headShake" data-wow-duration="1s" data-wow-delay="3s"
>
Doing It Now
</h1>
<p class="text-xl parag">
We work with a sense of urgency. We try to ensure that barring
external forces which are beyond our control, nothing should hamper
our speed of delivery.
</p>
</div>
</div>
<!-- card section ended -->
<!-- green palnet section started -->
<section class="bg-stone-800">
<div class="lg:flex lg:flex-row md:flex-row sm:flex-col">
<div class="bg-stone-800 lg:w-4/12 sm:w-12/12">
<img class="" src="./images/greenplanet.jpg" alt="">
</div>
<div class=" p-10 w-12/12 sm:w-12/12">
<h1
class="font-semibold mb-2 text-stone-400 hover:text-white sm:text-6xl md:text-4xl lg:text-5xl wow animate__headShake" data-wow-duration="1s" data-wow-delay="2s"
>
Small Steps Towards Green Planet Initiative
</h1>
<p class="text-xl parag text-white">
To protect universe from Global Warming, <br>
as a part of green planet initiative we are planning
to plant and nurture one tree for one doctor.
</p>
</div>
</div>
</section>
<!-- green palnet section ended -->
<!-- footer section started -->
<footer class="lg:p-12">
<div class="grid w-6/6">
<div
class="grid lg:w-3/6 md:w-3/6 sm:w-6/6 bg-stone-800 lg:h-auto md:h-auto sm:auto m-2 p-4"
>
<p class="text-2xl text-white">We take responsibility of your health.</p>
<p class="text-white">
We deliver better outcomes for patients through science-based
innovation in growing areas of healthcare. We are Braxley Lab, and
we are reimagining medicine.
</p>
</div>
<div class="grid lg:w-3/6 md:w-3/6 sm:w-6/6 bg-stone-500 m-2 p-4">
<p class="text-2xl">Have any question or need any Consultation?</p>
<div class="grid lg:grid-cols-3">
<p>
<ion-icon name="mail-open-outline"></ion-icon> [email protected]
</p>
<p><ion-icon name="call-outline"></ion-icon> 9881073522 / 9403131780</p>
<p>
<ion-icon name="location-outline"></ion-icon> Pune,Maharashtra
</p>
</div>
<p>
For order, delivery or support contact us with any of our emails.
</p>
</div>
</div>
</footer>
<p class="bg-stone-900 px-12 text-white py-2 lg:text-left sm:text-center">
Copyright 2022 © Braxley Lab Pvt Ltd. | Designed By
<a href="https://reflexarts.in/" target="_blank">ReflexArts</a>
</p>
<!-- <div class=" bg-red-500 sm:bg-green-500 md:bg-blue-500 lg:bg-pink-500 xl:bg-teal-500 w-36 h36"> dgcdh</div> -->
<!-- footer section ended -->
<script
type="module"
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"
></script>
<script
nomodule
src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"
></script>
<script>
var type = new Typed("#typed", {
stringsElement: "#typed-strings",
typeSpeed: 50,
startDelay: 1200,
backSpeed: 20,
loop: true,
loopCount: Infinity,
showCursor: false,
attr: null,
});
</script>
<script src="./js/animation.js"></script>
</body>
</html>