BJ_web_developers / webportal

Commit 289a826e724bfe900a921ab8ed7dbab4999a0a89

Authored by liuqimichale
2 parents 5bb13652 b0b3de23

Merge branch 'test' of http://192.168.1.195:9998/web_developers/webportal into test 

# Conflicts:
#	index.html
#	style.css
Inline Side-by-side
Showing 2 changed files with 909 additions and 1039 deletions
index.html
  View file @289a826
1 <!Doctype html> 1 <!Doctype html>
2 <html class="no-js" lang="en"> 2 <html class="no-js" lang="en">
3 - <head>  
4 - <meta charset="utf-8">  
5 - <meta http-equiv="x-ua-compatible" content="ie=edge">  
6 - <title>Ruby - Responsive Corporate Tempalte</title>  
7 - <meta name="description" content="">  
8 - <meta name="viewport" content="width=device-width, initial-scale=1">  
9 -  
10 - <link type="text/css" rel="icon" href="img/header-logo1.png">  
11 - <!-- Place favicon.ico in the root directory -->  
12 -  
13 - <!-- Google Fonts -->  
14 - <!--<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">-->  
15 -  
16 - <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">  
17 - <link type="text/css" rel="stylesheet" href="css/slicknav.min.css">  
18 - <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css">  
19 - <link type="text/css" rel="stylesheet" href="css/owl.carousel.min.css">  
20 - <link type="text/css" rel="stylesheet" href="css/owl.theme.default.min.css">  
21 - <link type="text/css" rel="stylesheet" href="css/animate.min.css">  
22 - <link type="text/css" rel="stylesheet" href="css/animate-text.css">  
23 - <link type="text/css" rel="stylesheet" href="css/magnific-popup.css">  
24 - <link type="text/css" rel="stylesheet" href="css/font-awesome.min.css">  
25 -  
26 - <!-- Ruby CSS -->  
27 - <link type="text/css" rel="stylesheet" href="css/normalize.css">  
28 - <link type="text/css" rel="stylesheet" href="style.css">  
29 - <link type="text/css" rel="stylesheet" href="css/responsive.css">  
30 -  
31 - <!-- Color CSS -->  
32 - <link type="text/css" rel="stylesheet" href="css/color/color7.css">  
33 - <!--<link rel="stylesheet" href="css/color/color1.css">-->  
34 - <!--<link rel="stylesheet" href="css/color/color2.css">-->  
35 - <!--<link rel="stylesheet" href="css/color/color3.css">-->  
36 - <!--<link rel="stylesheet" href="css/color/color4.css">-->  
37 - <!--<link rel="stylesheet" href="css/color/color5.css">-->  
38 - <!--<link rel="stylesheet" href="css/color/color6.css">-->  
39 - <!--<link rel="stylesheet" href="css/color/color8.css">-->  
40 - <!--<link rel="stylesheet" href="css/color/color9.css">-->  
41 -  
42 - <link type="text/css" rel="stylesheet" href="" id="colors">  
43 -  
44 - </head>  
45 - <body>  
46 -  
47 - <div class="color-plate ">  
48 - <a class="icon"><i class="fa fa-cog fa-spin"></i></a>  
49 - <h2>Ruby Color</h2>  
50 - <div class="color-head">  
51 - <span class="color1"></span>  
52 - <span class="color2"></span>  
53 - <span class="color3"></span>  
54 - <span class="color4"></span>  
55 - <span class="color5"></span>  
56 - <span class="color6"></span>  
57 - <span class="color7"></span>  
58 - <span class="color8"></span>  
59 - <span class="color9"></span>  
60 - </div>  
61 - </div> 3 +<head>
  4 + <meta charset="utf-8">
  5 + <meta http-equiv="x-ua-compatible" content="ie=edge">
  6 + <title>Ruby - Responsive Corporate Tempalte</title>
  7 + <meta name="description" content="">
  8 + <meta name="viewport" content="width=device-width, initial-scale=1">
  9 +
  10 + <link type="text/css" rel="icon" href="img/header-logo1.png">
  11 + <!-- Place favicon.ico in the root directory -->
  12 +
  13 + <!-- Google Fonts -->
  14 + <!--<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">-->
  15 +
  16 + <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
  17 + <link type="text/css" rel="stylesheet" href="css/slicknav.min.css">
  18 + <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css">
  19 + <link type="text/css" rel="stylesheet" href="css/owl.carousel.min.css">
  20 + <link type="text/css" rel="stylesheet" href="css/owl.theme.default.min.css">
  21 + <link type="text/css" rel="stylesheet" href="css/animate.min.css">
  22 + <link type="text/css" rel="stylesheet" href="css/animate-text.css">
  23 + <link type="text/css" rel="stylesheet" href="css/magnific-popup.css">
  24 + <link type="text/css" rel="stylesheet" href="css/font-awesome.min.css">
  25 +
  26 + <!-- Ruby CSS -->
  27 + <link type="text/css" rel="stylesheet" href="css/normalize.css">
  28 + <link type="text/css" rel="stylesheet" href="style.css">
  29 + <link type="text/css" rel="stylesheet" href="css/responsive.css">
  30 +
  31 + <!-- Color CSS -->
  32 + <link type="text/css" rel="stylesheet" href="css/color/color7.css">
  33 + <!--<link rel="stylesheet" href="css/color/color1.css">-->
  34 + <!--<link rel="stylesheet" href="css/color/color2.css">-->
  35 + <!--<link rel="stylesheet" href="css/color/color3.css">-->
  36 + <!--<link rel="stylesheet" href="css/color/color4.css">-->
  37 + <!--<link rel="stylesheet" href="css/color/color5.css">-->
  38 + <!--<link rel="stylesheet" href="css/color/color6.css">-->
  39 + <!--<link rel="stylesheet" href="css/color/color8.css">-->
  40 + <!--<link rel="stylesheet" href="css/color/color9.css">-->
  41 +
  42 + <link type="text/css" rel="stylesheet" href="" id="colors">
  43 +
  44 +</head>
  45 +<body>
  46 +
  47 +<div class="color-plate ">
  48 + <a class="icon"><i class="fa fa-cog fa-spin"></i></a>
  49 + <h2>Ruby Color</h2>
  50 + <div class="color-head">
  51 + <span class="color1"></span>
  52 + <span class="color2"></span>
  53 + <span class="color3"></span>
  54 + <span class="color4"></span>
  55 + <span class="color5"></span>
  56 + <span class="color6"></span>
  57 + <span class="color7"></span>
  58 + <span class="color8"></span>
  59 + <span class="color9"></span>
  60 + </div>
  61 +</div>
62 62
63 <!-- Header Area --> 63 <!-- Header Area -->
64 <header id="header" class="header"> 64 <header id="header" class="header">
@@ -113,832 +113,822 @@ @@ -113,832 +113,822 @@
113 </header> 113 </header>
114 <!--/ End Header Area --> 114 <!--/ End Header Area -->
115 115
116 - <!-- Slider Area -->  
117 - <section id="slider">  
118 - <div class="single-slider" style="background-image:url('img/slider1.jpg')">  
119 - <div id="particles-js"></div>  
120 - <div class="container">  
121 - <div class="row">  
122 - <div class="col-md-12">  
123 - <div class="text">  
124 - <h1 class="cd-headline clip is-full-width">  
125 - awesome creative  
126 - <span class="cd-words-wrapper"> 116 +<!-- Slider Area -->
  117 +<section id="slider">
  118 + <div class="single-slider" style="background-image:url('img/slider1.jpg')">
  119 + <div id="particles-js"></div>
  120 + <div class="container">
  121 + <div class="row">
  122 + <div class="col-md-12">
  123 + <div class="text">
  124 + <h1 class="cd-headline clip is-full-width">
  125 + awesome creative
  126 + <span class="cd-words-wrapper">
127 <b class="is-visible">design</b> 127 <b class="is-visible">design</b>
128 <b>Theme</b> 128 <b>Theme</b>
129 <b>codes</b> 129 <b>codes</b>
130 </span> 130 </span>
131 - </h1>  
132 - <p>Lorem Ipsum is simply dummy text of the printing and printing and typesetting industry.<br> Lorem Ipsum has been the industry's</p>  
133 - <div class="button-head">  
134 - <div class="button">  
135 - <span></span>  
136 - <a href="#" class="btn">Load More</a>  
137 - </div>  
138 - </div>  
139 - </div>  
140 - </div>  
141 - </div>  
142 - </div>  
143 - </div>  
144 - </section>  
145 - <!--/ End Slider Area -->  
146 -  
147 - <!-- features Area -->  
148 - <section id="features" class="section">  
149 - <div class="container">  
150 - <div class="row">  
151 - <div class="col-md-12">  
152 - <div class="section-title">  
153 - <h2>Our Feautes</h2>  
154 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>  
155 - </div>  
156 - </div>  
157 - </div>  
158 - <div class="row">  
159 - <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.9s">  
160 - <div class="feature-left">  
161 - <img src="img/computer.jpg" alt="#">  
162 - </div>  
163 - </div>  
164 - <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s">  
165 - <div class="feature-right">  
166 - <div class="single-right">  
167 - <i class="fa fa-line-chart" aria-hidden="true"></i>  
168 - <div class="right-content">  
169 - <h3>UX design</h3>  
170 - <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P>  
171 - </div>  
172 - </div>  
173 - <div class="single-right">  
174 - <i class="fa fa-database" aria-hidden="true"></i>  
175 - <div class="right-content">  
176 - <h3>UI design</h3>  
177 - <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P>  
178 - </div>  
179 - </div>  
180 - <div class="single-right">  
181 - <i class="fa fa-cubes" aria-hidden="true"></i>  
182 - <div class="right-content">  
183 - <h3>SEO Services</h3>  
184 - <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P>  
185 - </div>  
186 - </div>  
187 - <div class="single-right">  
188 - <i class="fa fa-desktop" aria-hidden="true"></i>  
189 - <div class="right-content">  
190 - <h3>Web Development</h3>  
191 - <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P>  
192 - </div>  
193 - </div>  
194 - </div>  
195 - </div>  
196 - </div>  
197 - </div>  
198 - </section>  
199 - <!--/ End features Area -->  
200 -  
201 - <!-- Start Service area -->  
202 - <section id="Services" class="section">  
203 - <div class="container">  
204 - <div class="row">  
205 - <div class="col-md-12">  
206 - <div class="section-title">  
207 - <h2>Exclusive <span>Services</span></h2>  
208 - <p>We create exclusive & creative Stuffs for our awesome clients</p>  
209 - </div>  
210 - </div>  
211 - </div>  
212 - <div class="row">  
213 - <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.4s">  
214 - <div class="single-service">  
215 - <i class="fa fa-briefcase" aria-hidden="true"></i>  
216 - <h3>Web Design</h3>  
217 - <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>  
218 - </div>  
219 - </div>  
220 - <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.5s">  
221 - <div class="single-service">  
222 - <i class="fa fa-lightbulb-o" aria-hidden="true"></i>  
223 - <h3>Web Development</h3>  
224 - <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>  
225 - </div>  
226 - </div>  
227 - <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.6s">  
228 - <div class="single-service">  
229 - <i class="fa fa-paper-plane" aria-hidden="true"></i>  
230 - <h3>Investment Plan</h3>  
231 - <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>  
232 - </div>  
233 - </div>  
234 - <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.7s">  
235 - <div class="single-service">  
236 - <i class="fa fa-meetup" aria-hidden="true"></i>  
237 - <h3>Finance Support</h3>  
238 - <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>  
239 - </div>  
240 - </div>  
241 - <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.8s">  
242 - <div class="single-service">  
243 - <i class="fa fa-globe" aria-hidden="true"></i>  
244 - <h3>World Marketing</h3>  
245 - <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>  
246 - </div>  
247 - </div>  
248 - <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.9s">  
249 - <div class="single-service">  
250 - <i class="fa fa-clock-o" aria-hidden="true"></i>  
251 - <h3>Perfect Solution</h3>  
252 - <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>  
253 - </div>  
254 - </div> 131 + </h1>
  132 + <p>Lorem Ipsum is simply dummy text of the printing and printing and typesetting industry.<br> Lorem Ipsum has been the industry's</p>
  133 + <div class="button-head">
  134 + <div class="button">
  135 + <span></span>
  136 + <a href="#" class="btn">Load More</a>
  137 + </div>
  138 + </div>
  139 + </div>
  140 + </div>
  141 + </div>
  142 + </div>
  143 + </div>
  144 +</section>
  145 +<!--/ End Slider Area -->
255 146
256 - </div>  
257 - </div>  
258 - </section>  
259 - <!-- End Service -->  
260 -  
261 - <!-- Latest Works Area -->  
262 - <section id="latest-works" class="latest-works section">  
263 - <div class="container">  
264 - <div class="row">  
265 - <div class="col-md-12">  
266 - <div class="section-title">  
267 - <h2>Latest Works</h2>  
268 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>  
269 - </div>  
270 - </div>  
271 - </div>  
272 - <div class="row">  
273 - <div class="col-md-12 col-sm-12 col-xs-12">  
274 - <!-- Project Nav -->  
275 - <div class="works-menu wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">  
276 - <ul>  
277 - <li class="active" data-filter="*">All Works</li>  
278 - <li data-filter=".print">Print</li>  
279 - <li data-filter=".identity">Identity</li>  
280 - <li data-filter=".branding">Branding</li>  
281 - <li data-filter=".web">Web</li>  
282 - <li data-filter=".wordpress">Wordpress</li>  
283 - </ul>  
284 - </div>  
285 - <!--/ End Project Nav -->  
286 - </div>  
287 - </div>  
288 - <div class="row">  
289 - <div class="isotop-active">  
290 - <div class="col-md-4 col-sm-4 col-xs-12 print identity">  
291 - <!-- Single Works -->  
292 - <div class="single-work">  
293 - <img src="img/pf1.jpg" alt="">  
294 - <div class="works-hover">  
295 - <a href="portfolio-single.html"><h4>Project Name</h4></a>  
296 - <a class="link popup" href="img/pf1.jpg"><i class="fa fa-picture-o" aria-hidden="true"></i></a>  
297 - <a href="portfolio-single.html"><i class="fa fa-link" aria-hidden="true"></i></a>  
298 - </div>  
299 - </div>  
300 - <!--/ End Single Works -->  
301 - </div>  
302 - <div class="col-md-4 col-sm-4 col-xs-12 wordpress branding">  
303 - <!-- Single Works -->  
304 - <div class="single-work">  
305 - <img src="img/pf2.jpg" alt="">  
306 - <div class="works-hover">  
307 - <a href="portfolio-single.html"><h4>Project Name</h4></a>  
308 - <a class="link popup" href="img/pf2.jpg"><i class="fa fa-picture-o" aria-hidden="true"></i></a>  
309 - <a href="portfolio-single.html"><i class="fa fa-link" aria-hidden="true"></i></a>  
310 - </div>  
311 - </div>  
312 - <!--/ End Single Works -->  
313 - </div>  
314 - <div class="col-md-4 col-sm-4 col-xs-12 web">  
315 - <!-- Single Works -->  
316 - <div class="single-work">  
317 - <img src="img/pf3.jpg" alt="">  
318 - <div class="works-hover">  
319 - <a href="portfolio-single.html"><h4>Project Name</h4></a>  
320 - <a class="link popup" href="img/pf3.jpg"><i class="fa fa-picture-o" aria-hidden="true"></i></a>  
321 - <a href="portfolio-single.html"><i class="fa fa-link" aria-hidden="true"></i></a>  
322 - </div>  
323 - </div>  
324 - <!--/ End Single Works -->  
325 - </div>  
326 - <div class="col-md-4 col-sm-4 col-xs-12 wordpress">  
327 - <!-- Single Works -->  
328 - <div class="single-work">  
329 - <img src="img/pf4.jpg" alt="#">  
330 - <div class="works-hover">  
331 - <a href="portfolio-single.html"><h4>Project Name</h4></a>  
332 - <a class="link popup" href="img/pf4.jpg"><i class="fa fa-picture-o" aria-hidden="true"></i></a>  
333 - <a href="portfolio-single.html"><i class="fa fa-link" aria-hidden="true"></i></a>  
334 - </div>  
335 - </div>  
336 - <!--/ End Single Works -->  
337 - </div>  
338 - <div class="col-md-4 col-sm-4 col-xs-12 branding">  
339 - <!-- Single Works -->  
340 - <div class="single-work">  
341 - <img src="img/pf5.jpg" alt="#">  
342 - <div class="works-hover">  
343 - <a href="portfolio-single.html"><h4>Project Name</h4></a>  
344 - <a class="link popup" href="img/pf5.jpg"><i class="fa fa-picture-o" aria-hidden="true"></i></a>  
345 - <a href="portfolio-single.html"><i class="fa fa-link" aria-hidden="true"></i></a>  
346 - </div>  
347 - </div>  
348 - <!--/ End Single Works -->  
349 - </div>  
350 - <div class="col-md-4 col-sm-4 col-xs-12 web print">  
351 - <!-- Single Works -->  
352 - <div class="single-work">  
353 - <img src="img/pf6.jpg" alt="#">  
354 - <div class="works-hover">  
355 - <a href="portfolio-single.html"><h4>Project Name</h4></a>  
356 - <a class="link popup" href="img/pf6.jpg"><i class="fa fa-picture-o" aria-hidden="true"></i></a>  
357 - <a href="portfolio-single.html"><i class="fa fa-link" aria-hidden="true"></i></a>  
358 - </div>  
359 - </div>  
360 - <!--/ End Single Works -->  
361 - </div>  
362 - </div>  
363 - </div>  
364 - <div class="row">  
365 - <div class="col-md-12">  
366 - <div class="button-head">  
367 - <div class="button">  
368 - <span></span>  
369 - <a href="#" class="btn">Load More</a>  
370 - </div>  
371 - </div>  
372 - </div>  
373 - </div>  
374 - </div>  
375 - </section>  
376 - <!--/ End Works Area --> 147 +<!-- features Area -->
  148 +<section id="features" class="section">
  149 + <div class="container">
  150 + <div class="row">
  151 + <div class="col-md-12">
  152 + <div class="section-title">
  153 + <h2>Our Feautes</h2>
  154 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
  155 + </div>
  156 + </div>
  157 + </div>
  158 + <div class="row">
  159 + <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.9s">
  160 + <div class="feature-left">
  161 + <img src="img/computer.jpg" alt="#">
  162 + </div>
  163 + </div>
  164 + <div class="col-md-6 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s">
  165 + <div class="feature-right">
  166 + <div class="single-right">
  167 + <i class="fa fa-line-chart" aria-hidden="true"></i>
  168 + <div class="right-content">
  169 + <h3>UX design</h3>
  170 + <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P>
  171 + </div>
  172 + </div>
  173 + <div class="single-right">
  174 + <i class="fa fa-database" aria-hidden="true"></i>
  175 + <div class="right-content">
  176 + <h3>UI design</h3>
  177 + <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P>
  178 + </div>
  179 + </div>
  180 + <div class="single-right">
  181 + <i class="fa fa-cubes" aria-hidden="true"></i>
  182 + <div class="right-content">
  183 + <h3>SEO Services</h3>
  184 + <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P>
  185 + </div>
  186 + </div>
  187 + <div class="single-right">
  188 + <i class="fa fa-desktop" aria-hidden="true"></i>
  189 + <div class="right-content">
  190 + <h3>Web Development</h3>
  191 + <P>Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater</P>
  192 + </div>
  193 + </div>
  194 + </div>
  195 + </div>
  196 + </div>
  197 + </div>
  198 +</section>
  199 +<!--/ End features Area -->
377 200
378 - <!-- Testimonials -->  
379 - <section id="testimonials" class="section" data-stellar-background-ratio="0.5">  
380 - <section class="bg">  
381 - <div class="container">  
382 - <div class="row">  
383 - <div class="col-md-12 col-sm-12 col-xs-12">  
384 - <div class="owl-carousel testimonial-slider">  
385 - <div class="single-testimonial">  
386 - <img src="img/testi-1.jpg" alt="#">  
387 - <h2><i>What Clients Says</i></h2>  
388 - <p><i class="fa fa-quote-left" aria-hidden="true"></i><i>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.<i class="fa fa-quote-right" aria-hidden="true"></i></i></p>  
389 - <span> -Naimur Rahman</span>  
390 - </div>  
391 - <div class="single-testimonial">  
392 - <img src="img/testi-2.jpg" alt="#">  
393 - <h2><i>What Clients Says</i></h2>  
394 - <p><i class="fa fa-quote-left" aria-hidden="true"></i><i>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.<i class="fa fa-quote-right" aria-hidden="true"></i></i></p>  
395 - <span> -Rakib Hasan</span>  
396 - </div>  
397 - <div class="single-testimonial">  
398 - <img src="img/testi-3.jpg" alt="#">  
399 - <h2><i>What Clients Says</i></h2>  
400 - <p><i class="fa fa-quote-left" aria-hidden="true"></i><i>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.<i class="fa fa-quote-right" aria-hidden="true"></i></i></p>  
401 - <span> -Sabbir Ahmed</span>  
402 - </div> 201 +<!-- Start Service area -->
  202 +<section id="Services" class="section">
  203 + <div class="container">
  204 + <div class="row">
  205 + <div class="col-md-12">
  206 + <div class="section-title">
  207 + <h2>Exclusive <span>Services</span></h2>
  208 + <p>We create exclusive & creative Stuffs for our awesome clients</p>
  209 + </div>
  210 + </div>
  211 + </div>
  212 + <div class="row">
  213 + <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.4s">
  214 + <div class="single-service">
  215 + <i class="fa fa-briefcase" aria-hidden="true"></i>
  216 + <h3>Web Design</h3>
  217 + <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>
  218 + </div>
  219 + </div>
  220 + <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.5s">
  221 + <div class="single-service">
  222 + <i class="fa fa-lightbulb-o" aria-hidden="true"></i>
  223 + <h3>Web Development</h3>
  224 + <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>
  225 + </div>
  226 + </div>
  227 + <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.6s">
  228 + <div class="single-service">
  229 + <i class="fa fa-paper-plane" aria-hidden="true"></i>
  230 + <h3>Investment Plan</h3>
  231 + <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>
  232 + </div>
  233 + </div>
  234 + <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.7s">
  235 + <div class="single-service">
  236 + <i class="fa fa-meetup" aria-hidden="true"></i>
  237 + <h3>Finance Support</h3>
  238 + <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>
  239 + </div>
  240 + </div>
  241 + <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.8s">
  242 + <div class="single-service">
  243 + <i class="fa fa-globe" aria-hidden="true"></i>
  244 + <h3>World Marketing</h3>
  245 + <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>
  246 + </div>
  247 + </div>
  248 + <div class="col-md-4 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.9s">
  249 + <div class="single-service">
  250 + <i class="fa fa-clock-o" aria-hidden="true"></i>
  251 + <h3>Perfect Solution</h3>
  252 + <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>
  253 + </div>
  254 + </div>
403 255
  256 + </div>
  257 + </div>
  258 +</section>
  259 +<!-- End Service -->
404 260
405 - </div>  
406 - </div>  
407 - </div>  
408 - </div>  
409 - </section>  
410 - </section>  
411 - <!--/ End Testimonials -->  
412 - <div class="tlinks">Collect from <a href="http://www.cssmoban.com/" title="็ฝ‘็ซ™ๆจกๆฟ">็ฝ‘็ซ™ๆจกๆฟ</a></div>  
413 -  
414 - <!-- Blog -->  
415 - <section id="blog" class="section">  
416 - <div class="container">  
417 - <div class="row">  
418 - <div class="col-md-12">  
419 - <div class="section-title">  
420 - <h2>latest News</h2>  
421 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>  
422 - </div>  
423 - </div>  
424 - </div>  
425 - <div class="row">  
426 - <div class="col-md-4 col-sm-12 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.4s">  
427 - <div class="single-news">  
428 - <div class="news-head">  
429 - <img src="img/blog1.jpg" alt="#">  
430 - </div>  
431 - <div class="news-body">  
432 - <h3 class="date">25<span>nov</span></h3>  
433 - <h2><a href="blog-single.html"> give us that</a></h2>  
434 - <div class="title"><span class="user"><i class="fa fa-user" aria-hidden="true"></i>adminaccess</span> <span class="comment"><i class="fa fa-comment-o" aria-hidden="true"></i>no comment</span></div>  
435 - <p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>  
436 - <a href="blog-single.html" class="btn">Read More<i class="fa fa-caret-right" aria-hidden="true"></i></a>  
437 - </div>  
438 - </div>  
439 - </div>  
440 - <div class="col-md-4 col-sm-12 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.6s">  
441 - <div class="single-news">  
442 - <div class="news-head">  
443 - <img src="img/blog2.jpg" alt="#">  
444 - </div>  
445 - <div class="news-body">  
446 - <h3 class="date">30<span>nov</span></h3>  
447 - <h2><a href="blog-single.html"> consisting with technology</a></h2>  
448 - <div class="title"><span class="user"><i class="fa fa-user" aria-hidden="true"></i>adminaccess</span> <span class="comment"><i class="fa fa-comment-o" aria-hidden="true"></i>no comment</span></div>  
449 - <p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>  
450 - <a href="blog-single.html" class="btn">Read More<i class="fa fa-caret-right" aria-hidden="true"></i></a>  
451 - </div>  
452 - </div>  
453 - </div>  
454 - <div class="col-md-4 col-sm-12 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.9s">  
455 - <div class="single-news">  
456 - <div class="news-head">  
457 - <img src="img/blog3.jpg" alt="#">  
458 - </div>  
459 - <div class="news-body">  
460 - <h3 class="date">05<span>dec</span></h3>  
461 - <h2><a href="blog-single.html">the inline product </a></h2>  
462 - <div class="title"><span class="user"><i class="fa fa-user" aria-hidden="true"></i>adminaccess</span> <span class="comment"><i class="fa fa-comment-o" aria-hidden="true"></i>no comment</span></div>  
463 - <p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>  
464 - <a href="blog-single.html" class="btn">Read More<i class="fa fa-caret-right" aria-hidden="true"></i></a>  
465 - </div>  
466 - </div>  
467 - </div>  
468 - </div>  
469 - <div class="row">  
470 - <div class="col-md-12">  
471 - <div class="button-head">  
472 - <div class="button">  
473 - <span></span>  
474 - <a href="#" class="btn">Load More</a>  
475 - </div>  
476 - </div>  
477 - </div>  
478 - </div>  
479 - </div>  
480 - </section>  
481 - <!--/ End Newslatter --> 261 +<!-- Latest Works Area -->
  262 +<section id="latest-works" class="latest-works section">
  263 + <div class="container">
  264 + <div class="row">
  265 + <div class="col-md-12">
  266 + <div class="section-title">
  267 + <h2>Latest Works</h2>
  268 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
  269 + </div>
  270 + </div>
  271 + </div>
  272 + <div class="row">
  273 + <div class="col-md-12 col-sm-12 col-xs-12">
  274 + <!-- Project Nav -->
  275 + <div class="works-menu wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.4s">
  276 + <ul>
  277 + <li class="active" data-filter="*">All Works</li>
  278 + <li data-filter=".print">Print</li>
  279 + <li data-filter=".identity">Identity</li>
  280 + <li data-filter=".branding">Branding</li>
  281 + <li data-filter=".web">Web</li>
  282 + <li data-filter=".wordpress">Wordpress</li>
  283 + </ul>
  284 + </div>
  285 + <!--/ End Project Nav -->
  286 + </div>
  287 + </div>
  288 + <div class="row">
  289 + <div class="isotop-active">
  290 + <div class="col-md-4 col-sm-4 col-xs-12 print identity">
  291 + <!-- Single Works -->
  292 + <div class="single-work">
  293 + <img src="img/pf1.jpg" alt="">
  294 + <div class="works-hover">
  295 + <a href="portfolio-single.html"><h4>Project Name</h4></a>
  296 + <a class="link popup" href="img/pf1.jpg"><i class="fa fa-picture-o" aria-hidden="true"></i></a>
  297 + <a href="portfolio-single.html"><i class="fa fa-link" aria-hidden="true"></i></a>
  298 + </div>
  299 + </div>
  300 + <!--/ End Single Works -->
  301 + </div>
  302 + <div class="col-md-4 col-sm-4 col-xs-12 wordpress branding">
  303 + <!-- Single Works -->
  304 + <div class="single-work">
  305 + <img src="img/pf2.jpg" alt="">
  306 + <div class="works-hover">
  307 + <a href="portfolio-single.html"><h4>Project Name</h4></a>
  308 + <a class="link popup" href="img/pf2.jpg"><i class="fa fa-picture-o" aria-hidden="true"></i></a>
  309 + <a href="portfolio-single.html"><i class="fa fa-link" aria-hidden="true"></i></a>
  310 + </div>
  311 + </div>
  312 + <!--/ End Single Works -->
  313 + </div>
  314 + <div class="col-md-4 col-sm-4 col-xs-12 web">
  315 + <!-- Single Works -->
  316 + <div class="single-work">
  317 + <img src="img/pf3.jpg" alt="">
  318 + <div class="works-hover">
  319 + <a href="portfolio-single.html"><h4>Project Name</h4></a>
  320 + <a class="link popup" href="img/pf3.jpg"><i class="fa fa-picture-o" aria-hidden="true"></i></a>
  321 + <a href="portfolio-single.html"><i class="fa fa-link" aria-hidden="true"></i></a>
  322 + </div>
  323 + </div>
  324 + <!--/ End Single Works -->
  325 + </div>
  326 + <div class="col-md-4 col-sm-4 col-xs-12 wordpress">
  327 + <!-- Single Works -->
  328 + <div class="single-work">
  329 + <img src="img/pf4.jpg" alt="#">
  330 + <div class="works-hover">
  331 + <a href="portfolio-single.html"><h4>Project Name</h4></a>
  332 + <a class="link popup" href="img/pf4.jpg"><i class="fa fa-picture-o" aria-hidden="true"></i></a>
  333 + <a href="portfolio-single.html"><i class="fa fa-link" aria-hidden="true"></i></a>
  334 + </div>
  335 + </div>
  336 + <!--/ End Single Works -->
  337 + </div>
  338 + <div class="col-md-4 col-sm-4 col-xs-12 branding">
  339 + <!-- Single Works -->
  340 + <div class="single-work">
  341 + <img src="img/pf5.jpg" alt="#">
  342 + <div class="works-hover">
  343 + <a href="portfolio-single.html"><h4>Project Name</h4></a>
  344 + <a class="link popup" href="img/pf5.jpg"><i class="fa fa-picture-o" aria-hidden="true"></i></a>
  345 + <a href="portfolio-single.html"><i class="fa fa-link" aria-hidden="true"></i></a>
  346 + </div>
  347 + </div>
  348 + <!--/ End Single Works -->
  349 + </div>
  350 + <div class="col-md-4 col-sm-4 col-xs-12 web print">
  351 + <!-- Single Works -->
  352 + <div class="single-work">
  353 + <img src="img/pf6.jpg" alt="#">
  354 + <div class="works-hover">
  355 + <a href="portfolio-single.html"><h4>Project Name</h4></a>
  356 + <a class="link popup" href="img/pf6.jpg"><i class="fa fa-picture-o" aria-hidden="true"></i></a>
  357 + <a href="portfolio-single.html"><i class="fa fa-link" aria-hidden="true"></i></a>
  358 + </div>
  359 + </div>
  360 + <!--/ End Single Works -->
  361 + </div>
  362 + </div>
  363 + </div>
  364 + <div class="row">
  365 + <div class="col-md-12">
  366 + <div class="button-head">
  367 + <div class="button">
  368 + <span></span>
  369 + <a href="#" class="btn">Load More</a>
  370 + </div>
  371 + </div>
  372 + </div>
  373 + </div>
  374 + </div>
  375 +</section>
  376 +<!--/ End Works Area -->
482 377
483 - <!-- Fun Facts Area -->  
484 - <section id="fun-facts" class="fun-facts section" data-stellar-background-ratio="0.5">  
485 - <div class="bf-color">  
486 - <div class="container">  
487 - <div class="row">  
488 - <div class="col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.4s">  
489 - <!-- Single Fun -->  
490 - <div class="single-fun">  
491 - <i class="fa fa-th-list" aria-hidden="true"></i>  
492 - <span class="counter">3468</span>  
493 - <p>Project Finished</p>  
494 - </div>  
495 - <!--/ End Single Fun -->  
496 - </div>  
497 - <div class="col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.6s">  
498 - <!-- Single Fun -->  
499 - <div class="single-fun">  
500 - <i class="fa fa-smile-o" aria-hidden="true"></i>  
501 - <span class="counter">468</span>  
502 - <p>Happy Clients</p>  
503 - </div>  
504 - <!--/ End Single Fun -->  
505 - </div>  
506 - <div class="col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.8s">  
507 - <!-- Single Fun -->  
508 - <div class="single-fun">  
509 - <i class="fa fa-briefcase" aria-hidden="true"></i>  
510 - <span class="counter">4368</span>  
511 - <p>Hourse Work</p>  
512 - </div>  
513 - <!--/ End Single Fun -->  
514 - </div>  
515 - <div class="col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="1s">  
516 - <!-- Single Fun -->  
517 - <div class="single-fun">  
518 - <i class="fa fa-coffee" aria-hidden="true"></i>  
519 - <span class="counter">3468</span>  
520 - <p>Cups of coffes</p>  
521 - </div>  
522 - <!--/ End Single Fun -->  
523 - </div>  
524 - </div>  
525 - </div>  
526 - </div>  
527 - </section>  
528 - <!--/ End Fun Facts Area -->  
529 -  
530 - <!-- Team -->  
531 - <section id="team" class="section">  
532 - <div class="container">  
533 - <div class="row">  
534 - <div class="col-md-12 col-sm-12">  
535 - <div class="section-title">  
536 - <h2>our creative team</h2>  
537 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>  
538 - </div>  
539 - </div>  
540 - </div>  
541 - <div class="row">  
542 - <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.7s">  
543 - <!-- Single Team -->  
544 - <div class="single-team">  
545 - <div class="team-head">  
546 - <img src="img/team1.png" alt="">  
547 - <div class="team-hover">  
548 - <ul class="social">  
549 - <li><a href="#"><i class="fa fa-facebook"></i></a></li>  
550 - <li><a href="#"><i class="fa fa-twitter"></i></a></li>  
551 - <li><a href="#"><i class="fa fa-dribbble"></i></a></li>  
552 - <li><a href="#"><i class="fa fa-linkedin"></i></a></li>  
553 - </ul>  
554 - </div>  
555 - </div>  
556 - <div class="t-name">  
557 - <h4>naimur rahman<span>Branding</span></h4>  
558 - </div>  
559 - </div>  
560 - <!--/ End Single Team -->  
561 - </div>  
562 - <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.6s">  
563 - <!-- Single Team -->  
564 - <div class="single-team">  
565 - <div class="team-head">  
566 - <img src="img/team2.png" alt="">  
567 - <div class="team-hover">  
568 - <ul class="social">  
569 - <li><a href="#"><i class="fa fa-facebook"></i></a></li>  
570 - <li><a href="#"><i class="fa fa-twitter"></i></a></li>  
571 - <li><a href="#"><i class="fa fa-dribbble"></i></a></li>  
572 - <li><a href="#"><i class="fa fa-linkedin"></i></a></li>  
573 - </ul>  
574 - </div>  
575 - </div>  
576 - <div class="t-name">  
577 - <h4>rakib hassan<span>Designer</span></h4>  
578 - </div>  
579 - </div>  
580 - <!--/ End Single Team -->  
581 - </div>  
582 - <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.5s">  
583 - <!-- Single Team -->  
584 - <div class="single-team">  
585 - <div class="team-head">  
586 - <img src="img/team3.png" alt="">  
587 - <div class="team-hover">  
588 - <ul class="social">  
589 - <li><a href="#"><i class="fa fa-facebook"></i></a></li>  
590 - <li><a href="#"><i class="fa fa-twitter"></i></a></li>  
591 - <li><a href="#"><i class="fa fa-dribbble"></i></a></li>  
592 - <li><a href="#"><i class="fa fa-linkedin"></i></a></li>  
593 - </ul>  
594 - </div>  
595 - </div>  
596 - <div class="t-name">  
597 - <h4>afsana mimi<span>Photographer</span></h4>  
598 - </div>  
599 - </div>  
600 - <!--/ End Single Team -->  
601 - </div>  
602 - <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.4s">  
603 - <!-- Single Team -->  
604 - <div class="single-team">  
605 - <div class="team-head">  
606 - <img src="img/team1.png" alt="">  
607 - <div class="team-hover">  
608 - <ul class="social">  
609 - <li><a href="#"><i class="fa fa-facebook"></i></a></li>  
610 - <li><a href="#"><i class="fa fa-twitter"></i></a></li>  
611 - <li><a href="#"><i class="fa fa-dribbble"></i></a></li>  
612 - <li><a href="#"><i class="fa fa-linkedin"></i></a></li>  
613 - </ul>  
614 - </div>  
615 - </div>  
616 - <div class="t-name">  
617 - <h4>saiful abir<span>Developer</span></h4>  
618 - </div>  
619 - </div>  
620 - <!--/ End Single Team -->  
621 - </div>  
622 - </div>  
623 - </div>  
624 - </section>  
625 - <!--/ End Team -->  
626 -  
627 - <!-- Pricing Table -->  
628 - <section class="p-table4 section">  
629 - <div class="container">  
630 - <div class="row">  
631 - <div class="col-md-12">  
632 - <div class="section-title">  
633 - <h2>Pricing Table</h2>  
634 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>  
635 - </div>  
636 - </div>  
637 - </div>  
638 - <div class="row">  
639 - <!-- Single Table -->  
640 - <div class="col-md-4 col-sm-4 col-xs-12">  
641 - <div class="single-table">  
642 - <!-- Table Head -->  
643 - <div class="table-head">  
644 - <div class="title-head">  
645 - <h2 class="title">Basic</h2>  
646 - </div>  
647 - <div class="price">  
648 - <p class="amount"><span>$</span>19</p>  
649 - </div>  
650 - </div>  
651 - <!-- Table List -->  
652 - <ul class="table-list">  
653 - <li>Responsive( Mobile Website)</li>  
654 - <li>24/7 Technic Support</li>  
655 - <li>1 Year Hosting Free</li>  
656 - <li>Image slider (Animation)</li>  
657 - <li>Unlimited Email Account</li>  
658 - <li>Free Domain Name</li>  
659 - </ul>  
660 - <div class="button-head">  
661 - <div class="button">  
662 - <span></span>  
663 - <a href="#" class="btn"><i class="fa fa-shopping-cart" aria-hidden="true"></i>buy now</a>  
664 - </div>  
665 - </div>  
666 - <!-- Table Bottom -->  
667 - </div>  
668 - </div>  
669 - <!-- End Single Table-->  
670 - <!-- Single Table -->  
671 - <div class="col-md-4 col-sm-4 col-xs-12">  
672 - <div class="single-table">  
673 - <!-- Table Head -->  
674 - <div class="table-head">  
675 - <div class="title-head">  
676 - <h2 class="title">Medium</h2>  
677 - </div>  
678 - <div class="price">  
679 - <p class="amount"><span>$</span>25</p>  
680 - </div>  
681 - </div>  
682 - <!-- Table List -->  
683 - <ul class="table-list">  
684 - <li>Responsive( Mobile Website)</li>  
685 - <li>24/7 Technic Support</li>  
686 - <li>1 Year Hosting Free</li>  
687 - <li>Image slider (Animation)</li>  
688 - <li>Unlimited Email Account</li>  
689 - <li>Free Domain Name</li>  
690 - </ul>  
691 - <div class="button-head">  
692 - <div class="button">  
693 - <span></span>  
694 - <a href="#" class="btn"><i class="fa fa-shopping-cart" aria-hidden="true"></i>buy now</a>  
695 - </div>  
696 - </div>  
697 - <!-- Table Bottom -->  
698 - </div>  
699 - </div>  
700 - <!-- End Single Table-->  
701 - <!-- Single Table -->  
702 - <div class="col-md-4 col-sm-4 col-xs-12">  
703 - <div class="single-table">  
704 - <!-- Table Head -->  
705 - <div class="table-head">  
706 - <div class="title-head">  
707 - <h2 class="title">Advanced</h2>  
708 - </div>  
709 - <div class="price">  
710 - <p class="amount"><span>$</span>55</p>  
711 - </div>  
712 - </div>  
713 - <!-- Table List -->  
714 - <ul class="table-list">  
715 - <li>Responsive( Mobile Website)</li>  
716 - <li>24/7 Technic Support</li>  
717 - <li>1 Year Hosting Free</li>  
718 - <li>Image slider (Animation)</li>  
719 - <li>Unlimited Email Account</li>  
720 - <li>Free Domain Name</li>  
721 - </ul>  
722 - <div class="button-head">  
723 - <div class="button">  
724 - <span></span>  
725 - <a href="#" class="btn"><i class="fa fa-shopping-cart" aria-hidden="true"></i>buy now</a>  
726 - </div>  
727 - </div>  
728 - <!-- Table Bottom -->  
729 - </div>  
730 - </div>  
731 - <!-- End Single Table-->  
732 - </div>  
733 - </div>  
734 - </section>  
735 - <!--/ End Pricing Table --> 378 +<!-- Testimonials -->
  379 +<section id="testimonials" class="section" data-stellar-background-ratio="0.5">
  380 + <section class="bg">
  381 + <div class="container">
  382 + <div class="row">
  383 + <div class="col-md-12 col-sm-12 col-xs-12">
  384 + <div class="owl-carousel testimonial-slider">
  385 + <div class="single-testimonial">
  386 + <img src="img/testi-1.jpg" alt="#">
  387 + <h2><i>What Clients Says</i></h2>
  388 + <p><i class="fa fa-quote-left" aria-hidden="true"></i><i>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.<i class="fa fa-quote-right" aria-hidden="true"></i></i></p>
  389 + <span> -Naimur Rahman</span>
  390 + </div>
  391 + <div class="single-testimonial">
  392 + <img src="img/testi-2.jpg" alt="#">
  393 + <h2><i>What Clients Says</i></h2>
  394 + <p><i class="fa fa-quote-left" aria-hidden="true"></i><i>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.<i class="fa fa-quote-right" aria-hidden="true"></i></i></p>
  395 + <span> -Rakib Hasan</span>
  396 + </div>
  397 + <div class="single-testimonial">
  398 + <img src="img/testi-3.jpg" alt="#">
  399 + <h2><i>What Clients Says</i></h2>
  400 + <p><i class="fa fa-quote-left" aria-hidden="true"></i><i>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.<i class="fa fa-quote-right" aria-hidden="true"></i></i></p>
  401 + <span> -Sabbir Ahmed</span>
  402 + </div>
736 403
737 404
738 - <!--/ contact Area -->  
739 - <section id="contact" class="contact section" data-stellar-background-ratio="0.5">  
740 - <div class="container">  
741 - <div class="row">  
742 - <div class="contact-head">  
743 - <div class="col-md-4 col-sm-4 col-xs-12">  
744 - <div class="contact-left">  
745 - <h3>Contact <span>us now</span></h3>  
746 - <p class="p1">Aercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>  
747 - <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.</p> 405 + </div>
  406 + </div>
  407 + </div>
  408 + </div>
  409 + </section>
  410 +</section>
  411 +<!--/ End Testimonials -->
  412 +<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" title="็ฝ‘็ซ™ๆจกๆฟ">็ฝ‘็ซ™ๆจกๆฟ</a></div>
748 413
749 - </div>  
750 - </div>  
751 - <div class="col-md-8 col-sm-8 col-xs-12">  
752 - <div class="contact-right">  
753 - <div class="row">  
754 - <form class="form" action="#">  
755 - <div class="col-md-6">  
756 - <div class="form-group">  
757 - <input name="name" type="text" placeholder="full name">  
758 - </div>  
759 - <div class="form-group">  
760 - <input name="email" type="email" placeholder="enter your email">  
761 - </div>  
762 - <div class="button">  
763 - <button type="submit" class="btn primary">Submit<i class="fa fa-paper-plane-o" aria-hidden="true"></i></button>  
764 - </div>  
765 - </div>  
766 - <div class="col-md-6">  
767 - <div class="form-group">  
768 - <textarea name="message" placeholder="type your message"></textarea>  
769 - </div>  
770 -  
771 - </div>  
772 - </form>  
773 - </div>  
774 - <!--/ End Contact Form -->  
775 - </div>  
776 - </div>  
777 - </div>  
778 - </div>  
779 - </div>  
780 - </section>  
781 - <!--/ End contact Area -->  
782 -  
783 - <!-- Clients Area -->  
784 - <div id="clients" class="clients section">  
785 - <div class="container">  
786 - <div class="row">  
787 - <div class="col-md-12 col-sm-12 col-xs-12">  
788 - <div class="owl-carousel clients-slider">  
789 - <!-- Single Clients -->  
790 - <div class="single-clients">  
791 - <img src="img/client1.jpg" alt="#">  
792 - </div>  
793 - <!--/ End Single Client -->  
794 - <!-- Single Client -->  
795 - <div class="single-clients">  
796 - <img src="img/client2.jpg" alt="#">  
797 - </div>  
798 - <!--/ End Single Client -->  
799 - <!-- Single Client -->  
800 - <div class="single-clients">  
801 - <img src="img/client3.jpg" alt="#">  
802 - </div>  
803 - <!--/ End Single Client -->  
804 - <!-- Single Client -->  
805 - <div class="single-clients">  
806 - <img src="img/client4.jpg" alt="#">  
807 - </div>  
808 - <!--/ End Single Client -->  
809 - <!-- Single Client -->  
810 - <div class="single-clients">  
811 - <img src="img/client5.jpg" alt="#">  
812 - </div>  
813 - <!--/ End Single Client -->  
814 - <!-- Single Client -->  
815 - <div class="single-clients">  
816 - <img src="img/client6.jpg" alt="#">  
817 - </div>  
818 - <!--/ End Single Client -->  
819 - <!-- Single Client -->  
820 - <div class="single-clients">  
821 - <img src="img/client1.jpg" alt="#">  
822 - </div>  
823 - <!--/ End Single Client -->  
824 - <!-- Single Client -->  
825 - <div class="single-clients">  
826 - <img src="img/client2.jpg" alt="#">  
827 - </div>  
828 - <!--/ End Single Client -->  
829 - <!-- Single Client -->  
830 - <div class="single-clients">  
831 - <img src="img/client3.jpg" alt="#">  
832 - </div>  
833 - <!--/ End Single Client -->  
834 - </div>  
835 - </div>  
836 - </div>  
837 - </div>  
838 - </div>  
839 - <!--/ End Clients Area --> 414 +<!-- Blog -->
  415 +<section id="blog" class="section">
  416 + <div class="container">
  417 + <div class="row">
  418 + <div class="col-md-12">
  419 + <div class="section-title">
  420 + <h2>latest News</h2>
  421 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
  422 + </div>
  423 + </div>
  424 + </div>
  425 + <div class="row">
  426 + <div class="col-md-4 col-sm-12 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.4s">
  427 + <div class="single-news">
  428 + <div class="news-head">
  429 + <img src="img/blog1.jpg" alt="#">
  430 + </div>
  431 + <div class="news-body">
  432 + <h3 class="date">25<span>nov</span></h3>
  433 + <h2><a href="blog-single.html"> give us that</a></h2>
  434 + <div class="title"><span class="user"><i class="fa fa-user" aria-hidden="true"></i>adminaccess</span> <span class="comment"><i class="fa fa-comment-o" aria-hidden="true"></i>no comment</span></div>
  435 + <p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>
  436 + <a href="blog-single.html" class="btn">Read More<i class="fa fa-caret-right" aria-hidden="true"></i></a>
  437 + </div>
  438 + </div>
  439 + </div>
  440 + <div class="col-md-4 col-sm-12 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.6s">
  441 + <div class="single-news">
  442 + <div class="news-head">
  443 + <img src="img/blog2.jpg" alt="#">
  444 + </div>
  445 + <div class="news-body">
  446 + <h3 class="date">30<span>nov</span></h3>
  447 + <h2><a href="blog-single.html"> consisting with technology</a></h2>
  448 + <div class="title"><span class="user"><i class="fa fa-user" aria-hidden="true"></i>adminaccess</span> <span class="comment"><i class="fa fa-comment-o" aria-hidden="true"></i>no comment</span></div>
  449 + <p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>
  450 + <a href="blog-single.html" class="btn">Read More<i class="fa fa-caret-right" aria-hidden="true"></i></a>
  451 + </div>
  452 + </div>
  453 + </div>
  454 + <div class="col-md-4 col-sm-12 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.9s">
  455 + <div class="single-news">
  456 + <div class="news-head">
  457 + <img src="img/blog3.jpg" alt="#">
  458 + </div>
  459 + <div class="news-body">
  460 + <h3 class="date">05<span>dec</span></h3>
  461 + <h2><a href="blog-single.html">the inline product </a></h2>
  462 + <div class="title"><span class="user"><i class="fa fa-user" aria-hidden="true"></i>adminaccess</span> <span class="comment"><i class="fa fa-comment-o" aria-hidden="true"></i>no comment</span></div>
  463 + <p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et </p>
  464 + <a href="blog-single.html" class="btn">Read More<i class="fa fa-caret-right" aria-hidden="true"></i></a>
  465 + </div>
  466 + </div>
  467 + </div>
  468 + </div>
  469 + <div class="row">
  470 + <div class="col-md-12">
  471 + <div class="button-head">
  472 + <div class="button">
  473 + <span></span>
  474 + <a href="#" class="btn">Load More</a>
  475 + </div>
  476 + </div>
  477 + </div>
  478 + </div>
  479 + </div>
  480 +</section>
  481 +<!--/ End Newslatter -->
840 482
841 - <!-- Footer Area -->  
842 - <footer id="footer" class="footer section">  
843 - <!-- Footer Top -->  
844 - <div class="footer-top">  
845 - <div class="container">  
846 - <div class="row">  
847 - <div class="col-md-3 col-sm-3 col-xs-12">  
848 - <div class="single-footer">  
849 - <div class="logo">  
850 - <img src="img/ruby.png" alt="#">  
851 - </div>  
852 - <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit, </p>  
853 - <div class="contact">  
854 - <p class="location"><i class="fa fa-map-marker" aria-hidden="true"></i>Mirpur, dhaka-bangledesh</p>  
855 - <p class="mail-add"><i class="fa fa-envelope-o" aria-hidden="true"></i>info@clippinglamp.com</p>  
856 - <p class="call"><i class="fa fa-phone-square" aria-hidden="true"></i>call:900-200-2315</p>  
857 - </div>  
858 - </div>  
859 - </div>  
860 - <div class="col-md-3 col-sm-3 col-xs-12">  
861 - <div class="single-footer">  
862 - <h2><i class="fa fa-sliders" aria-hidden="true"></i>setra site map</h2>  
863 - <span><i class="fa fa-caret-right" aria-hidden="true"></i>home</span>  
864 - <span><i class="fa fa-caret-right" aria-hidden="true"></i>our shop</span>  
865 - <span><i class="fa fa-caret-right" aria-hidden="true"></i>about us</span>  
866 - <span><i class="fa fa-caret-right" aria-hidden="true"></i>blog</span>  
867 - <span><i class="fa fa-caret-right" aria-hidden="true"></i>your account</span>  
868 - <span><i class="fa fa-caret-right" aria-hidden="true"></i>our guarantee</span>  
869 - </div>  
870 - </div>  
871 - <div class="col-md-3 col-sm-3 col-xs-12">  
872 - <div class="single-footer">  
873 - <h2><i class="fa fa-cogs" aria-hidden="true"></i>our company</h2>  
874 - <span><i class="fa fa-caret-right" aria-hidden="true"></i>shipping policy</span>  
875 - <span><i class="fa fa-caret-right" aria-hidden="true"></i>international shipping</span>  
876 - <span><i class="fa fa-caret-right" aria-hidden="true"></i>affiliates</span>  
877 - <span><i class="fa fa-caret-right" aria-hidden="true"></i>our sponsors</span>  
878 - <span><i class="fa fa-caret-right" aria-hidden="true"></i>team & conditions</span>  
879 - <span><i class="fa fa-caret-right" aria-hidden="true"></i>cash on delivery</span>  
880 - </div>  
881 - </div>  
882 - <div class="col-md-3 col-sm-3 col-xs-12">  
883 - <div class="single-footer">  
884 - <h2>newsletter subscription</h2>  
885 - <p>subscribe to our newsletter to get allour news in your inbox</p>  
886 - <div class="mail">  
887 - <input type="email" placeholder="Enter your email">  
888 - <button class="button"><a href="#">subscribe us</a></button>  
889 - <i class="fa fa-lock" class="icon"></i>  
890 - <p>Your email address is 100% safe to us</p>  
891 - </div>  
892 - </div>  
893 - </div>  
894 - </div>  
895 - </div>  
896 - </div>  
897 - <!--/ End Footer Top --> 483 +<!-- Fun Facts Area -->
  484 +<section id="fun-facts" class="fun-facts section" data-stellar-background-ratio="0.5">
  485 + <div class="bf-color">
  486 + <div class="container">
  487 + <div class="row">
  488 + <div class="col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.4s">
  489 + <!-- Single Fun -->
  490 + <div class="single-fun">
  491 + <i class="fa fa-th-list" aria-hidden="true"></i>
  492 + <span class="counter">3468</span>
  493 + <p>Project Finished</p>
  494 + </div>
  495 + <!--/ End Single Fun -->
  496 + </div>
  497 + <div class="col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.6s">
  498 + <!-- Single Fun -->
  499 + <div class="single-fun">
  500 + <i class="fa fa-smile-o" aria-hidden="true"></i>
  501 + <span class="counter">468</span>
  502 + <p>Happy Clients</p>
  503 + </div>
  504 + <!--/ End Single Fun -->
  505 + </div>
  506 + <div class="col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="0.8s">
  507 + <!-- Single Fun -->
  508 + <div class="single-fun">
  509 + <i class="fa fa-briefcase" aria-hidden="true"></i>
  510 + <span class="counter">4368</span>
  511 + <p>Hourse Work</p>
  512 + </div>
  513 + <!--/ End Single Fun -->
  514 + </div>
  515 + <div class="col-md-3 col-sm-6 col-xs-12 wow fadeIn" data-wow-duration="0.8s" data-wow-delay="1s">
  516 + <!-- Single Fun -->
  517 + <div class="single-fun">
  518 + <i class="fa fa-coffee" aria-hidden="true"></i>
  519 + <span class="counter">3468</span>
  520 + <p>Cups of coffes</p>
  521 + </div>
  522 + <!--/ End Single Fun -->
  523 + </div>
  524 + </div>
  525 + </div>
  526 + </div>
  527 +</section>
  528 +<!--/ End Fun Facts Area -->
898 529
899 - <!-- Copyright -->  
900 - <div class="copyright">  
901 - <div class="container">  
902 - <div class="row">  
903 - <div class="col-md-6 col-sm-6 col-xs-12">  
904 - <div class="copyright-content">  
905 - <p>Copyright 2018 | Distributed by More Templates <a href="http://www.cssmoban.com/" target="_blank" title="ๆจกๆฟไน‹ๅฎถ">ๆจกๆฟไน‹ๅฎถ</a> - Collect from <a href="http://www.cssmoban.com/" title="็ฝ‘้กตๆจกๆฟ" target="_blank">็ฝ‘้กตๆจกๆฟ</a></p>  
906 - </div>  
907 - </div>  
908 - <div class="col-md-6 col-sm-6 col-xs-12">  
909 - <ul class="social">  
910 - <li><a href=""><i class="fa fa-facebook"></i></a></li>  
911 - <li><a href=""><i class="fa fa-twitter"></i></a></li>  
912 - <li><a href=""><i class="fa fa-instagram"></i></a></li>  
913 - <li><a href=""><i class="fa fa-linkedin"></i></a></li>  
914 - <li><a href=""><i class="fa fa-youtube"></i></a></li>  
915 - </ul>  
916 - </div>  
917 - </div>  
918 - </div>  
919 - </div>  
920 - <!--/ End Copyright -->  
921 - </footer>  
922 - <!--/ End Footer Area -->  
923 -  
924 - <script type="text/javascript" src="js/jquery.min.js"></script>  
925 - <script type="text/javascript" src="js/bootstrap.min.js"></script>  
926 - <script type="text/javascript" src="js/colors.js"></script>  
927 - <script type="text/javascript" src="js/jquery.nav.js"></script>  
928 - <script type="text/javascript" src="js/jquery.scrollUp.min.js"></script>  
929 - <script type="text/javascript" src="js/jquery.slicknav.min.js"></script>  
930 - <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>  
931 - <script type="text/javascript" src="js/owl.carousel.min.js"></script>  
932 - <script type="text/javascript" src="js/isotope.pkgd.min.js"></script>  
933 - <script type="text/javascript" src="js/wow.min.js"></script>  
934 - <script type="text/javascript" src="js/jquery.stellar.min.js"></script>  
935 - <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>  
936 - <script type="text/javascript" src="js/animate-text.js"></script>  
937 - <script type="text/javascript" src="js/particles.min.js"></script>  
938 - <script type="text/javascript" src="js/particle-code.js"></script>  
939 - <script type="text/javascript" src="js/jquery.counterup.min.js"></script>  
940 -  
941 - <script type="text/javascript" src="js/gmaps.min.js"></script>  
942 - <script type="text/javascript" src="js/main.js"></script>  
943 - </body> 530 +<!-- Team -->
  531 +<section id="team" class="section">
  532 + <div class="container">
  533 + <div class="row">
  534 + <div class="col-md-12 col-sm-12">
  535 + <div class="section-title">
  536 + <h2>our creative team</h2>
  537 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
  538 + </div>
  539 + </div>
  540 + </div>
  541 + <div class="row">
  542 + <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.7s">
  543 + <!-- Single Team -->
  544 + <div class="single-team">
  545 + <div class="team-head">
  546 + <img src="img/team1.png" alt="">
  547 + <div class="team-hover">
  548 + <ul class="social">
  549 + <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  550 + <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  551 + <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
  552 + <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  553 + </ul>
  554 + </div>
  555 + </div>
  556 + <div class="t-name">
  557 + <h4>naimur rahman<span>Branding</span></h4>
  558 + </div>
  559 + </div>
  560 + <!--/ End Single Team -->
  561 + </div>
  562 + <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.6s">
  563 + <!-- Single Team -->
  564 + <div class="single-team">
  565 + <div class="team-head">
  566 + <img src="img/team2.png" alt="">
  567 + <div class="team-hover">
  568 + <ul class="social">
  569 + <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  570 + <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  571 + <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
  572 + <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  573 + </ul>
  574 + </div>
  575 + </div>
  576 + <div class="t-name">
  577 + <h4>rakib hassan<span>Designer</span></h4>
  578 + </div>
  579 + </div>
  580 + <!--/ End Single Team -->
  581 + </div>
  582 + <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.5s">
  583 + <!-- Single Team -->
  584 + <div class="single-team">
  585 + <div class="team-head">
  586 + <img src="img/team3.png" alt="">
  587 + <div class="team-hover">
  588 + <ul class="social">
  589 + <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  590 + <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  591 + <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
  592 + <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  593 + </ul>
  594 + </div>
  595 + </div>
  596 + <div class="t-name">
  597 + <h4>afsana mimi<span>Photographer</span></h4>
  598 + </div>
  599 + </div>
  600 + <!--/ End Single Team -->
  601 + </div>
  602 + <div class="col-md-3 col-sm-6 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.4s">
  603 + <!-- Single Team -->
  604 + <div class="single-team">
  605 + <div class="team-head">
  606 + <img src="img/team1.png" alt="">
  607 + <div class="team-hover">
  608 + <ul class="social">
  609 + <li><a href="#"><i class="fa fa-facebook"></i></a></li>
  610 + <li><a href="#"><i class="fa fa-twitter"></i></a></li>
  611 + <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
  612 + <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
  613 + </ul>
  614 + </div>
  615 + </div>
  616 + <div class="t-name">
  617 + <h4>saiful abir<span>Developer</span></h4>
  618 + </div>
  619 + </div>
  620 + <!--/ End Single Team -->
  621 + </div>
  622 + </div>
  623 + </div>
  624 +</section>
  625 +<!--/ End Team -->
  626 +
  627 +<!-- Pricing Table -->
  628 +<section class="p-table4 section">
  629 + <div class="container">
  630 + <div class="row">
  631 + <div class="col-md-12">
  632 + <div class="section-title">
  633 + <h2>Pricing Table</h2>
  634 + <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation. </p>
  635 + </div>
  636 + </div>
  637 + </div>
  638 + <div class="row">
  639 + <!-- Single Table -->
  640 + <div class="col-md-4 col-sm-4 col-xs-12">
  641 + <div class="single-table">
  642 + <!-- Table Head -->
  643 + <div class="table-head">
  644 + <div class="title-head">
  645 + <h2 class="title">Basic</h2>
  646 + </div>
  647 + <div class="price">
  648 + <p class="amount"><span>$</span>19</p>
  649 + </div>
  650 + </div>
  651 + <!-- Table List -->
  652 + <ul class="table-list">
  653 + <li>Responsive( Mobile Website)</li>
  654 + <li>24/7 Technic Support</li>
  655 + <li>1 Year Hosting Free</li>
  656 + <li>Image slider (Animation)</li>
  657 + <li>Unlimited Email Account</li>
  658 + <li>Free Domain Name</li>
  659 + </ul>
  660 + <div class="button-head">
  661 + <div class="button">
  662 + <span></span>
  663 + <a href="#" class="btn"><i class="fa fa-shopping-cart" aria-hidden="true"></i>buy now</a>
  664 + </div>
  665 + </div>
  666 + <!-- Table Bottom -->
  667 + </div>
  668 + </div>
  669 + <!-- End Single Table-->
  670 + <!-- Single Table -->
  671 + <div class="col-md-4 col-sm-4 col-xs-12">
  672 + <div class="single-table">
  673 + <!-- Table Head -->
  674 + <div class="table-head">
  675 + <div class="title-head">
  676 + <h2 class="title">Medium</h2>
  677 + </div>
  678 + <div class="price">
  679 + <p class="amount"><span>$</span>25</p>
  680 + </div>
  681 + </div>
  682 + <!-- Table List -->
  683 + <ul class="table-list">
  684 + <li>Responsive( Mobile Website)</li>
  685 + <li>24/7 Technic Support</li>
  686 + <li>1 Year Hosting Free</li>
  687 + <li>Image slider (Animation)</li>
  688 + <li>Unlimited Email Account</li>
  689 + <li>Free Domain Name</li>
  690 + </ul>
  691 + <div class="button-head">
  692 + <div class="button">
  693 + <span></span>
  694 + <a href="#" class="btn"><i class="fa fa-shopping-cart" aria-hidden="true"></i>buy now</a>
  695 + </div>
  696 + </div>
  697 + <!-- Table Bottom -->
  698 + </div>
  699 + </div>
  700 + <!-- End Single Table-->
  701 + <!-- Single Table -->
  702 + <div class="col-md-4 col-sm-4 col-xs-12">
  703 + <div class="single-table">
  704 + <!-- Table Head -->
  705 + <div class="table-head">
  706 + <div class="title-head">
  707 + <h2 class="title">Advanced</h2>
  708 + </div>
  709 + <div class="price">
  710 + <p class="amount"><span>$</span>55</p>
  711 + </div>
  712 + </div>
  713 + <!-- Table List -->
  714 + <ul class="table-list">
  715 + <li>Responsive( Mobile Website)</li>
  716 + <li>24/7 Technic Support</li>
  717 + <li>1 Year Hosting Free</li>
  718 + <li>Image slider (Animation)</li>
  719 + <li>Unlimited Email Account</li>
  720 + <li>Free Domain Name</li>
  721 + </ul>
  722 + <div class="button-head">
  723 + <div class="button">
  724 + <span></span>
  725 + <a href="#" class="btn"><i class="fa fa-shopping-cart" aria-hidden="true"></i>buy now</a>
  726 + </div>
  727 + </div>
  728 + <!-- Table Bottom -->
  729 + </div>
  730 + </div>
  731 + <!-- End Single Table-->
  732 + </div>
  733 + </div>
  734 +</section>
  735 +<!--/ End Pricing Table -->
  736 +
  737 +
  738 +<!--/ contact Area -->
  739 +<section id="contact" class="contact section" data-stellar-background-ratio="0.5">
  740 + <div class="container">
  741 + <div class="row">
  742 + <div class="contact-head">
  743 + <div class="col-md-4 col-sm-4 col-xs-12">
  744 + <div class="contact-left">
  745 + <h3>Contact <span>us now</span></h3>
  746 + <p class="p1">Aercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
  747 + <p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.</p>
  748 +
  749 + </div>
  750 + </div>
  751 + <div class="col-md-8 col-sm-8 col-xs-12">
  752 + <div class="contact-right">
  753 + <div class="row">
  754 + <form class="form" action="#">
  755 + <div class="col-md-6">
  756 + <div class="form-group">
  757 + <input name="name" type="text" placeholder="full name">
  758 + </div>
  759 + <div class="form-group">
  760 + <input name="email" type="email" placeholder="enter your email">
  761 + </div>
  762 + <div class="button">
  763 + <button type="submit" class="btn primary">Submit<i class="fa fa-paper-plane-o" aria-hidden="true"></i></button>
  764 + </div>
  765 + </div>
  766 + <div class="col-md-6">
  767 + <div class="form-group">
  768 + <textarea name="message" placeholder="type your message"></textarea>
  769 + </div>
  770 +
  771 + </div>
  772 + </form>
  773 + </div>
  774 + <!--/ End Contact Form -->
  775 + </div>
  776 + </div>
  777 + </div>
  778 + </div>
  779 + </div>
  780 +</section>
  781 +<!--/ End contact Area -->
  782 +
  783 +<!-- Clients Area -->
  784 +<div id="clients" class="clients section">
  785 + <div class="container">
  786 + <div class="row">
  787 + <div class="col-md-12 col-sm-12 col-xs-12">
  788 + <div class="owl-carousel clients-slider">
  789 + <!-- Single Clients -->
  790 + <div class="single-clients">
  791 + <img src="img/client1.jpg" alt="#">
  792 + </div>
  793 + <!--/ End Single Client -->
  794 + <!-- Single Client -->
  795 + <div class="single-clients">
  796 + <img src="img/client2.jpg" alt="#">
  797 + </div>
  798 + <!--/ End Single Client -->
  799 + <!-- Single Client -->
  800 + <div class="single-clients">
  801 + <img src="img/client3.jpg" alt="#">
  802 + </div>
  803 + <!--/ End Single Client -->
  804 + <!-- Single Client -->
  805 + <div class="single-clients">
  806 + <img src="img/client4.jpg" alt="#">
  807 + </div>
  808 + <!--/ End Single Client -->
  809 + <!-- Single Client -->
  810 + <div class="single-clients">
  811 + <img src="img/client5.jpg" alt="#">
  812 + </div>
  813 + <!--/ End Single Client -->
  814 + <!-- Single Client -->
  815 + <div class="single-clients">
  816 + <img src="img/client6.jpg" alt="#">
  817 + </div>
  818 + <!--/ End Single Client -->
  819 + <!-- Single Client -->
  820 + <div class="single-clients">
  821 + <img src="img/client1.jpg" alt="#">
  822 + </div>
  823 + <!--/ End Single Client -->
  824 + <!-- Single Client -->
  825 + <div class="single-clients">
  826 + <img src="img/client2.jpg" alt="#">
  827 + </div>
  828 + <!--/ End Single Client -->
  829 + <!-- Single Client -->
  830 + <div class="single-clients">
  831 + <img src="img/client3.jpg" alt="#">
  832 + </div>
  833 + <!--/ End Single Client -->
  834 + </div>
  835 + </div>
  836 + </div>
  837 + </div>
  838 +</div>
  839 +<!--/ End Clients Area -->
  840 +
  841 +<!-- Footer Area -->
  842 +<footer id="footer" class="footer_cont">
  843 + <!-- container -->
  844 + <div class="container">
  845 + <!-- row -->
  846 + <div class="row">
  847 + <div class="col-md-3 col-xs-6">
  848 + <div class="footer">
  849 + <div class="footer-title">ๅ…ฌๅธไป‹็ป</div>
  850 + <ul class="footer-links">
  851 + <li><a href="#">ไผไธšๆ–‡ๅŒ–</a></li>
  852 + <li><a href="#">ๅŠ ๅ…ฅๆˆ‘ไปฌ</a></li>
  853 + <li><a href="#">ๅ‘ๅฑ•ๅŽ†็จ‹</a></li>
  854 + <li><a href="#">่ต„่ดจ</a></li>
  855 + </ul>
  856 + </div>
  857 + </div>
  858 +
  859 + <div class="col-md-3 col-xs-6">
  860 + <div class="footer">
  861 + <div class="footer-title">ไบงๅ“ไป‹็ป</div>
  862 + <ul class="footer-links">
  863 + <li><a href="#">ไผไธšไบ‘</a></li>
  864 + <li><a href="#">ไปปไฝ ๅœ</a></li>
  865 + <li><a href="#">ๅคงๆ•ฐๆฎ</a></li>
  866 + </ul>
  867 + </div>
  868 + </div>
  869 +
  870 + <div class="col-md-3 col-xs-6">
  871 + <div class="footer">
  872 + <div class="footer-title">่”็ณปๆˆ‘ไปฌ</div>
  873 + <ul class="footer-links">
  874 + <li>็”ต่ฏ:1222323</li>
  875 + <li>ๅœฐๅ€:ๅธไธ‡hiๆˆ‘ๅ’Œๆ—ฅๆ—ฅ็บขๆ—ฅ </li>
  876 + <li>e-mail:info@zte-its.com</li>
  877 + </ul>
  878 + </div>
  879 + </div>
  880 +
  881 + <div class="col-md-3 col-xs-6">
  882 + <div class="footer">
  883 + <div class="footer-title">ๅฎ˜ๆ–นๅช’ไฝ“</div>
  884 + <ul class="footer-links">
  885 + <li><a href="#">ๅพฎไฟก</a></li>
  886 + <li><a href="#">ๅพฎๅš</a></li>
  887 + </ul>
  888 + </div>
  889 + </div>
  890 + </div>
  891 + <!-- /row -->
  892 + </div>
  893 + <!-- /container -->
  894 +
  895 + <!-- bottom footer -->
  896 + <div id="bottom-footer" class="bottom-footer">
  897 + <div class="container">
  898 + <!-- row -->
  899 + <div class="row">
  900 + <div class="col-md-12 text-center">
  901 + <span class="copyright">
  902 + Copyright ยฉ <script>document.write(new Date().getFullYear());</script>. ZTE ITS LIMITED.<a style="width: 500px;display: inline-block;text-align: center;" href="http://www.miitbeian.gov.cn/">่‹ICPๅค‡17052208ๅท-1</a>
  903 + </span>
  904 + </div>
  905 + </div>
  906 + <!-- /row -->
  907 + </div>
  908 + <!-- /container -->
  909 + </div>
  910 + <!-- /bottom footer -->
  911 +</footer>
  912 +<!--/ End Footer Area -->
  913 +
  914 +<script type="text/javascript" src="js/jquery.min.js"></script>
  915 +<script type="text/javascript" src="js/bootstrap.min.js"></script>
  916 +<script type="text/javascript" src="js/colors.js"></script>
  917 +<script type="text/javascript" src="js/jquery.nav.js"></script>
  918 +<script type="text/javascript" src="js/jquery.scrollUp.min.js"></script>
  919 +<script type="text/javascript" src="js/jquery.slicknav.min.js"></script>
  920 +<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
  921 +<script type="text/javascript" src="js/owl.carousel.min.js"></script>
  922 +<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
  923 +<script type="text/javascript" src="js/wow.min.js"></script>
  924 +<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
  925 +<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
  926 +<script type="text/javascript" src="js/animate-text.js"></script>
  927 +<script type="text/javascript" src="js/particles.min.js"></script>
  928 +<script type="text/javascript" src="js/particle-code.js"></script>
  929 +<script type="text/javascript" src="js/jquery.counterup.min.js"></script>
  930 +
  931 +<script type="text/javascript" src="js/gmaps.min.js"></script>
  932 +<script type="text/javascript" src="js/main.js"></script>
  933 +</body>
944 </html> 934 </html>
style.css
  View file @289a826
@@ -305,11 +305,11 @@ a:hover{ @@ -305,11 +305,11 @@ a:hover{
305 margin:0; 305 margin:0;
306 } 306 }
307 .header .nav li a { 307 .header .nav li a {
308 - color:#fff;  
309 - font-size: 16px; 308 + color:#333;
  309 + font-size: 14px;
310 font-weight: 400; 310 font-weight: 400;
311 text-transform: uppercase; 311 text-transform: uppercase;
312 - padding: 30px 18px; 312 + padding: 30px 10px;
313 position: relative; 313 position: relative;
314 display: inline-block; 314 display: inline-block;
315 } 315 }
@@ -2153,170 +2153,50 @@ a:hover{ @@ -2153,170 +2153,50 @@ a:hover{
2153 /*=================== 2153 /*===================
2154 Footer CSS 2154 Footer CSS
2155 =====================*/ 2155 =====================*/
2156 -.footer{  
2157 - padding:0;  
2158 - background-color:#F6F6F6;  
2159 -}  
2160 -.footer .footer-top{  
2161 - padding:50px 0px;  
2162 -  
2163 -}  
2164 -.footer .logo{  
2165 - margin-bottom:23px;  
2166 -}  
2167 -.footer .logo img{}  
2168 -  
2169 -.footer .single-footer{}  
2170 -.footer .single-footer .contact {  
2171 - margin-top: 15px;  
2172 -}  
2173 -.footer .single-footer .contact p{  
2174 - margin-top:10px;  
2175 -}  
2176 -.footer .single-footer .contact i{  
2177 - margin-right:10px;  
2178 -}  
2179 -.footer .single-footer .contact .location{  
2180 - color:#868585;  
2181 -}  
2182 -.footer .single-footer .contact .mail-add{  
2183 - color:#868585;  
2184 -}  
2185 -.footer .single-footer .contact .call{  
2186 - color:#868585;  
2187 -}  
2188 -  
2189 -  
2190 -  
2191 -.footer .single-footer span i{  
2192 - margin-right:5px;  
2193 -}  
2194 -.footer .single-footer span{  
2195 - display:block;  
2196 - color:#868585;  
2197 - margin: 12px 0px;  
2198 - text-transform:capitalize;  
2199 - -webkit-transition:all 0.4s ease;  
2200 - -moz-transition:all 0.4s ease;  
2201 - transition:all 0.4s ease;  
2202 -}  
2203 -.footer .single-footer span:hover{  
2204 - cursor:pointer;  
2205 -}  
2206 -.footer .single-footer h2{  
2207 - color:#333;  
2208 - font-size:20px;  
2209 - font-weight:600;  
2210 - text-transform:capitalize;  
2211 - margin-bottom:20px;  
2212 - text-transform:uppercase;  
2213 -}  
2214 -.footer .single-footer h2 i{  
2215 - margin-right:10px;  
2216 - padding-right:5px;  
2217 - border-right:2px solid;  
2218 -}  
2219 -.footer .single-footer p{  
2220 - color:#333;  
2221 -}  
2222 -.footer .single-footer .mail{  
2223 - margin-top:20px;  
2224 -}  
2225 -.footer .single-footer .mail input{  
2226 - background: transparent;  
2227 - border: 1px solid #868585;  
2228 - height: 45px;  
2229 - line-height: 45px;  
2230 - width: 245px;  
2231 - margin-right: 15px;  
2232 - color: #868585;  
2233 - padding-left: 18px;  
2234 - display: inline-block;  
2235 - float: left;  
2236 -}  
2237 -.footer input::-webkit-input-placeholder {  
2238 - opacity: 1;  
2239 - color: #868585 !important;  
2240 -}  
2241 -  
2242 -.footer input::-moz-placeholder {  
2243 - opacity: 1;  
2244 - color: #868585 !important;  
2245 -}  
2246 -  
2247 -.footer input::-ms-input-placeholder {  
2248 - opacity: 1;  
2249 - color: #868585 !important;  
2250 -}  
2251 -.footer input::input-placeholder {  
2252 - opacity: 1;  
2253 - color: #868585 !important;  
2254 -}  
2255 -.footer .single-footer .button {  
2256 - height: 37px;  
2257 - width: 109px;  
2258 - box-shadow: none;  
2259 - text-shadow: none;  
2260 - border: none;  
2261 - margin-top: 10px;  
2262 - margin-left: 0;  
2263 - font-size: 15px;  
2264 - text-transform: capitalize;  
2265 -}  
2266 -.footer .single-footer .button a{  
2267 - color:#fff;  
2268 -}  
2269 -.footer .single-footer .button:hover{  
2270 - background:#555;  
2271 - color:#c8c8c8;  
2272 -}  
2273 -.footer .single-footer .mail i {  
2274 - position: absolute;  
2275 - left: 0;  
2276 - color: #333;  
2277 - top: 230px;  
2278 -}  
2279 -.footer .single-footer .mail p{  
2280 - margin-top:10px;  
2281 -}  
2282 -.footer .copyright{  
2283 - text-align:center;  
2284 - padding:20px 0;  
2285 -  
2286 -}  
2287 -.footer .copyright .copyright-content{  
2288 - float:left;  
2289 -}  
2290 -  
2291 -.footer .copyright .copyright-content p{  
2292 - color:#fff;  
2293 -}  
2294 -  
2295 -.footer .copyright .social{  
2296 - float:right;  
2297 - margin-right:15px;  
2298 -  
2299 -}  
2300 -.footer .copyright .social{}  
2301 -.footer .copyright .social li{  
2302 - display:inline-block;  
2303 - margin-right:5px;  
2304 -}  
2305 -.footer .copyright .social li a{  
2306 - background:#fff;  
2307 - width:25px;  
2308 - height:25px;  
2309 - line-height:25px;  
2310 - display:block;  
2311 -  
2312 -}  
2313 -.footer .copyright .social li a:hover{  
2314 - color:#fff;  
2315 - background:#333; 2156 +.footer_cont{
  2157 + height:352px;
  2158 + width: 100%;
  2159 + margin: 0 auto;
  2160 + background:rgba(46,48,51,1);
2316 } 2161 }
2317 -.footer .copyright .social ul li a i{  
2318 - font-size:15px;  
2319 - 2162 +.footer{
  2163 + margin-top: 57px;
  2164 + font-size:16px;
  2165 + height: 178px;
  2166 + font-family:PingFang-SC-Medium;
  2167 + font-weight:500;
  2168 + color:rgba(255,255,255,1);
  2169 + margin-bottom: 48px;
  2170 +}
  2171 +.footer-title{
  2172 + margin-bottom: 38px;
  2173 +}
  2174 +.footer-links li a,.footer-links li{
  2175 + font-size:16px;
  2176 + font-family:PingFang-SC-Medium;
  2177 + font-weight:500;
  2178 + color:rgba(255,255,255,.5);
  2179 +}
  2180 +.footer-links li{
  2181 + height: 18px;
  2182 + line-height: 18px;
  2183 + margin-bottom: 16px;
  2184 +}
  2185 +.footer-links li:last-of-type{
  2186 + margin-bottom: 0;
  2187 +}
  2188 +.bottom-footer{
  2189 + width: 1200px;
  2190 + margin: 0 auto;
  2191 + border-top: 1px solid rgba(255,255,255,.2);
  2192 +}
  2193 +.copyright{
  2194 + /*width:230px;*/
  2195 + height:12px;
  2196 + font-size:12px;
  2197 + font-family:PingFang-SC-Medium;
  2198 + font-weight:500;
  2199 + color:rgba(255,255,255,.5);
2320 } 2200 }
2321 /*=================== 2201 /*===================
2322 End Footer CSS 2202 End Footer CSS