-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
148 lines (134 loc) · 6.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<!-- Tell the browser to be responsive to screen width -->
<meta content='width=device-width' , initial-scale='1' , maximum-scale='1' , user-scalable='no' name='viewport'>
<title>About</title>
<link href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="css/all.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!-- header start -->
<header class="header">
<div class="container">
<div class="header-main">
<a href="index.html" class="logo">
<img src="images/logo.png" alt="">
</a>
<div class="open-nav-menu">
<span></span>
</div>
<div class="menu-overlay">
</div>
<!-- navigation menu start -->
<nav class="nav-menu">
<div class="close-nav-menu">
<i class="fa fa-close"></i>
</div>
<ul class="menu">
<li class="menu-item"><a class="active" href="index.html">Home</a></li>
<li class="menu-item"><a href="product-listing.html">Our Product</a></li>
<li class="menu-item"><a href="about.html">About</a></li>
<li class="menu-item"><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="navbar-icon">
<a href="#" class="get-started-btn"><i class="fa-solid fa-magnifying-glass"></i> <span>Search</span></a>
<a href=""><i class="fa-solid fa-heart"></i></a>
<a href=""><i class="fa-solid fa-cart-arrow-down"></i></a>
</div>
</div>
</div>
</header>
<div class="banner-section">
<img src="images/about-banner.jpg" class="desktop-img">
<img src="images/aboutus-mobile.jpg" class="mobile-img">
</div>
<div class="about-section">
<div class="container">
<div class="about-flex">
<div class="left">
<img src="images/about-img.jpg" alt="" class="desktop-img">
<img src="images/about-img-responsive.jpg" alt="" class="mobile-img">
</div>
<div class="right">
<h4>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </h4>
<p class="text">Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of type
and scrambled it to make a type specimen book. It has survived
not only five centuries, but also the leap into electronic
typesetting, remaining essentially unchanged. It was popularised
in the 1960s with the release of Letraset sheets containing
Lorem Ipsum passages, and more recently with desktop publishing
software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p class="text">Contrary to popular belief, Lorem Ipsum is not simply random text.
It has roots in a piece of classical Latin literature from 45 BC,
making it over 2000 years old. </p>
</div>
</div>
</div>
</div>
<div class="what-we-section">
<div class="container">
<h3>What We Believe In</h3>
<div class="what_we_flex">
<div class="what_we_item">
<h4>Lorem Ipsuty pesetting industry. </h4>
<p class="text">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
</div>
<div class="what_we_item">
<h4>Lorem Ipsuty pesetting industry. </h4>
<p class="text">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
</div>
<div class="what_we_item">
<h4>Lorem Ipsuty pesetting industry. </h4>
<p class="text">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
</div>
<div class="what_we_item">
<h4>Lorem Ipsuty pesetting industry. </h4>
<p class="text">Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, </p>
</div>
</div>
</div>
</div>
<!-- ======= Footer ======= -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="footer-info">
<a href=""><img src="images/logo.png" alt="">
</a>
</div>
</div>
<div class="col-md-3 col-6 footer-links">
<!-- <h4>Useful Links</h4> -->
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Our Product</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Privacy policy</a></li>
</ul>
</div>
<div class="col-md-3 col-6 footer_addres_detail">
<p><i class="fa fa-map-marker"></i>A108 Adam Street NY 535022, USA</p>
<p><i class="fa fa-phone"></i> +1 5589 55488 55</p>
<p><i class="fa fa-envelope"></i> [email protected]</p>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>