-
Notifications
You must be signed in to change notification settings - Fork 0
/
wire-mesh.html
228 lines (183 loc) · 11.3 KB
/
wire-mesh.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
<!DOCTYPE html>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="lightBox/css/lightgallery.css">
<title>Wire Mesh - Mesh Point</title>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark font-weight-bold bg-success fixed-top-mod">
<div class="container">
<a class="navbar-brand" href="index.html">Mesh Point</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Caraousel Slider Code -->
<header>
<div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active" style="background-image: url('img/carousel/img1.jpg')">
<div class="carousel-caption d-none d-md-block">
<h2 class="carousel-heading">WE SPECIALIZE IN SCREENING MEDIA SOLUTIONS</h2>
<p class="lead">Love The Nature!</p>
</div>
</div>
<div class="carousel-item" style="background-image: url('img/carousel/img2.jpg')">
<div class="carousel-caption d-none d-md-block">
<h2 class="carousel-heading">WE SPECIALIZE IN SCREENING MEDIA SOLUTIONS</h2>
<p class="lead">Care The Nature!</p>
</div>
</div>
<div class="carousel-item" style="background-image: url('img/carousel/img3.jpg')">
<div class="carousel-caption d-none d-md-block">
<h2 class="carousel-heading animated pulse">WE SPECIALIZE IN SCREENING MEDIA SOLUTIONS</h2>
<p class="lead">Protect The Nature</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</header>
<!-- Header Ends -->
<!-- Content Starts -->
<section class="content bg-white">
<div class="container">
<div id="lightgallery"> <!-- Light Gallery-->
<h2 class="text-center">Our Gallery</h2>
<div class="row">
<div class="col-md-3 mx-auto mt-3 mb-3 item" data-src="img/gallery/20190109_155303.jpg">
<img class="thumbnail" src="img/gallery/20190109_155303.jpg" />
</div>
<div class="col-md-3 mx-auto mt-3 mb-3 item" data-src="img/gallery/20190110_203523.jpg">
<img class="thumbnail" src="img/gallery/20190110_203523.jpg" />
</div>
<div class="col-md-3 mx-auto mt-3 mb-3 item" data-src="img/gallery/20190624_175111.jpg">
<img class="thumbnail" src="img/gallery/20190624_175111.jpg" />
</div>
<div class="col-md-3 mx-auto mt-3 mb-3 item" data-src="img/gallery/20190718_130525.jpg">
<img class="thumbnail" src="img/gallery/20190718_130525.jpg" />
</div>
</div>
<div class="row">
<div class="col-md-3 mx-auto mt-3 mb-3 item" data-src="img/gallery/20190718_190555.jpg">
<img class="thumbnail" src="img/gallery/20190718_190555.jpg" />
</div>
<div class="col-md-3 mx-auto mt-3 mb-3 item" data-src="img/gallery/20190722_170300.jpg">
<img class="thumbnail" src="img/gallery/20190722_170300.jpg" />
</div>
</div>
</div> <!-- Light Gallery-->
<hr>
</div> <!-- Container -->
<div class="description">
<h2>WELDED ROLLS</h2>
<div class="container">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Error similique, impedit mollitia totam excepturi quibusdam, ea assumenda enim officiis itaque inventore incidunt quam laboriosam molestiae modi nostrum pariatur quae ipsam deserunt obcaecati rerum voluptatibus odit quia consequuntur! Necessitatibus labore fugit voluptatum vero illum, tempora doloremque ex sapiente obcaecati a accusantium atque quod sed. Ab, maiores a, natus temporibus voluptatem accusantium deserunt incidunt beatae assumenda aliquam quidem, nam consectetur fugiat blanditiis sunt et similique enim ducimus. Alias, nisi obcaecati tempore omnis quas, at id eum dolores eligendi, aliquam laboriosam consequatur modi ut eos ratione dolorem. Nam incidunt ducimus cum tempora consequatur soluta id repudiandae veniam voluptatem. Reiciendis illo ad quasi fuga doloribus, itaque veritatis explicabo assumenda quod, deserunt facere temporibus, corrupti in possimus et esse. Accusamus omnis voluptatem ducimus vero quisquam, iure modi, debitis in minus temporibus sequi reiciendis animi nisi eaque tenetur sed doloremque eum quas eligendi consectetur nihil. Ut expedita quo placeat reiciendis ex totam commodi illum harum sint. Impedit quo tenetur quis voluptate alias blanditiis veniam? Recusandae dolor veritatis numquam sequi ipsa enim. Tempore ut perferendis alias aut dolore officia facere delectus voluptatum ipsam, quas ad, ex sint eius reiciendis quisquam nobis iusto soluta autem architecto nostrum quasi? Expedita, distinctio possimus! Fuga aut doloremque error ducimus doloribus aliquid suscipit. Ullam placeat officia accusamus impedit nostrum? Odio fuga eius, ducimus quia, incidunt consequatur inventore corrupti porro quisquam, quo nesciunt dolorem a molestiae dolorum nihil velit voluptatibus exercitationem debitis doloremque at vero eos ipsa aliquam itaque. Laudantium iusto minima, sit veniam quasi accusantium totam officiis, iste facere dicta itaque. Magni cumque qui, suscipit autem possimus neque voluptas vel iure voluptates officia exercitationem sit. Incidunt officia minus porro accusamus quisquam totam consequuntur facilis ipsa? Praesentium voluptatem, corrupti pariatur labore saepe eum iste impedit voluptatum alias culpa, et ea assumenda. Accusamus, ut? Molestias quia, assumenda vel facere aliquam consectetur eligendi dolore quisquam, ratione quidem laboriosam rem pariatur eaque impedit perferendis, exercitationem velit repudiandae esse! Nulla ipsa nemo inventore illo ab vel blanditiis laboriosam numquam quis possimus commodi ex, reprehenderit quod aliquid cumque dolores magni sed tempore doloribus suscipit debitis odit! Facere qui at sunt tempora praesentium a expedita? Nemo aspernatur, cumque in, recusandae sint a quidem vero culpa itaque eveniet sed illo unde inventore ipsum totam exercitationem nihil iure blanditiis assumenda possimus quaerat vel neque quia. Minus voluptatibus in, possimus quod doloribus autem blanditiis doloremque, pariatur vitae aliquid, deserunt temporibus minima natus!
</div>
</div>
</section>
<!-- Content Ends -->
<!-- Footer Starts -->
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-lg-4 mx-auto" id="left-footer-column">
<h2>Reviews</h2>
<p>"We have been using the screens from Ashar Locker for last few years. The quality of their products has been top notch. The service and support has been exemplary. Keep up the good work."</p>
</div>
<div class="col-lg-4 mx-auto" id="center-footer-column">
<h2>Company Address</h2>
<ul class="address">
<li>Mesh Point & Engineering</li>
<li>14/693A, Near Vinayaka Temple</li>
<li>Chathamangalam, Nemmara</li>
<li>Palakkad - 678508</li>
<li>Phone: +91 4923320087</li>
<li>Mobile: +91 9946623217</li>
<li>Email: [email protected]</li>
</ul>
</div>
<div class="col-lg-4 mx-auto" id="right-footer-column">
<h2>Follow Us</h2>
<ul class="social-media">
<li>
<img src="img/svg-icons/social-media/facebook.svg" alt="">
</li>
<li>
<img src="img/svg-icons/social-media/youtube.svg" alt="">
</li>
<li>
<img src="img/svg-icons/social-media/whatsapp.svg" alt="">
</li>
<li>
<img src="img/svg-icons/social-media/twitter.svg" alt="">
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- Footer Ends -->
<section class="copyright">
<p>2019@CopyRight HarishST CreationZ</p>
</section>
<!-- Optional JavaScript -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/visible.js"></script>
<script src="lightBox/js/lightgallery.js"></script>
<!-- A jQuery plugin that adds cross-browser mouse wheel support. (Optional) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script>
<script>
$(document).ready(function() {
$("#lightgallery").lightGallery({
selector: '.item'
});
});
</script>
</body>
</html>