portfolio.html (30422B)
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>Portfolio Default | 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"><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 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 active"><a href="portfolio.html">Portfolio <i class="fa fa-angle-down"></i></a> 85 <ul role="menu" class="sub-menu"> 86 <li><a class="active" 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 111 <section id="page-breadcrumb"> 112 <div class="vertical-center sun"> 113 <div class="container"> 114 <div class="row"> 115 <div class="action"> 116 <div class="col-sm-12"> 117 <h1 class="title">Portfolio</h1> 118 <p>Be Creative</p> 119 </div> 120 </div> 121 </div> 122 </div> 123 </div> 124 </section> 125 <!--/#action--> 126 127 <section id="portfolio"> 128 <div class="container"> 129 <div class="row"> 130 <ul class="portfolio-filter text-center"> 131 <li><a class="btn btn-default active" href="#" data-filter="*">All</a></li> 132 <li><a class="btn btn-default" href="#" data-filter=".branded">Branded</a></li> 133 <li><a class="btn btn-default" href="#" data-filter=".design">Design</a></li> 134 <li><a class="btn btn-default" href="#" data-filter=".folio">Folio</a></li> 135 <li><a class="btn btn-default" href="#" data-filter=".logos">Logos</a></li> 136 <li><a class="btn btn-default" href="#" data-filter=".mobile">Mobile</a></li> 137 <li><a class="btn btn-default" href="#" data-filter=".mockup">Mockup</a></li> 138 </ul><!--/#portfolio-filter--> 139 140 <div class="portfolio-items"> 141 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item branded logos"> 142 <div class="portfolio-wrapper"> 143 <div class="portfolio-single"> 144 <div class="portfolio-thumb"> 145 <img src="images/portfolio/1.jpg" class="img-responsive" alt=""> 146 </div> 147 <div class="portfolio-view"> 148 <ul class="nav nav-pills"> 149 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 150 <li><a href="images/portfolio/1.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 151 </ul> 152 </div> 153 </div> 154 <div class="portfolio-info "> 155 <h2>Sailing Vivamus</h2> 156 </div> 157 </div> 158 </div> 159 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item branded folio"> 160 <div class="portfolio-wrapper"> 161 <div class="portfolio-single"> 162 <div class="portfolio-thumb"> 163 <img src="images/portfolio/2.jpg" class="img-responsive" alt=""> 164 </div> 165 <div class="portfolio-view"> 166 <ul class="nav nav-pills"> 167 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 168 <li><a href="images/portfolio/2.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 169 </ul> 170 </div> 171 </div> 172 <div class="portfolio-info"> 173 <h2>Sailing Vivamus</h2> 174 </div> 175 </div> 176 </div> 177 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item design logos"> 178 <div class="portfolio-wrapper"> 179 <div class="portfolio-single"> 180 <div class="portfolio-thumb"> 181 <img src="images/portfolio/3.jpg" class="img-responsive" alt=""> 182 </div> 183 <div class="portfolio-view"> 184 <ul class="nav nav-pills"> 185 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 186 <li><a href="images/portfolio/3.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 187 </ul> 188 </div> 189 </div> 190 <div class="portfolio-info "> 191 <h2>Sailing Vivamus</h2> 192 </div> 193 </div> 194 </div> 195 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item design logos"> 196 <div class="portfolio-wrapper"> 197 <div class="portfolio-single"> 198 <div class="portfolio-thumb"> 199 <img src="images/portfolio/4.jpg" class="img-responsive" alt=""> 200 </div> 201 <div class="portfolio-view"> 202 <ul class="nav nav-pills"> 203 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 204 <li><a href="images/portfolio/4.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 205 </ul> 206 </div> 207 </div> 208 <div class="portfolio-info "> 209 <h2>Sailing Vivamus</h2> 210 </div> 211 </div> 212 </div> 213 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item branded mobile"> 214 <div class="portfolio-wrapper"> 215 <div class="portfolio-single"> 216 <div class="portfolio-thumb"> 217 <img src="images/portfolio/5.jpg" class="img-responsive" alt=""> 218 </div> 219 <div class="portfolio-view"> 220 <ul class="nav nav-pills"> 221 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 222 <li><a href="images/portfolio/5.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 223 </ul> 224 </div> 225 </div> 226 <div class="portfolio-info "> 227 <h2>Sailing Vivamus</h2> 228 </div> 229 </div> 230 </div> 231 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item branded mockup"> 232 <div class="portfolio-wrapper"> 233 <div class="portfolio-single"> 234 <div class="portfolio-thumb"> 235 <img src="images/portfolio/6.jpg" class="img-responsive" alt=""> 236 </div> 237 <div class="portfolio-view"> 238 <ul class="nav nav-pills"> 239 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 240 <li><a href="images/portfolio/6.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 241 </ul> 242 </div> 243 </div> 244 <div class="portfolio-info "> 245 <h2>Sailing Vivamus</h2> 246 </div> 247 </div> 248 </div> 249 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item branded folio"> 250 <div class="portfolio-wrapper"> 251 <div class="portfolio-single"> 252 <div class="portfolio-thumb"> 253 <img src="images/portfolio/7.jpg" class="img-responsive" alt=""> 254 </div> 255 <div class="portfolio-view"> 256 <ul class="nav nav-pills"> 257 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 258 <li><a href="images/portfolio/7.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 259 </ul> 260 </div> 261 </div> 262 <div class="portfolio-info "> 263 <h2>Sailing Vivamus</h2> 264 </div> 265 </div> 266 </div> 267 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item design logos"> 268 <div class="portfolio-wrapper"> 269 <div class="portfolio-single"> 270 <div class="portfolio-thumb"> 271 <img src="images/portfolio/8.jpg" class="img-responsive" alt=""> 272 </div> 273 <div class="portfolio-view"> 274 <ul class="nav nav-pills"> 275 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 276 <li><a href="images/portfolio/8.jpg#" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 277 </ul> 278 </div> 279 </div> 280 <div class="portfolio-info "> 281 <h2>Sailing Vivamus</h2> 282 </div> 283 </div> 284 </div> 285 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item branded logos"> 286 <div class="portfolio-wrapper"> 287 <div class="portfolio-single"> 288 <div class="portfolio-thumb"> 289 <img src="images/portfolio/9.jpg" class="img-responsive" alt=""> 290 </div> 291 <div class="portfolio-view"> 292 <ul class="nav nav-pills"> 293 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 294 <li><a href="images/portfolio/9.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 295 </ul> 296 </div> 297 </div> 298 <div class="portfolio-info "> 299 <h2>Sailing Vivamus</h2> 300 </div> 301 </div> 302 </div> 303 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item branded mockup"> 304 <div class="portfolio-wrapper"> 305 <div class="portfolio-single"> 306 <div class="portfolio-thumb"> 307 <img src="images/portfolio/10.jpg" class="img-responsive" alt=""> 308 </div> 309 <div class="portfolio-view"> 310 <ul class="nav nav-pills"> 311 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 312 <li><a href="images/portfolio/10.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 313 </ul> 314 </div> 315 </div> 316 <div class="portfolio-info "> 317 <h2>Sailing Vivamus</h2> 318 </div> 319 </div> 320 </div> 321 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item design folio"> 322 <div class="portfolio-wrapper"> 323 <div class="portfolio-single"> 324 <div class="portfolio-thumb"> 325 <img src="images/portfolio/11.jpg" class="img-responsive" alt=""> 326 </div> 327 <div class="portfolio-view"> 328 <ul class="nav nav-pills"> 329 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 330 <li><a href="images/portfolio/11.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 331 </ul> 332 </div> 333 </div> 334 <div class="portfolio-info "> 335 <h2>Sailing Vivamus</h2> 336 </div> 337 </div> 338 </div> 339 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item branded mockup"> 340 <div class="portfolio-wrapper"> 341 <div class="portfolio-single"> 342 <div class="portfolio-thumb"> 343 <img src="images/portfolio/12.jpg" class="img-responsive" alt=""> 344 </div> 345 <div class="portfolio-view"> 346 <ul class="nav nav-pills"> 347 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 348 <li><a href="images/portfolio/12.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-xs-6 col-sm-4 col-md-3 portfolio-item design mobile"> 358 <div class="portfolio-wrapper"> 359 <div class="portfolio-single"> 360 <div class="portfolio-thumb"> 361 <img src="images/portfolio/13.jpg" class="img-responsive" alt=""> 362 </div> 363 <div class="portfolio-view"> 364 <ul class="nav nav-pills"> 365 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 366 <li><a href="images/portfolio/13.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 367 </ul> 368 </div> 369 </div> 370 <div class="portfolio-info "> 371 <h2>Sailing Vivamus</h2> 372 </div> 373 </div> 374 </div> 375 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item design logos"> 376 <div class="portfolio-wrapper"> 377 <div class="portfolio-single"> 378 <div class="portfolio-thumb"> 379 <img src="images/portfolio/14.jpg" class="img-responsive" alt=""> 380 </div> 381 <div class="portfolio-view"> 382 <ul class="nav nav-pills"> 383 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 384 <li><a href="images/portfolio/14.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 385 </ul> 386 </div> 387 </div> 388 <div class="portfolio-info "> 389 <h2>Sailing Vivamus</h2> 390 </div> 391 </div> 392 </div> 393 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item branded logos"> 394 <div class="portfolio-wrapper"> 395 <div class="portfolio-single"> 396 <div class="portfolio-thumb"> 397 <img src="images/portfolio/15.jpg" class="img-responsive" alt=""> 398 </div> 399 <div class="portfolio-view"> 400 <ul class="nav nav-pills"> 401 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 402 <li><a href="images/portfolio/15.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 403 </ul> 404 </div> 405 </div> 406 <div class="portfolio-info "> 407 <h2>Sailing Vivamus</h2> 408 </div> 409 </div> 410 </div> 411 <div class="col-xs-6 col-sm-4 col-md-3 portfolio-item branded logos"> 412 <div class="portfolio-wrapper"> 413 <div class="portfolio-single"> 414 <div class="portfolio-thumb"> 415 <img src="images/portfolio/16.jpg" class="img-responsive" alt=""> 416 </div> 417 <div class="portfolio-view"> 418 <ul class="nav nav-pills"> 419 <li><a href="portfolio-details.html"><i class="fa fa-link"></i></a></li> 420 <li><a href="images/portfolio/16.jpg" data-lightbox="example-set"><i class="fa fa-eye"></i></a></li> 421 </ul> 422 </div> 423 </div> 424 <div class="portfolio-info "> 425 <h2>Sailing Vivamus</h2> 426 </div> 427 </div> 428 </div> 429 </div> 430 <div class="portfolio-pagination"> 431 <ul class="pagination"> 432 <li><a href="#">left</a></li> 433 <li><a href="#">1</a></li> 434 <li><a href="#">2</a></li> 435 <li class="active"><a href="#">3</a></li> 436 <li><a href="#">4</a></li> 437 <li><a href="#">5</a></li> 438 <li><a href="#">6</a></li> 439 <li><a href="#">7</a></li> 440 <li><a href="#">8</a></li> 441 <li><a href="#">9</a></li> 442 <li><a href="#">right</a></li> 443 </ul> 444 </div> 445 </div> 446 </div> 447 </section> 448 <!--/#portfolio--> 449 450 451 <footer id="footer"> 452 <div class="container"> 453 <div class="row"> 454 <div class="col-sm-12 text-center bottom-separator"> 455 <img src="images/home/under.png" class="img-responsive inline" alt=""> 456 </div> 457 <div class="col-md-4 col-sm-6"> 458 <div class="testimonial bottom"> 459 <h2>Testimonial</h2> 460 <div class="media"> 461 <div class="pull-left"> 462 <a href="#"><img src="images/home/profile1.png" alt=""></a> 463 </div> 464 <div class="media-body"> 465 <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote> 466 <h3><a href="#">- Jhon Kalis</a></h3> 467 </div> 468 </div> 469 <div class="media"> 470 <div class="pull-left"> 471 <a href="#"><img src="images/home/profile2.png" alt=""></a> 472 </div> 473 <div class="media-body"> 474 <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote> 475 <h3><a href="">- Abraham Josef</a></h3> 476 </div> 477 </div> 478 </div> 479 </div> 480 <div class="col-md-3 col-sm-6"> 481 <div class="contact-info bottom"> 482 <h2>Contacts</h2> 483 <address> 484 E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br> 485 Phone: +1 (123) 456 7890 <br> 486 Fax: +1 (123) 456 7891 <br> 487 </address> 488 489 <h2>Address</h2> 490 <address> 491 Unit C2, St.Vincent's Trading Est., <br> 492 Feeder Road, <br> 493 Bristol, BS2 0UY <br> 494 United Kingdom <br> 495 </address> 496 </div> 497 </div> 498 <div class="col-md-4 col-sm-12"> 499 <div class="contact-form bottom"> 500 <h2>Send a message</h2> 501 <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php"> 502 <div class="form-group"> 503 <input type="text" name="name" class="form-control" required="required" placeholder="Name"> 504 </div> 505 <div class="form-group"> 506 <input type="email" name="email" class="form-control" required="required" placeholder="Email Id"> 507 </div> 508 <div class="form-group"> 509 <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea> 510 </div> 511 <div class="form-group"> 512 <input type="submit" name="submit" class="btn btn-submit" value="Submit"> 513 </div> 514 </form> 515 </div> 516 </div> 517 <div class="col-sm-12"> 518 <div class="copyright-text text-center"> 519 <p>© Your Company 2014. All Rights Reserved.</p> 520 <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p> 521 </div> 522 </div> 523 </div> 524 </div> 525 </footer> 526 <!--/#footer--> 527 528 529 <script type="text/javascript" src="js/jquery.js"></script> 530 <script type="text/javascript" src="js/bootstrap.min.js"></script> 531 <script type="text/javascript" src="js/jquery.isotope.min.js"></script> 532 <script type="text/javascript" src="js/lightbox.min.js"></script> 533 <script type="text/javascript" src="js/wow.min.js"></script> 534 <script type="text/javascript" src="js/main.js"></script> 535 </body> 536 </html>