-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout_us.html
446 lines (323 loc) · 18.4 KB
/
about_us.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
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
<!DOCTYPE html>
<!--[if lt IE 9 ]><html class="no-js oldie" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>Fibrux | About Us</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">
<link rel='stylesheet' href='https://codepen.io/soju22/pen/4aeaa568d7a4f3459bcde0e70b10f35a.css'>
<link rel='stylesheet' href='https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap'>
<link rel="stylesheet" href="css/gridstyle.css">
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>
<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- extra css
================================================== -->
<style>
body{
overflow-x: hidden;
}
canvas {
position: fixed;
width: 100%;
height: 70%;
}
</style>
</head>
<body id="top">
<canvas id="canvas"></canvas>
<!-- header
================================================== -->
<header id="header" style="position: absolute;">
<div style="position: absolute;left: 190px;top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); ransform: translateY(-50%); -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; z-index: 501;">
<a href="index.html"><h2 style="position: absolute;top: 50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); ransform: translateY(-50%); color:white;" >FIBRUX</h2> <img src="images/logo.png" style="height:40px;left: 390px; width: 40px" alt="" class="logo" id="logo" /></a>
</div>
<nav id="header-nav-wrap">
<ul class="header-main-nav">
<li class="current"><a href="index.html#home" title="home">Home</a></li>
<li><a href="about_us.html" title="about">About Us</a></li>
<li><a href="meet_the_team.html" title="about">Meet the Team</a></li>
<li><a href="services.html" title="about">Services</a></li>
<!--<li><a href="pricing_.html" title="pricing" >Pricing</a></li>-->
<li><a href="our_work.html" title="work">Our Work</a></li>
</ul>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdnvvau-rGcIJxpEToOCelMvkl8K7PGMnOxE0hCkcytucCBdg/viewform?usp=send_form" title="getdtarted" class="button button-primary cta">Get Started</a>
</nav>
<a class="header-menu-toggle" href="#"><span>Menu</span></a>
</header> <!-- /header -->
<!-- home
================================================== -->
<section id="home" data-parallax="scroll" data-natural-width="3000" data-natural-height="5000" style="position: absolute;">
<div class="home-content">
<div class="row contents">
<div class="home-content-left">
<h3 data-aos="fade-up">Knitting the Web since 2021</h3>
<h1 data-aos="fade-up">
About Us<br><br><br>
</h1>
</div>
</div>
</div> <!-- end home-content -->
<ul class="home-social-list">
<li>
<a href="https://www.facebook.com/Fibux-108834831350546"><i class="fa fa-facebook-square"></i></a>
</li>
<li>
<a href="mailto:fibruxx@gmail.com"><i class="fa fa-envelope"></i></a>
</li>
<li>
<a href="https://www.instagram.com/fibrux_/"><i class="fa fa-instagram"></i></a>
</li>
</ul>
<!-- end home-social-list -->
<div class="home-scrolldown">
<a href="#about" class="scroll-icon smoothscroll">
<span>Scroll Down</span>
<i class="icon-arrow-right" aria-hidden="true"></i>
</a>
</div>
</section> <!-- end home -->
<section id="about" style="transform: translateY(800px);" class="afternet">
<div class="row about-intro containerbg">
<div class="col-four">
<h1 class="intro-header" data-aos="fade-up">What is Fibrux?</h1>
</div>
<div class="col-eight">
<p class="lead" data-aos="fade-up" align="justify">
Fibrux is a student-led start-up that aims to design creative websites for small and medium scale businesses as well as student-based organisations and portfolios at reasonable prices, completely customized according to our customer's requirement.<br>Our web developers have extensive knowledge in building websites using languages such as HTML, CSS, js, et cetera as well as technologies such as tailwind CSS, tridiv and more.<br>We have a dedicated Design Studio for creating intuitive storefront designs with custom templates. A clutter-free front-end that enables easy navigation for enhanced UX is what our designers look to achieve.<br>If you are looking to get your website made expressing all the ideas in your mind in the most creative way possible, then Fibrux will do just that for you!
</p>
</div>
</div>
<br><br>
<div class="row about-how">
<h1 class="intro-header" data-aos="fade-up">Why Fibrux?</h1>
</div>
<div class="row about-features containerbg">
<div class="features-list block-1-3 block-m-1-2 block-mob-full group">
<div class="bgrid feature" data-aos="fade-up">
<span class="icon"><i class="icon-window"></i></span>
<div class="service-content">
<h3>Fully Responsive</h3>
<p align="justify">All websites made by Fibrux are fully responsive on all devices. Our Designing team ensures this by testing all web pages on a plethora of devices to ensure the best experience for all of our customers.
</p>
</div>
</div> <!-- /bgrid -->
<div class="bgrid feature" data-aos="fade-up">
<span class="icon"><i class="icon-file"></i></span>
<div class="service-content">
<h3>Search Engine Optimization</h3>
<p align="justify">At Fibrux our expert SEO specialists optimize your website, to get not only traffic but relevant traffic with detailed analysis of the website before the optimization, at affordable and reasonable prices.
</p>
</div>
</div> <!-- /bgrid -->
<div class="bgrid feature" data-aos="fade-up">
<span class="icon"><i class="icon-paint-brush"></i></span>
<div class="service-content">
<h3>Eloquent Design</h3>
<p align="justify">We at Fibrux make sure that your message clearly reflects on your website, while still looking modern, minimalistic, and fresh. All thanks to our dedicated designing team.
</p>
</div>
</div> <!-- /bgrid -->
<div class="bgrid feature" data-aos="fade-up">
<span class="icon"><i class="icon-image"></i></span>
<div class="service-content">
<h3>Wix/Squarespace Website</h3>
<p align="justify">A Wix website made by the expert team at Fibrux is fast, efficient, and is visually pleasing. We promise a 48-hour fix policy for any bugs or errors, after which your problem will be fixed for free.
</p>
</div>
</div> <!-- /bgrid -->
<div class="bgrid feature" data-aos="fade-up">
<span class="icon"><i class="icon-sliders"></i></span>
<div class="service-content">
<h3>Customization & Monthly Updation</h3>
<p align="justify">Fibrux cares about customer satisfaction even after the website has been deployed which is why we offer monthly updates to your website to ensure your website stays up to date with your business.
</p>
</div>
</div> <!-- /bgrid -->
<div class="bgrid feature" data-aos="fade-up">
<span class="icon"><i class="icon-desktop"></i></span>
<div class="service-content">
<h3>Dedicated Designers</h3>
<p align="justify">Whether you require an eCommerce Website or a Portfolio Site or Blogging Site or any such site, rest assured as our dedicated team of designers have got it all under cover for you.
</p>
</div>
</div> <!-- /bgrid -->
</div> <!-- end features-list -->
</div> <!-- end about-features -->
<!-- Testimonials Section
================================================== -->
<section id="testimonials">
<div class="row">
<div class="col-twelve">
<h1 class="intro-header" data-aos="fade-up">Our Inspiration</h1>
</div>
</div>
<div class="row owl-wrap">
<div id="testimonial-slider" data-aos="fade-up">
<div class="slides owl-carousel">
<div>
<div class="testimonial-author">
<img src="images/avatars/user-02.jpg" alt="Author image">
<div class="author-info">
Larry Page
<span class="position">Co-Founder of Google</span>
</div>
</div>
<p>
You don't need to have a 100-person company to develop that idea.
</p>
</div>
<div>
<div class="testimonial-author">
<img src="images/avatars/user-04.jpg" alt="Author image">
<div class="author-info">
Sundar Pichai
<span>CEO of Google and Alphabet</span>
</div>
</div>
<p>
It is important to follow your Dreams and Heart. Do something that excites you.
</p>
</div>
<div>
<div class="testimonial-author">
<img src="images/avatars/user-01.jpg" alt="Author image">
<div class="author-info">
Tim Berners Lee
<span>Inventor of the World Wide Web</span>
</div>
</div>
<p>
We need diversity of thought in the world to face the new challenges.
</p>
</div>
<div>
<div class="testimonial-author">
<img src="images/avatars/user-03.jpg" alt="Author image">
<div class="author-info">
Mark Zuckerberg
<span>CEO of Facebook</span>
</div>
</div>
<p>
My number one piece of advise is : you should learn how to program.
</p>
</div>
<div>
<div class="testimonial-author">
<img src="images/avatars/user-05.jpg" alt="Author image">
<div class="author-info">
Steve Jobs
<span>Co-Founder of Apple</span>
</div>
</div>
<p>
The only way to do great work is to do what you love.
</p>
<br>
</div>
</div> <!-- end slides -->
</div> <!-- end testimonial-slider -->
</div> <!-- end flex-container -->
</section> <!-- end testimonials -->
<!-- footer
================================================== -->
<footer style="background: #141515;">
<div class="footer-main">
<div class="row">
<div class="col-three md-1-3 tab-full footer-info">
<h4>Fibrux</h4>
<p>We create amazing sites perfectly curated to display all your ideas
</p>
<ul class="footer-social-list">
<li>
<a href="https://www.facebook.com/Fibux-108834831350546"><i class="fa fa-facebook-square"></i></a>
</li>
<li>
<a href="mailto:fibruxx@gmail.com"><i class="fa fa-envelope"></i></a>
</li>
<li>
<a href="https://www.instagram.com/fibrux_/"><i class="fa fa-instagram"></i></a>
</li>
</ul>
</div> <!-- end footer-info -->
<div class="col-three md-1-3 tab-1-2 mob-full footer-contact">
<h4>Contact</h4>
<p>
Email: <a href="mailto:fibruxx@gmail.com">fibruxx@gmail.com </a><br>
Phone: +91 99191 92046 <br>
</p>
</div> <!-- end footer-contact -->
<div class="col-two md-1-3 tab-1-2 mob-full footer-site-links">
<h4>Site Links</h4>
<ul class="list-links">
<li><a href="index.html">Home</a></li>
<li><a href="about_us.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="pricing_.html">Pricing</a></li>
<li><a href="our_work.html">Our Work</a></li>
</ul>
</div> <!-- end footer-site-links -->
<div class="col-four md-1-2 tab-full footer-subscribe">
<h4>Want a mind-blowing website?</h4>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdnvvau-rGcIJxpEToOCelMvkl8K7PGMnOxE0hCkcytucCBdg/viewform?usp=send_form" title="getdtarted" class="button button-primary cta" style="width: 100%">Get Started</a>
</div> <!-- end footer-subscribe -->
</div> <!-- /row -->
</div> <!-- end footer-main -->
<div class="footer-bottom">
<div class="row">
<div class="col-twelve">
<div class="copyright">
<span>©2021 <a href="index.html">Fibrux.</a> All Rights Reserved.</span>
</div>
<div id="go-top">
<a class="smoothscroll" title="Back to Top" href="#top"><i class="icon-arrow-up"></i></a>
</div>
</div>
</div> <!-- end footer-bottom -->
</div>
</footer>
</section>
<div id="preloader">
<div id="loader"></div>
</div>
<!-- Java Script
================================================== -->
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/three.js/110/three.js'></script>
<script src='https://klevron.github.io/codepen/three.js/OrbitControls.110.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/chroma-js/2.0.3/chroma.min.js'></script>
<script src="js/gridscript.js"></script>
<script>
var afternet = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (afternet) {
$('.afternet').css('transform', 'translateY(600px)'); // OR you can use $('.navWrap').hide();
}
var logo = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (logo) {
$('.logo').css('display', 'none'); // OR you can use $('.navWrap').hide();
}
</script>
</body>
</html>