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 1 <!Doctype html>
2 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 63 <!-- Header Area -->
64 64 <header id="header" class="header">
... ... @@ -113,832 +113,822 @@
113 113 </header>
114 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 127 <b class="is-visible">design</b>
128 128 <b>Theme</b>
129 129 <b>codes</b>
130 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 934 </html>
... ...
style.css
  View file @289a826
... ... @@ -305,11 +305,11 @@ a:hover{
305 305 margin:0;
306 306 }
307 307 .header .nav li a {
308   - color:#fff;
309   - font-size: 16px;
  308 + color:#333;
  309 + font-size: 14px;
310 310 font-weight: 400;
311 311 text-transform: uppercase;
312   - padding: 30px 18px;
  312 + padding: 30px 10px;
313 313 position: relative;
314 314 display: inline-block;
315 315 }
... ... @@ -2153,170 +2153,50 @@ a:hover{
2153 2153 /*===================
2154 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 2202 End Footer CSS
... ...