service.html (27614B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="description" content=""> 7 <meta name="author" content=""> 8 <title>Services | Triangle</title> 9 <link href="css/bootstrap.min.css" rel="stylesheet"> 10 <link href="css/font-awesome.min.css" rel="stylesheet"> 11 <link href="css/lightbox.css" rel="stylesheet"> 12 <link href="css/animate.min.css" rel="stylesheet"> 13 <link href="css/main.css" rel="stylesheet"> 14 <link href="css/responsive.css" rel="stylesheet"> 15 16 <!--[if lt IE 9]> 17 <script src="js/html5shiv.js"></script> 18 <script src="js/respond.min.js"></script> 19 <![endif]--> 20 <link rel="shortcut icon" href="images/ico/favicon.ico"> 21 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png"> 22 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png"> 23 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png"> 24 <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png"> 25 </head><!--/head--> 26 27 <body> 28 <header id="header"> 29 <div class="container"> 30 <div class="row"> 31 <div class="col-sm-12 overflow"> 32 <div class="social-icons pull-right"> 33 <ul class="nav nav-pills"> 34 <li><a href=""><i class="fa fa-facebook"></i></a></li> 35 <li><a href=""><i class="fa fa-twitter"></i></a></li> 36 <li><a href=""><i class="fa fa-google-plus"></i></a></li> 37 <li><a href=""><i class="fa fa-dribbble"></i></a></li> 38 <li><a href=""><i class="fa fa-linkedin"></i></a></li> 39 </ul> 40 </div> 41 </div> 42 </div> 43 </div> 44 <div class="navbar navbar-inverse" role="banner"> 45 <div class="container"> 46 <div class="navbar-header"> 47 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 48 <span class="sr-only">Toggle navigation</span> 49 <span class="icon-bar"></span> 50 <span class="icon-bar"></span> 51 <span class="icon-bar"></span> 52 </button> 53 54 <a class="navbar-brand" href="index.html"> 55 <h1><img src="images/logo.png" alt="logo"></h1> 56 </a> 57 58 </div> 59 <div class="collapse navbar-collapse"> 60 <ul class="nav navbar-nav navbar-right"> 61 <li><a href="index.html">Home</a></li> 62 <li class="dropdown active"><a href="#">Pages <i class="fa fa-angle-down"></i></a> 63 <ul role="menu" class="sub-menu"> 64 <li><a href="aboutus.html">About</a></li> 65 <li><a href="aboutus2.html">About 2</a></li> 66 <li><a class="active" href="service.html">Services</a></li> 67 <li><a href="pricing.html">Pricing</a></li> 68 <li><a href="contact.html">Contact us</a></li> 69 <li><a href="contact2.html">Contact us 2</a></li> 70 <li><a href="404.html">404 error</a></li> 71 <li><a href="coming-soon.html">Coming Soon</a></li> 72 </ul> 73 </li> 74 <li class="dropdown"><a href="blog.html">Blog <i class="fa fa-angle-down"></i></a> 75 <ul role="menu" class="sub-menu"> 76 <li><a href="blog.html">Blog Default</a></li> 77 <li><a href="blogtwo.html">Timeline Blog</a></li> 78 <li><a href="blogone.html">2 Columns + Right Sidebar</a></li> 79 <li><a href="blogthree.html">1 Column + Left Sidebar</a></li> 80 <li><a href="blogfour.html">Blog Masonary</a></li> 81 <li><a href="blogdetails.html">Blog Details</a></li> 82 </ul> 83 </li> 84 <li class="dropdown"><a href="portfolio.html">Portfolio <i class="fa fa-angle-down"></i></a> 85 <ul role="menu" class="sub-menu"> 86 <li><a href="portfolio.html">Portfolio Default</a></li> 87 <li><a href="portfoliofour.html">Isotope 3 Columns + Right Sidebar</a></li> 88 <li><a href="portfolioone.html">3 Columns + Right Sidebar</a></li> 89 <li><a href="portfoliotwo.html">3 Columns + Left Sidebar</a></li> 90 <li><a href="portfoliothree.html">2 Columns</a></li> 91 <li><a href="portfolio-details.html">Portfolio Details</a></li> 92 </ul> 93 </li> 94 <li><a href="shortcodes.html ">Shortcodes</a></li> 95 </ul> 96 </div> 97 <div class="search"> 98 <form role="form"> 99 <i class="fa fa-search"></i> 100 <div class="field-toggle"> 101 <input type="text" class="search-form" autocomplete="off" placeholder="Search"> 102 </div> 103 </form> 104 </div> 105 </div> 106 </div> 107 </header> 108 <!--/#header--> 109 110 <section id="page-breadcrumb"> 111 <div class="vertical-center sun"> 112 <div class="container"> 113 <div class="row"> 114 <div class="action"> 115 <div class="col-sm-12"> 116 <h1 class="title">Services</h1> 117 <p>Designed to suit you.</p> 118 </div> 119 </div> 120 </div> 121 </div> 122 </div> 123 </section> 124 <!--/#page-breadcrumb--> 125 126 <section id="company-information" class="choose"> 127 <div class="container"> 128 <div class="row"> 129 <div class="col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="0ms"> 130 <img src="images/services/4.png" class="img-responsive" alt=""> 131 </div> 132 <div class="col-sm-6 padding-top wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="0ms"> 133 <h2>Why Choose Us?</h2> 134 <p>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore<br /> tail corned beef Capicola nisi flank sed.</p> 135 <ul class="elements"> 136 <li class="wow fadeInUp" data-wow-duration="900ms" data-wow-delay="100ms"><i class="fa fa-angle-right"></i> when an unknown printer took a galley of type</li> 137 <li class="wow fadeInUp" data-wow-duration="800ms" data-wow-delay="200ms"><i class="fa fa-angle-right"></i> scrambled it to make a type specimen book.</li> 138 <li class="wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms"><i class="fa fa-angle-right"></i> scrambled it to make a type specimen book.</li> 139 <li class="wow fadeInUp" data-wow-duration="600ms" data-wow-delay="400ms"><i class="fa fa-angle-right"></i> scrambled it to make a type specimen book.</li> 140 <li class="wow fadeInUp" data-wow-duration="500ms" data-wow-delay="500ms"><i class="fa fa-angle-right"></i> but also the leap into electronic typesetting.</li> 141 </ul> 142 </div> 143 </div> 144 </div> 145 </section> 146 <!--/#company-information--> 147 148 <section id="services"> 149 <div class="container"> 150 <div class="row"> 151 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms"> 152 <div class="single-service"> 153 <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="300ms"> 154 <img src="images/home/icon1.png" alt=""> 155 </div> 156 <h2>Incredibly Responsive</h2> 157 <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine. Cow shankle beef sirloin chicken ground round.</p> 158 </div> 159 </div> 160 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms"> 161 <div class="single-service"> 162 <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="600ms"> 163 <img src="images/home/icon2.png" alt=""> 164 </div> 165 <h2>Superior Typography</h2> 166 <p>Hamburger ribeye drumstick turkey, strip steak sausage ground round shank pastrami beef brisket pancetta venison.</p> 167 </div> 168 </div> 169 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms"> 170 <div class="single-service"> 171 <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="900ms"> 172 <img src="images/home/icon3.png" alt=""> 173 </div> 174 <h2>Swift Page Builder</h2> 175 <p>Venison tongue, salami corned beef ball tip meatloaf bacon. Fatback pork belly bresaola tenderloin bone pork kevin shankle.</p> 176 </div> 177 </div> 178 179 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms"> 180 <div class="single-service"> 181 <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="300ms"> 182 <img src="images/services/1.png" alt=""> 183 </div> 184 <h2>Incredibly Responsive</h2> 185 <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine. Cow shankle beef sirloin chicken ground round.</p> 186 </div> 187 </div> 188 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms"> 189 <div class="single-service"> 190 <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="600ms"> 191 <img src="images/services/2.png" alt=""> 192 </div> 193 <h2>Superior Typography</h2> 194 <p>Hamburger ribeye drumstick turkey, strip steak sausage ground round shank pastrami beef brisket pancetta venison.</p> 195 </div> 196 </div> 197 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms"> 198 <div class="single-service"> 199 <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="900ms"> 200 <img src="images/services/3.png" alt=""> 201 </div> 202 <h2>Swift Page Builder</h2> 203 <p>Venison tongue, salami corned beef ball tip meatloaf bacon. Fatback pork belly bresaola tenderloin bone pork kevin shankle.</p> 204 </div> 205 </div> 206 </div> 207 </div> 208 </section> 209 <!--/#services--> 210 211 <section id="action" class="responsive"> 212 <div class="vertical-center"> 213 <div class="container"> 214 <div class="row"> 215 <div class="action take-tour"> 216 <div class="col-sm-7 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms"> 217 <h1 class="title">Triangle Corporate Template</h1> 218 <p>A responsive, retina-ready & wide multipurpose template.</p> 219 </div> 220 <div class="col-sm-5 text-center wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms"> 221 <div class="tour-button"> 222 <a href="#" class="btn btn-common">TAKE THE TOUR</a> 223 </div> 224 </div> 225 </div> 226 </div> 227 </div> 228 </div> 229 </section> 230 <!--/#action--> 231 232 <section id="recent-projects" class="recent-projects"> 233 <div class="container"> 234 <div class="row"> 235 <h1 class="title text-center wow fadeInDown" data-wow-duration="500ms" data-wow-delay="300ms">Recent Projects</h1> 236 <p class="text-center padding-bottom wow fadeInDown" data-wow-duration="400ms" data-wow-delay="400ms">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br> 237 Ut enim ad minim veniam, quis nostrud </p> 238 <div class="col-sm-3 col-xs-6 wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms"> 239 <div class="portfolio-wrapper"> 240 <div class="portfolio-single"> 241 <div class="portfolio-thumb"> 242 <img src="images/portfolio/1.jpg" class="img-responsive" alt=""> 243 </div> 244 <div class="portfolio-view"> 245 <ul class="nav nav-pills"> 246 <li><a href="images/portfolio/1.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 247 </ul> 248 </div> 249 </div> 250 <div class="portfolio-info"> 251 <h2>Sailing Vivamus</h2> 252 </div> 253 </div> 254 </div> 255 <div class="col-sm-3 col-xs-6 wow fadeIn" data-wow-duration="1000ms" data-wow-delay="400ms"> 256 <div class="portfolio-wrapper"> 257 <div class="portfolio-single"> 258 <div class="portfolio-thumb"> 259 <img src="images/portfolio/2.jpg" class="img-responsive" alt=""> 260 </div> 261 <div class="portfolio-view"> 262 <ul class="nav nav-pills"> 263 <li><a href="images/portfolio/2.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 264 </ul> 265 </div> 266 </div> 267 <div class="portfolio-info"> 268 <h2>Sailing Vivamus</h2> 269 </div> 270 </div> 271 </div> 272 <div class="col-sm-3 col-xs-6 wow fadeIn" data-wow-duration="1000ms" data-wow-delay="500ms"> 273 <div class="portfolio-wrapper"> 274 <div class="portfolio-single"> 275 <div class="portfolio-thumb"> 276 <img src="images/portfolio/3.jpg" class="img-responsive" alt=""> 277 </div> 278 <div class="portfolio-view"> 279 <ul class="nav nav-pills"> 280 <li><a href="images/portfolio/3.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 281 </ul> 282 </div> 283 </div> 284 <div class="portfolio-info"> 285 <h2>Sailing Vivamus</h2> 286 </div> 287 </div> 288 </div> 289 <div class="col-sm-3 col-xs-6 wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms"> 290 <div class="portfolio-wrapper"> 291 <div class="portfolio-single"> 292 <div class="portfolio-thumb"> 293 <img src="images/portfolio/4.jpg" class="img-responsive" alt=""> 294 </div> 295 <div class="portfolio-view"> 296 <ul class="nav nav-pills"> 297 <li><a href="images/portfolio/4.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 298 </ul> 299 </div> 300 </div> 301 <div class="portfolio-info"> 302 <h2>Sailing Vivamus</h2> 303 </div> 304 </div> 305 </div> 306 <div class="col-sm-3 col-xs-6 wow fadeIn" data-wow-duration="1000ms" data-wow-delay="700ms"> 307 <div class="portfolio-wrapper"> 308 <div class="portfolio-single"> 309 <div class="portfolio-thumb"> 310 <img src="images/portfolio/5.jpg" class="img-responsive" alt=""> 311 </div> 312 <div class="portfolio-view"> 313 <ul class="nav nav-pills"> 314 <li><a href="images/portfolio/5.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 315 </ul> 316 </div> 317 </div> 318 <div class="portfolio-info"> 319 <h2>Sailing Vivamus</h2> 320 </div> 321 </div> 322 </div> 323 <div class="col-sm-3 col-xs-6 wow fadeIn" data-wow-duration="1000ms" data-wow-delay="800ms"> 324 <div class="portfolio-wrapper"> 325 <div class="portfolio-single"> 326 <div class="portfolio-thumb"> 327 <img src="images/portfolio/6.jpg" class="img-responsive" alt=""> 328 </div> 329 <div class="portfolio-view"> 330 <ul class="nav nav-pills"> 331 <li><a href="images/portfolio/6.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 332 </ul> 333 </div> 334 </div> 335 <div class="portfolio-info"> 336 <h2>Sailing Vivamus</h2> 337 </div> 338 </div> 339 </div> 340 <div class="col-sm-3 col-xs-6 wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms"> 341 <div class="portfolio-wrapper"> 342 <div class="portfolio-single"> 343 <div class="portfolio-thumb"> 344 <img src="images/portfolio/7.jpg" class="img-responsive" alt=""> 345 </div> 346 <div class="portfolio-view"> 347 <ul class="nav nav-pills"> 348 <li><a href="images/portfolio/7.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 349 </ul> 350 </div> 351 </div> 352 <div class="portfolio-info"> 353 <h2>Sailing Vivamus</h2> 354 </div> 355 </div> 356 </div> 357 <div class="col-sm-3 col-xs-6 wow fadeIn" data-wow-duration="1000ms" data-wow-delay="1000ms"> 358 <div class="portfolio-wrapper"> 359 <div class="portfolio-single"> 360 <div class="portfolio-thumb"> 361 <img src="images/portfolio/8.jpg" class="img-responsive" alt=""> 362 </div> 363 <div class="portfolio-view"> 364 <ul class="nav nav-pills"> 365 <li><a href="images/portfolio/8.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 366 </ul> 367 </div> 368 </div> 369 <div class="portfolio-info"> 370 <h2>Sailing Vivamus</h2> 371 </div> 372 </div> 373 </div> 374 </div> 375 </div> 376 </section> 377 <!--/#recent-projects--> 378 379 <section id="clients"> 380 <div class="container"> 381 <div class="row"> 382 <div class="col-sm-12"> 383 <div class="clients text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms"> 384 <p><img src="images/home/clients.png" class="img-responsive" alt=""></p> 385 <h1 class="title">Happy Clients</h1> 386 <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br> Ut enim ad minim veniam, quis nostrud </p> 387 </div> 388 <div class="clients-logo wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms"> 389 <div class="col-xs-3 col-sm-2"> 390 <a href="#"><img src="images/home/client1.png" class="img-responsive" alt=""></a> 391 </div> 392 <div class="col-xs-3 col-sm-2"> 393 <a href="#"><img src="images/home/client2.png" class="img-responsive" alt=""></a> 394 </div> 395 <div class="col-xs-3 col-sm-2"> 396 <a href="#"><img src="images/home/client3.png" class="img-responsive" alt=""></a> 397 </div> 398 <div class="col-xs-3 col-sm-2"> 399 <a href="#"><img src="images/home/client4.png" class="img-responsive" alt=""></a> 400 </div> 401 <div class="col-xs-3 col-sm-2"> 402 <a href="#"><img src="images/home/client5.png" class="img-responsive" alt=""></a> 403 </div> 404 <div class="col-xs-3 col-sm-2"> 405 <a href="#"><img src="images/home/client6.png" class="img-responsive" alt=""></a> 406 </div> 407 </div> 408 </div> 409 </div> 410 </div> 411 </section> 412 <!--/#clients--> 413 414 415 <footer id="footer"> 416 <div class="container"> 417 <div class="row"> 418 <div class="col-sm-12 text-center bottom-separator"> 419 <img src="images/home/under.png" class="img-responsive inline" alt=""> 420 </div> 421 <div class="col-md-4 col-sm-6"> 422 <div class="testimonial bottom"> 423 <h2>Testimonial</h2> 424 <div class="media"> 425 <div class="pull-left"> 426 <a href="#"><img src="images/home/profile1.png" alt=""></a> 427 </div> 428 <div class="media-body"> 429 <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote> 430 <h3><a href="#">- Jhon Kalis</a></h3> 431 </div> 432 </div> 433 <div class="media"> 434 <div class="pull-left"> 435 <a href="#"><img src="images/home/profile2.png" alt=""></a> 436 </div> 437 <div class="media-body"> 438 <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote> 439 <h3><a href="">- Abraham Josef</a></h3> 440 </div> 441 </div> 442 </div> 443 </div> 444 <div class="col-md-3 col-sm-6"> 445 <div class="contact-info bottom"> 446 <h2>Contacts</h2> 447 <address> 448 E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br> 449 Phone: +1 (123) 456 7890 <br> 450 Fax: +1 (123) 456 7891 <br> 451 </address> 452 453 <h2>Address</h2> 454 <address> 455 Unit C2, St.Vincent's Trading Est., <br> 456 Feeder Road, <br> 457 Bristol, BS2 0UY <br> 458 United Kingdom <br> 459 </address> 460 </div> 461 </div> 462 <div class="col-md-4 col-sm-12"> 463 <div class="contact-form bottom"> 464 <h2>Send a message</h2> 465 <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php"> 466 <div class="form-group"> 467 <input type="text" name="name" class="form-control" required="required" placeholder="Name"> 468 </div> 469 <div class="form-group"> 470 <input type="email" name="email" class="form-control" required="required" placeholder="Email Id"> 471 </div> 472 <div class="form-group"> 473 <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea> 474 </div> 475 <div class="form-group"> 476 <input type="submit" name="submit" class="btn btn-submit" value="Submit"> 477 </div> 478 </form> 479 </div> 480 </div> 481 <div class="col-sm-12"> 482 <div class="copyright-text text-center"> 483 <p>© Your Company 2014. All Rights Reserved.</p> 484 <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p> 485 </div> 486 </div> 487 </div> 488 </div> 489 </footer> 490 <!--/#footer--> 491 492 <script type="text/javascript" src="js/jquery.js"></script> 493 <script type="text/javascript" src="js/bootstrap.min.js"></script> 494 <script type="text/javascript" src="js/lightbox.min.js"></script> 495 <script type="text/javascript" src="js/wow.min.js"></script> 496 <script type="text/javascript" src="js/main.js"></script> 497 </body> 498 </html>