aboutus2.html (29719B)
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>About Us | 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 class="active" href="aboutus2.html">About 2</a></li> 66 <li><a 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="blogthree.html">1 Column + Left Sidebar</a></li> 79 <li><a href="blogfour.html">Blog Masonary</a></li> 80 <li><a href="blogdetails.html">Blog Details</a></li> 81 </ul> 82 </li> 83 <li class="dropdown"><a href="portfolio.html">Portfolio <i class="fa fa-angle-down"></i></a> 84 <ul role="menu" class="sub-menu"> 85 <li><a href="portfolio.html">Portfolio Default</a></li> 86 <li><a href="portfoliofour.html">Isotope 3 Columns + Right Sidebar</a></li> 87 <li><a href="portfolioone.html">3 Columns + Right Sidebar</a></li> 88 <li><a href="portfoliotwo.html">3 Columns + Left Sidebar</a></li> 89 <li><a href="portfoliothree.html">2 Columns</a></li> 90 <li><a href="portfolio-details.html">Portfolio Details</a></li> 91 </ul> 92 </li> 93 <li><a href="shortcodes.html">Shortcodes</a></li> 94 </ul> 95 </div> 96 <div class="search"> 97 <form role="form"> 98 <i class="fa fa-search"></i> 99 <div class="field-toggle"> 100 <input type="text" class="search-form" autocomplete="off" placeholder="Search"> 101 </div> 102 </form> 103 </div> 104 </div> 105 </div> 106 </header> 107 <!--/#header--> 108 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">About Us</h1> 117 <p>Why our Clients love to work with us.</p> 118 </div> 119 </div> 120 </div> 121 </div> 122 </div> 123 </section> 124 <!--/#page-breadcrumb--> 125 126 <section id="about-company" class="padding-top wow fadeInUp" data-wow-duration="400ms" data-wow-delay="400ms"> 127 <div class="container"> 128 <div class="row"> 129 <div class="col-sm-12 text-center"> 130 <img src="images/aboutus/5.png" class="margin-bottom" alt=""> 131 <h1 class="margin-bottom">About Our Company</h1> 132 <p>Pork chop duis eu pig, labore sausage venison. Shankle fugiat duis, filet mignon tri-tip venison beef shank ribeye<br /> aliqua cillum dolore sed do in.</p> 133 </div> 134 </div> 135 </div> 136 </section> 137 <!--/#about-company--> 138 139 <section id="services"> 140 <div class="container"> 141 <div class="row"> 142 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms"> 143 <div class="single-service"> 144 <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="300ms"> 145 <img src="images/home/icon1.png" alt=""> 146 </div> 147 <h2>Incredibly Responsive</h2> 148 <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine. Cow shankle beef sirloin chicken ground round.</p> 149 </div> 150 </div> 151 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms"> 152 <div class="single-service"> 153 <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="600ms"> 154 <img src="images/home/icon2.png" alt=""> 155 </div> 156 <h2>Superior Typography</h2> 157 <p>Hamburger ribeye drumstick turkey, strip steak sausage ground round shank pastrami beef brisket pancetta venison.</p> 158 </div> 159 </div> 160 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms"> 161 <div class="single-service"> 162 <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="900ms"> 163 <img src="images/home/icon3.png" alt=""> 164 </div> 165 <h2>Swift Page Builder</h2> 166 <p>Venison tongue, salami corned beef ball tip meatloaf bacon. Fatback pork belly bresaola tenderloin bone pork kevin shankle.</p> 167 </div> 168 </div> 169 </div> 170 </div> 171 </section> 172 <!--/#services--> 173 174 <section id="action"> 175 <div class="vertical-center"> 176 <div class="container"> 177 <div class="row"> 178 <div class="action count"> 179 <div class="col-sm-3 text-center wow bounceIn" data-wow-duration="1000ms" data-wow-delay="300ms"> 180 <h1 class="timer bold" data-to="7000" data-speed="3000" data-from="0"></h1> 181 <h3>Happy Clients</h3> 182 </div> 183 <div class="col-sm-3 text-center wow bounceIn" data-wow-duration="1000ms" data-wow-delay="300ms"> 184 <h1 class="timer bold" data-to="12" data-speed="3000" data-from="0"></h1> 185 <h3>Years in Business</h3> 186 </div> 187 <div class="col-sm-3 text-center wow bounceIn" data-wow-duration="1000ms" data-wow-delay="300ms"> 188 <h1 class="timer bold" data-to="432" data-speed="3000" data-from="0"></h1> 189 <h3>Cups of Coffee</h3> 190 </div> 191 <div class="col-sm-3 text-center wow bounceIn" data-wow-duration="1000ms" data-wow-delay="300ms"> 192 <h1 class="timer bold" data-to="145" data-speed="3000" data-from="0"></h1> 193 <h3>Total Project</h3> 194 </div> 195 </div> 196 </div> 197 </div> 198 </div> 199 </section> 200 <!--/#action--> 201 202 <section id="company-information" class="padding-top"> 203 <div class="container"> 204 <div class="row"> 205 <div class="about-us"> 206 <div class="col-sm-7 wow fadeInLeft" data-wow-duration="1000ms" data-wow-delay="300ms"> 207 <h2 class="bold">About Triangle</h2> 208 <div class="row"> 209 <div class="col-sm-5"> 210 <img src="images/aboutus/6.png" class="img-responsive" alt=""> 211 </div> 212 <div class="col-sm-7"> 213 <h3 class="top-zero">Who we are</h3> 214 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <br> <br> Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p> 215 </div> 216 </div> 217 </div> 218 <div class="col-sm-5 wow fadeInRight" data-wow-duration="1000ms" data-wow-delay="300ms"> 219 <div class="our-skills"> 220 <h2 class="bold">Our Skills</h2> 221 <div class="single-skill"> 222 <h3>Design</h3> 223 <div class="progress"> 224 <div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" data-transition="35">35%</div> 225 </div> 226 </div> 227 <div class="single-skill"> 228 <h3>HTML</h3> 229 <div class="progress"> 230 <div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" data-transition="80">80%</div> 231 </div> 232 </div> 233 <div class="single-skill"> 234 <h3>PHP</h3> 235 <div class="progress"> 236 <div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" data-transition="60">60%</div> 237 </div> 238 </div> 239 </div> 240 </div> 241 </div> 242 </div> 243 </div> 244 </section> 245 <!--/#company-information--> 246 247 <section id="team"> 248 <div class="container"> 249 <div class="row"> 250 <h1 class="title text-center wow fadeInDown" data-wow-duration="500ms" data-wow-delay="300ms">Meet the Team</h1> 251 <p class="text-center wow fadeInDown" data-wow-duration="400ms" data-wow-delay="400ms">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br> 252 Ut enim ad minim veniam, quis nostrud </p> 253 <div id="team-carousel" class="carousel slide wow fadeIn" data-ride="carousel" data-wow-duration="400ms" data-wow-delay="400ms"> 254 <!-- Indicators --> 255 <ol class="carousel-indicators visible-xs"> 256 <li data-target="#team-carousel" data-slide-to="0" class="active"></li> 257 <li data-target="#team-carousel" data-slide-to="1"></li> 258 </ol> 259 <!-- Wrapper for slides --> 260 <div class="carousel-inner"> 261 <div class="item active"> 262 <div class="col-sm-3 col-xs-6"> 263 <div class="team-single-wrapper"> 264 <div class="team-single"> 265 <div class="person-thumb"> 266 <img src="images/aboutus/1.jpg" class="img-responsive" alt=""> 267 </div> 268 <div class="social-profile"> 269 <ul class="nav nav-pills"> 270 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 271 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 272 <li><a href="#"><i class="fa fa-google-plus"></i></a></li> 273 </ul> 274 </div> 275 </div> 276 <div class="person-info"> 277 <h2>John Doe</h2> 278 <p>CEO & Developer</p> 279 </div> 280 </div> 281 </div> 282 <div class="col-sm-3 col-xs-6"> 283 <div class="team-single-wrapper"> 284 <div class="team-single"> 285 <div class="person-thumb"> 286 <img src="images/aboutus/2.jpg" class="img-responsive" alt=""> 287 </div> 288 <div class="social-profile"> 289 <ul class="nav nav-pills"> 290 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 291 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 292 <li><a href="#"><i class="fa fa-google-plus"></i></a></li> 293 </ul> 294 </div> 295 </div> 296 <div class="person-info"> 297 <h2>John Doe</h2> 298 <p>CEO & Developer</p> 299 </div> 300 </div> 301 </div> 302 <div class="col-sm-3 col-xs-6"> 303 <div class="team-single-wrapper"> 304 <div class="team-single"> 305 <div class="person-thumb"> 306 <img src="images/aboutus/3.jpg" class="img-responsive" alt=""> 307 </div> 308 <div class="social-profile"> 309 <ul class="nav nav-pills"> 310 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 311 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 312 <li><a href="#"><i class="fa fa-google-plus"></i></a></li> 313 </ul> 314 </div> 315 </div> 316 <div class="person-info"> 317 <h2>John Doe</h2> 318 <p>CEO & Developer</p> 319 </div> 320 </div> 321 </div> 322 <div class="col-sm-3 col-xs-6"> 323 <div class="team-single-wrapper"> 324 <div class="team-single"> 325 <div class="person-thumb"> 326 <img src="images/aboutus/1.jpg" class="img-responsive" alt=""> 327 </div> 328 <div class="social-profile"> 329 <ul class="nav nav-pills"> 330 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 331 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 332 <li><a href="#"><i class="fa fa-google-plus"></i></a></li> 333 </ul> 334 </div> 335 </div> 336 <div class="person-info"> 337 <h2>John Doe</h2> 338 <p>CEO & Developer</p> 339 </div> 340 </div> 341 </div> 342 </div> 343 <div class="item"> 344 <div class="col-sm-3 col-xs-6"> 345 <div class="team-single-wrapper"> 346 <div class="team-single"> 347 <div class="person-thumb"> 348 <img src="images/aboutus/4.jpg" class="img-responsive" alt=""> 349 </div> 350 <div class="social-profile"> 351 <ul class="nav nav-pills"> 352 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 353 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 354 <li><a href="#"><i class="fa fa-google-plus"></i></a></li> 355 </ul> 356 </div> 357 </div> 358 <div class="person-info"> 359 <h2>John Doe</h2> 360 <p>CEO & Developer</p> 361 </div> 362 </div> 363 </div> 364 <div class="col-sm-3 col-xs-6"> 365 <div class="team-single-wrapper"> 366 <div class="team-single"> 367 <div class="person-thumb"> 368 <img src="images/aboutus/3.jpg" class="img-responsive" alt=""> 369 </div> 370 <div class="social-profile"> 371 <ul class="nav nav-pills"> 372 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 373 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 374 <li><a href="#"><i class="fa fa-google-plus"></i></a></li> 375 </ul> 376 </div> 377 </div> 378 <div class="person-info"> 379 <h2>John Doe</h2> 380 <p>CEO & Developer</p> 381 </div> 382 </div> 383 </div> 384 <div class="col-sm-3 col-xs-6"> 385 <div class="team-single-wrapper"> 386 <div class="team-single"> 387 <div class="person-thumb"> 388 <img src="images/aboutus/2.jpg" class="img-responsive" alt=""> 389 </div> 390 <div class="social-profile"> 391 <ul class="nav nav-pills"> 392 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 393 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 394 <li><a href="#"><i class="fa fa-google-plus"></i></a></li> 395 </ul> 396 </div> 397 </div> 398 <div class="person-info"> 399 <h2>John Doe</h2> 400 <p>CEO & Developer</p> 401 </div> 402 </div> 403 </div> 404 <div class="col-sm-3 col-xs-6"> 405 <div class="team-single-wrapper"> 406 <div class="team-single"> 407 <div class="person-thumb"> 408 <img src="images/aboutus/1.jpg" class="img-responsive" alt=""> 409 </div> 410 <div class="social-profile"> 411 <ul class="nav nav-pills"> 412 <li><a href="#"><i class="fa fa-facebook"></i></a></li> 413 <li><a href="#"><i class="fa fa-twitter"></i></a></li> 414 <li><a href="#"><i class="fa fa-google-plus"></i></a></li> 415 </ul> 416 </div> 417 </div> 418 <div class="person-info"> 419 <h2>John Doe</h2> 420 <p>CEO & Developer</p> 421 </div> 422 </div> 423 </div> 424 </div> 425 </div> 426 427 <!-- Controls --> 428 <a class="left team-carousel-control hidden-xs" href="#team-carousel" data-slide="prev">left</a> 429 <a class="right team-carousel-control hidden-xs" href="#team-carousel" data-slide="next">right</a> 430 </div> 431 </div> 432 </div> 433 </section> 434 <!--/#team--> 435 436 <footer id="footer"> 437 <div class="container"> 438 <div class="row"> 439 <div class="col-sm-12 text-center bottom-separator"> 440 <img src="images/home/under.png" class="img-responsive inline" alt=""> 441 </div> 442 <div class="col-md-4 col-sm-6"> 443 <div class="testimonial bottom"> 444 <h2>Testimonial</h2> 445 <div class="media"> 446 <div class="pull-left"> 447 <a href="#"><img src="images/home/profile1.png" alt=""></a> 448 </div> 449 <div class="media-body"> 450 <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote> 451 <h3><a href="#">- Jhon Kalis</a></h3> 452 </div> 453 </div> 454 <div class="media"> 455 <div class="pull-left"> 456 <a href="#"><img src="images/home/profile2.png" alt=""></a> 457 </div> 458 <div class="media-body"> 459 <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote> 460 <h3><a href="">- Abraham Josef</a></h3> 461 </div> 462 </div> 463 </div> 464 </div> 465 <div class="col-md-3 col-sm-6"> 466 <div class="contact-info bottom"> 467 <h2>Contacts</h2> 468 <address> 469 E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br> 470 Phone: +1 (123) 456 7890 <br> 471 Fax: +1 (123) 456 7891 <br> 472 </address> 473 474 <h2>Address</h2> 475 <address> 476 Unit C2, St.Vincent's Trading Est., <br> 477 Feeder Road, <br> 478 Bristol, BS2 0UY <br> 479 United Kingdom <br> 480 </address> 481 </div> 482 </div> 483 <div class="col-md-4 col-sm-12"> 484 <div class="contact-form bottom"> 485 <h2>Send a message</h2> 486 <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php"> 487 <div class="form-group"> 488 <input type="text" name="name" class="form-control" required="required" placeholder="Name"> 489 </div> 490 <div class="form-group"> 491 <input type="email" name="email" class="form-control" required="required" placeholder="Email Id"> 492 </div> 493 <div class="form-group"> 494 <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea> 495 </div> 496 <div class="form-group"> 497 <input type="submit" name="submit" class="btn btn-submit" value="Submit"> 498 </div> 499 </form> 500 </div> 501 </div> 502 <div class="col-sm-12"> 503 <div class="copyright-text text-center"> 504 <p>© Your Company 2014. All Rights Reserved.</p> 505 <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p> 506 </div> 507 </div> 508 </div> 509 </div> 510 </footer> 511 <!--/#footer--> 512 513 <script type="text/javascript" src="js/jquery.js"></script> 514 <script type="text/javascript" src="js/bootstrap.min.js"></script> 515 <script type="text/javascript" src="js/lightbox.min.js"></script> 516 <script type="text/javascript" src="js/wow.min.js"></script> 517 <script type="text/javascript" src="js/jquery.countTo.js"></script> 518 <script type="text/javascript" src="js/main.js"></script> 519 520 </body> 521 </html>