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