shortcodes.html (35270B)
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>Shortcodes | 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/animate.min.css" rel="stylesheet"> 12 <link href="css/lightbox.css" rel="stylesheet"> 13 <link href="css/main.css" rel="stylesheet"> 14 <link href="css/responsive.css" rel="stylesheet"> 15 <!--[if lt IE 9]> 16 <script src="js/html5shiv.js"></script> 17 <script src="js/respond.min.js"></script> 18 <![endif]--> 19 <link rel="shortcut icon" href="images/ico/favicon.ico"> 20 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png"> 21 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png"> 22 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png"> 23 <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png"> 24 </head><!--/head--> 25 26 <body> 27 <header id="header"> 28 <div class="container"> 29 <div class="row"> 30 <div class="col-sm-12 overflow"> 31 <div class="social-icons pull-right"> 32 <ul class="nav nav-pills"> 33 <li><a href=""><i class="fa fa-facebook"></i></a></li> 34 <li><a href=""><i class="fa fa-twitter"></i></a></li> 35 <li><a href=""><i class="fa fa-google-plus"></i></a></li> 36 <li><a href=""><i class="fa fa-dribbble"></i></a></li> 37 <li><a href=""><i class="fa fa-linkedin"></i></a></li> 38 </ul> 39 </div> 40 </div> 41 </div> 42 </div> 43 <div class="navbar navbar-inverse" role="banner"> 44 <div class="container"> 45 <div class="navbar-header"> 46 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 47 <span class="sr-only">Toggle navigation</span> 48 <span class="icon-bar"></span> 49 <span class="icon-bar"></span> 50 <span class="icon-bar"></span> 51 </button> 52 53 <a class="navbar-brand" href="index.html"> 54 <h1><img src="images/logo.png" alt="logo"></h1> 55 </a> 56 57 </div> 58 <div class="collapse navbar-collapse"> 59 <ul class="nav navbar-nav navbar-right"> 60 <li><a href="index.html">Home</a></li> 61 <li class="dropdown"><a href="#">Pages <i class="fa fa-angle-down"></i></a> 62 <ul role="menu" class="sub-menu"> 63 <li><a href="aboutus.html">About</a></li> 64 <li><a href="aboutus2.html">About 2</a></li> 65 <li><a href="service.html">Services</a></li> 66 <li><a href="pricing.html">Pricing</a></li> 67 <li><a href="contact.html">Contact us</a></li> 68 <li><a href="contact2.html">Contact us 2</a></li> 69 <li><a href="404.html">404 error</a></li> 70 <li><a href="coming-soon.html">Coming Soon</a></li> 71 </ul> 72 </li> 73 <li class="dropdown"><a href="blog.html">Blog <i class="fa fa-angle-down"></i></a> 74 <ul role="menu" class="sub-menu"> 75 <li><a href="blog.html">Blog Default</a></li> 76 <li><a href="blogtwo.html">Timeline Blog</a></li> 77 <li><a href="blogone.html">2 Columns + Right Sidebar</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 class="active"><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 <section id="page-breadcrumb"> 110 <div class="vertical-center sun"> 111 <div class="container"> 112 <div class="row"> 113 <div class="action"> 114 <div class="col-sm-12"> 115 <h1 class="title">Shortcodes</h1> 116 <p>A Cool Collection of Bootstrap Shortcodes</p> 117 </div> 118 </div> 119 </div> 120 </div> 121 </div> 122 </section> 123 <!--/#action--> 124 125 <section id="shortcodes"> 126 <div class="container"> 127 128 <div id="buttons-container"> 129 <h2 class="page-header">Buttons</h2> 130 <div class="bs-example"> 131 <button type="button" class="btn btn-xs btn-default">Default</button> 132 <button type="button" class="btn btn-xs btn-primary">Primary</button> 133 <button type="button" class="btn btn-xs btn-success">Success</button> 134 <button type="button" class="btn btn-xs btn-info">Info</button> 135 <button type="button" class="btn btn-xs btn-warning">Warning</button> 136 <button type="button" class="btn btn-xs btn-danger">Danger</button> 137 </div> 138 <div class="bs-example"> 139 <button type="button" class="btn btn-sm btn-default">Default</button> 140 <button type="button" class="btn btn-sm btn-primary">Primary</button> 141 <button type="button" class="btn btn-sm btn-success">Success</button> 142 <button type="button" class="btn btn-sm btn-info">Info</button> 143 <button type="button" class="btn btn-sm btn-warning">Warning</button> 144 <button type="button" class="btn btn-sm btn-danger">Danger</button> 145 </div> 146 <div class="bs-example"> 147 <button type="button" class="btn btn-default">Default</button> 148 <button type="button" class="btn btn-primary">Primary</button> 149 <button type="button" class="btn btn-success">Success</button> 150 <button type="button" class="btn btn-info">Info</button> 151 <button type="button" class="btn btn-warning">Warning</button> 152 <button type="button" class="btn btn-danger">Danger</button> 153 </div> 154 155 <div class="bs-example"> 156 <button type="button" class="btn btn-lg btn-default"><i class="fa fa-cog"></i> Default</button> 157 <button type="button" class="btn btn-lg btn-primary"><i class="fa fa-heart"></i> Primary</button> 158 <button type="button" class="btn btn-lg btn-success">Success</button> 159 <button type="button" class="btn btn-lg btn-info">Info</button> 160 <button type="button" class="btn btn-lg btn-warning">Warning</button> 161 <button type="button" class="btn btn-lg btn-danger">Danger</button> 162 </div> 163 </div><!--/#buttons-container--> 164 165 <div id="feature-container"> 166 <div class="row"> 167 <div class="col-md-12"> 168 <h2 class="page-header">Features</h2> 169 </div> 170 <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms"> 171 <div class="feature-inner"> 172 <div class="icon-wrapper"> 173 <i class="fa fa-2x fa-envelope-o"></i> 174 </div> 175 <h2>Incredibly Responsive</h2> 176 <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine.</p> 177 </div> 178 </div> 179 <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="600ms"> 180 <div class="feature-inner"> 181 <div class="icon-wrapper"> 182 <i class="fa fa-2x fa-heart-o"></i> 183 </div> 184 <h2>Incredibly Responsive</h2> 185 <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine.</p> 186 </div> 187 </div> 188 <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="900ms"> 189 <div class="feature-inner"> 190 <div class="icon-wrapper"> 191 <i class="fa fa-2x fa-star-o"></i> 192 </div> 193 <h2>Incredibly Responsive</h2> 194 <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine.</p> 195 </div> 196 </div> 197 <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="1200ms"> 198 <div class="feature-inner"> 199 <div class="icon-wrapper"> 200 <i class="fa fa-2x fa-comments-o"></i> 201 </div> 202 <h2>Incredibly Responsive</h2> 203 <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine.</p> 204 </div> 205 </div> 206 </div> 207 </div><!--/#feature-container--> 208 209 <hr> 210 211 <div id="tab-container"> 212 <div class="row"> 213 <div class="col-md-12"> 214 <h2 class="page-header">Tab</h2> 215 </div> 216 <div class="col-md-6"> 217 <ul id="tab1" class="nav nav-tabs"> 218 <li class="active"><a href="#tab1-item1" data-toggle="tab">Tab 1</a></li> 219 <li><a href="#tab1-item2" data-toggle="tab">Tab 2</a></li> 220 <li><a href="#tab1-item3" data-toggle="tab">Tab 3</a></li> 221 </ul> 222 <div class="tab-content"> 223 <div class="tab-pane fade active in" id="tab1-item1"> 224 <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p> 225 </div> 226 <div class="tab-pane fade" id="tab1-item2"> 227 <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.</p> 228 </div> 229 <div class="tab-pane fade" id="tab1-item3"> 230 <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p> 231 </div> 232 </div> 233 </div> 234 235 <div class="col-md-6"> 236 <ul id="tab2" class="nav nav-pills"> 237 <li class="active"><a href="#tab2-item1" data-toggle="tab">Tab 1</a></li> 238 <li><a href="#tab2-item2" data-toggle="tab">Tab 2</a></li> 239 <li><a href="#tab2-item3" data-toggle="tab">Tab 3</a></li> 240 </ul> 241 <div class="tab-content"> 242 <div class="tab-pane fade active in" id="tab2-item1"> 243 <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p> 244 </div> 245 <div class="tab-pane fade" id="tab2-item2"> 246 <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.</p> 247 </div> 248 <div class="tab-pane fade" id="tab2-item3"> 249 <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p> 250 </div> 251 </div> 252 </div> 253 </div> 254 </div><!--/#table-container--> 255 256 <div id="accordion-container"> 257 <h2 class="page-header">Accordion</h2> 258 <div class="panel-group" id="accordion"> 259 <div class="panel panel-default"> 260 <div class="panel-heading"> 261 <h4 class="panel-title"> 262 <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> 263 Collapsible Group Item #1 264 </a> 265 </h4> 266 </div> 267 <div id="collapseOne" class="panel-collapse collapse in"> 268 <div class="panel-body"> 269 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 270 </div> 271 </div> 272 </div> 273 <div class="panel panel-default"> 274 <div class="panel-heading"> 275 <h4 class="panel-title"> 276 <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> 277 Collapsible Group Item #2 278 </a> 279 </h4> 280 </div> 281 <div id="collapseTwo" class="panel-collapse collapse"> 282 <div class="panel-body"> 283 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 284 </div> 285 </div> 286 </div> 287 <div class="panel panel-default"> 288 <div class="panel-heading"> 289 <h4 class="panel-title"> 290 <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> 291 Collapsible Group Item #3 292 </a> 293 </h4> 294 </div> 295 <div id="collapseThree" class="panel-collapse collapse"> 296 <div class="panel-body"> 297 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS. 298 </div> 299 </div> 300 </div> 301 </div><!--/#accordion--> 302 </div><!--/#accordion-container--> 303 304 <div id="progressbar-container"> 305 <h2 class="page-header">Progress Bars</h2> 306 <div class="progress"> 307 <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"> 308 40% Complete (success) 309 </div> 310 </div> 311 <div class="progress"> 312 <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%"> 313 20% Complete 314 </div> 315 </div> 316 <div class="progress"> 317 <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%"> 318 60% Complete (warning) 319 </div> 320 </div> 321 <div class="progress"> 322 <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%"> 323 80% Complete 324 </div> 325 </div> 326 </div><!--/#progressbar-container--> 327 328 <div id="map-container"> 329 <h2 class="page-header">Google Map</h2> 330 <div id="gmap"></div> 331 </div><!--/#map-container--> 332 333 <div id="video-container"> 334 <div class="row"> 335 <div class="col-md-6"> 336 <h2 class="page-header">Responsive Vimeo Video</h2> 337 <iframe src="https://player.vimeo.com/video/95995577"></iframe> 338 </div> 339 <div class="col-md-6"> 340 <h2 class="page-header">Responsive YouTube Video</h2> 341 <iframe src="https://www.youtube.com/embed/4x-aHGCD8Pc" ></iframe> 342 </div> 343 </div> 344 </div><!--/#video-container--> 345 346 <div id="carousel-container"> 347 <h2 class="page-header">Carousel</h2> 348 <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> 349 <ol class="carousel-indicators visible-xs"> 350 <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> 351 <li data-target="#carousel-example-generic" data-slide-to="1"></li> 352 <li data-target="#carousel-example-generic" data-slide-to="2"></li> 353 </ol> 354 <div class="carousel-inner"> 355 <div class="item active"> 356 <img src="http://placehold.it/1140x487/green" alt=""> 357 <div class="carousel-caption"> 358 <h3>First slide label</h3> 359 <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p> 360 </div> 361 </div> 362 <div class="item"> 363 <img src="http://placehold.it/1140x487/blue" alt=""> 364 <div class="carousel-caption"> 365 <h3>Second slide label</h3> 366 <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p> 367 </div> 368 </div> 369 <div class="item"> 370 <img src="http://placehold.it/1140x487/red" alt=""> 371 <div class="carousel-caption"> 372 <h3>Third slide label</h3> 373 <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p> 374 </div> 375 </div> 376 </div> 377 <a class="left carousel-control hidden-xs" href="#carousel-example-generic" data-slide="prev"> 378 <span class="glyphicon glyphicon-chevron-left"></span> 379 </a> 380 <a class="right carousel-control hidden-xs" href="#carousel-example-generic" data-slide="next"> 381 <span class="glyphicon glyphicon-chevron-right"></span> 382 </a> 383 </div><!--/#carousel-example-generic--> 384 </div><!--/#carousel-container--> 385 386 <div id="alert-container"> 387 <div class="row"> 388 <div class="col-md-12"> 389 <h2 class="page-header">Alert</h2> 390 </div> 391 <div class="col-md-6"> 392 <div class="alert alert-danger fade in"> 393 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> 394 <h4>Oh snap! You got an error!</h4> 395 <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p> 396 </div> 397 <div class="alert alert-warning fade in"> 398 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> 399 <h4>Oh snap! You got an error!</h4> 400 <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p> 401 </div> 402 </div> 403 404 <div class="col-md-6"> 405 <div class="alert alert-info fade in"> 406 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> 407 <h4>Oh snap! You got an error!</h4> 408 <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p> 409 </div> 410 <div class="alert alert-success fade in"> 411 <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> 412 <h4>Oh snap! You got an error!</h4> 413 <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p> 414 </div> 415 </div> 416 </div> 417 </div><!--/#alert-container--> 418 419 <div id="testimonial-container"> 420 <div class="row"> 421 <div class="col-md-6"> 422 <h2 class="page-header">Testimonial</h2> 423 <div class="testimonial"> 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 445 <div class="col-md-6"> 446 <h2 class="page-header">Blockquote</h2> 447 <blockquote> 448 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> 449 <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer> 450 </blockquote> 451 <blockquote> 452 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p> 453 <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer> 454 </blockquote> 455 </div> 456 </div> 457 </div><!--/#testimonial-container--> 458 459 <div class="padding"></div> 460 461 </div> 462 </section> 463 464 465 <footer id="footer"> 466 <div class="container"> 467 <div class="row"> 468 <div class="col-sm-12 text-center bottom-separator"> 469 <img src="images/home/under.png" class="img-responsive inline" alt=""> 470 </div> 471 <div class="col-md-4 col-sm-6"> 472 <div class="testimonial bottom"> 473 <h2>Testimonial</h2> 474 <div class="media"> 475 <div class="pull-left"> 476 <a href="#"><img src="images/home/profile1.png" alt=""></a> 477 </div> 478 <div class="media-body"> 479 <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote> 480 <h3><a href="#">- Jhon Kalis</a></h3> 481 </div> 482 </div> 483 <div class="media"> 484 <div class="pull-left"> 485 <a href="#"><img src="images/home/profile2.png" alt=""></a> 486 </div> 487 <div class="media-body"> 488 <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote> 489 <h3><a href="">- Abraham Josef</a></h3> 490 </div> 491 </div> 492 </div> 493 </div> 494 <div class="col-md-3 col-sm-6"> 495 <div class="contact-info bottom"> 496 <h2>Contacts</h2> 497 <address> 498 E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br> 499 Phone: +1 (123) 456 7890 <br> 500 Fax: +1 (123) 456 7891 <br> 501 </address> 502 503 <h2>Address</h2> 504 <address> 505 Unit C2, St.Vincent's Trading Est., <br> 506 Feeder Road, <br> 507 Bristol, BS2 0UY <br> 508 United Kingdom <br> 509 </address> 510 </div> 511 </div> 512 <div class="col-md-4 col-sm-12"> 513 <div class="contact-form bottom"> 514 <h2>Send a message</h2> 515 <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php"> 516 <div class="form-group"> 517 <input type="text" name="name" class="form-control" required="required" placeholder="Name"> 518 </div> 519 <div class="form-group"> 520 <input type="email" name="email" class="form-control" required="required" placeholder="Email Id"> 521 </div> 522 <div class="form-group"> 523 <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea> 524 </div> 525 <div class="form-group"> 526 <input type="submit" name="submit" class="btn btn-submit" value="Submit"> 527 </div> 528 </form> 529 </div> 530 </div> 531 <div class="col-sm-12"> 532 <div class="copyright-text text-center"> 533 <p>© Your Company 2014. All Rights Reserved.</p> 534 <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p> 535 </div> 536 </div> 537 </div> 538 </div> 539 </footer> 540 <!--/#footer--> 541 542 <script type="text/javascript" src="js/jquery.js"></script> 543 <script type="text/javascript" src="js/bootstrap.min.js"></script> 544 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> 545 <script type="text/javascript" src="js/gmaps.js"></script> 546 <script type="text/javascript" src="js/jquery.fitvids.js"></script> 547 <script type="text/javascript" src="js/holder.js"></script> 548 <script type="text/javascript" src="js/lightbox.min.js"></script> 549 <script type="text/javascript" src="js/wow.min.js"></script> 550 <script type="text/javascript" src="js/main.js"></script> 551 </body> 552 </html>