index.html (18752B)
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>Home | 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 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 class="active"><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"><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="home-slider"> 111 <div class="container"> 112 <div class="row"> 113 <div class="main-slider"> 114 <div class="slide-text"> 115 <h1>We Are Creative Nerds</h1> 116 <p>Boudin doner frankfurter pig. Cow shank bresaola pork loin tri-tip tongue venison pork belly meatloaf short loin landjaeger biltong beef ribs shankle chicken andouille.</p> 117 <a href="#" class="btn btn-common">SIGN UP</a> 118 </div> 119 <img src="images/home/slider/hill.png" class="slider-hill" alt="slider image"> 120 <img src="images/home/slider/house.png" class="slider-house" alt="slider image"> 121 <img src="images/home/slider/sun.png" class="slider-sun" alt="slider image"> 122 <img src="images/home/slider/birds1.png" class="slider-birds1" alt="slider image"> 123 <img src="images/home/slider/birds2.png" class="slider-birds2" alt="slider image"> 124 </div> 125 </div> 126 </div> 127 <div class="preloader"><i class="fa fa-sun-o fa-spin"></i></div> 128 </section> 129 <!--/#home-slider--> 130 131 <section id="services"> 132 <div class="container"> 133 <div class="row"> 134 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="300ms"> 135 <div class="single-service"> 136 <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="300ms"> 137 <img src="images/home/icon1.png" alt=""> 138 </div> 139 <h2>Incredibly Responsive</h2> 140 <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine. Cow shankle beef sirloin chicken ground round.</p> 141 </div> 142 </div> 143 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms"> 144 <div class="single-service"> 145 <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="600ms"> 146 <img src="images/home/icon2.png" alt=""> 147 </div> 148 <h2>Superior Typography</h2> 149 <p>Hamburger ribeye drumstick turkey, strip steak sausage ground round shank pastrami beef brisket pancetta venison.</p> 150 </div> 151 </div> 152 <div class="col-sm-4 text-center padding wow fadeIn" data-wow-duration="1000ms" data-wow-delay="900ms"> 153 <div class="single-service"> 154 <div class="wow scaleIn" data-wow-duration="500ms" data-wow-delay="900ms"> 155 <img src="images/home/icon3.png" alt=""> 156 </div> 157 <h2>Swift Page Builder</h2> 158 <p>Venison tongue, salami corned beef ball tip meatloaf bacon. Fatback pork belly bresaola tenderloin bone pork kevin shankle.</p> 159 </div> 160 </div> 161 </div> 162 </div> 163 </section> 164 <!--/#services--> 165 166 <section id="action" class="responsive"> 167 <div class="vertical-center"> 168 <div class="container"> 169 <div class="row"> 170 <div class="action take-tour"> 171 <div class="col-sm-7 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms"> 172 <h1 class="title">Triangle Corporate Template</h1> 173 <p>A responsive, retina-ready & wide multipurpose template.</p> 174 </div> 175 <div class="col-sm-5 text-center wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms"> 176 <div class="tour-button"> 177 <a href="#" class="btn btn-common">TAKE THE TOUR</a> 178 </div> 179 </div> 180 </div> 181 </div> 182 </div> 183 </div> 184 </section> 185 <!--/#action--> 186 187 <section id="features"> 188 <div class="container"> 189 <div class="row"> 190 <div class="single-features"> 191 <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms"> 192 <img src="images/home/image1.png" class="img-responsive" alt=""> 193 </div> 194 <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms"> 195 <h2>Experienced and Enthusiastic</h2> 196 <P>Pork belly leberkas cow short ribs capicola pork loin. Doner fatback frankfurter jerky meatball pastrami bacon tail sausage. Turkey fatback ball tip, tri-tip tenderloin drumstick salami strip steak.</P> 197 </div> 198 </div> 199 <div class="single-features"> 200 <div class="col-sm-6 col-sm-offset-1 align-right wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms"> 201 <h2>Built for the Responsive Web</h2> 202 <P>Mollit eiusmod id chuck turducken laboris meatloaf pork loin tenderloin swine. Pancetta excepteur fugiat strip steak tri-tip. Swine salami eiusmod sint, ex id venison non. Fugiat ea jowl cillum meatloaf.</P> 203 </div> 204 <div class="col-sm-5 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms"> 205 <img src="images/home/image2.png" class="img-responsive" alt=""> 206 </div> 207 </div> 208 <div class="single-features"> 209 <div class="col-sm-5 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms"> 210 <img src="images/home/image3.png" class="img-responsive" alt=""> 211 </div> 212 <div class="col-sm-6 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms"> 213 <h2>Experienced and Enthusiastic</h2> 214 <P>Ut officia cupidatat anim excepteur fugiat cillum ea occaecat rump pork chop tempor. Ut tenderloin veniam commodo. Shankle aliquip short ribs, chicken eiusmod exercitation shank landjaeger spare ribs corned beef.</P> 215 </div> 216 </div> 217 </div> 218 </div> 219 </section> 220 <!--/#features--> 221 222 <section id="clients"> 223 <div class="container"> 224 <div class="row"> 225 <div class="col-sm-12"> 226 <div class="clients text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms"> 227 <p><img src="images/home/clients.png" class="img-responsive" alt=""></p> 228 <h1 class="title">Happy Clients</h1> 229 <p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br> Ut enim ad minim veniam, quis nostrud </p> 230 </div> 231 <div class="clients-logo wow fadeIn" data-wow-duration="1000ms" data-wow-delay="600ms"> 232 <div class="col-xs-3 col-sm-2"> 233 <a href="#"><img src="images/home/client1.png" class="img-responsive" alt=""></a> 234 </div> 235 <div class="col-xs-3 col-sm-2"> 236 <a href="#"><img src="images/home/client2.png" class="img-responsive" alt=""></a> 237 </div> 238 <div class="col-xs-3 col-sm-2"> 239 <a href="#"><img src="images/home/client3.png" class="img-responsive" alt=""></a> 240 </div> 241 <div class="col-xs-3 col-sm-2"> 242 <a href="#"><img src="images/home/client4.png" class="img-responsive" alt=""></a> 243 </div> 244 <div class="col-xs-3 col-sm-2"> 245 <a href="#"><img src="images/home/client5.png" class="img-responsive" alt=""></a> 246 </div> 247 <div class="col-xs-3 col-sm-2"> 248 <a href="#"><img src="images/home/client6.png" class="img-responsive" alt=""></a> 249 </div> 250 </div> 251 </div> 252 </div> 253 </div> 254 </section> 255 <!--/#clients--> 256 257 <footer id="footer"> 258 <div class="container"> 259 <div class="row"> 260 <div class="col-sm-12 text-center bottom-separator"> 261 <img src="images/home/under.png" class="img-responsive inline" alt=""> 262 </div> 263 <div class="col-md-4 col-sm-6"> 264 <div class="testimonial bottom"> 265 <h2>Testimonial</h2> 266 <div class="media"> 267 <div class="pull-left"> 268 <a href="#"><img src="images/home/profile1.png" alt=""></a> 269 </div> 270 <div class="media-body"> 271 <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote> 272 <h3><a href="#">- Jhon Kalis</a></h3> 273 </div> 274 </div> 275 <div class="media"> 276 <div class="pull-left"> 277 <a href="#"><img src="images/home/profile2.png" alt=""></a> 278 </div> 279 <div class="media-body"> 280 <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote> 281 <h3><a href="">- Abraham Josef</a></h3> 282 </div> 283 </div> 284 </div> 285 </div> 286 <div class="col-md-3 col-sm-6"> 287 <div class="contact-info bottom"> 288 <h2>Contacts</h2> 289 <address> 290 E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br> 291 Phone: +1 (123) 456 7890 <br> 292 Fax: +1 (123) 456 7891 <br> 293 </address> 294 295 <h2>Address</h2> 296 <address> 297 Unit C2, St.Vincent's Trading Est., <br> 298 Feeder Road, <br> 299 Bristol, BS2 0UY <br> 300 United Kingdom <br> 301 </address> 302 </div> 303 </div> 304 <div class="col-md-4 col-sm-12"> 305 <div class="contact-form bottom"> 306 <h2>Send a message</h2> 307 <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php"> 308 <div class="form-group"> 309 <input type="text" name="name" class="form-control" required="required" placeholder="Name"> 310 </div> 311 <div class="form-group"> 312 <input type="email" name="email" class="form-control" required="required" placeholder="Email Id"> 313 </div> 314 <div class="form-group"> 315 <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea> 316 </div> 317 <div class="form-group"> 318 <input type="submit" name="submit" class="btn btn-submit" value="Submit"> 319 </div> 320 </form> 321 </div> 322 </div> 323 <div class="col-sm-12"> 324 <div class="copyright-text text-center"> 325 <p>© Your Company 2014. All Rights Reserved.</p> 326 <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p> 327 </div> 328 </div> 329 </div> 330 </div> 331 </footer> 332 <!--/#footer--> 333 334 <script type="text/javascript" src="js/jquery.js"></script> 335 <script type="text/javascript" src="js/bootstrap.min.js"></script> 336 <script type="text/javascript" src="js/lightbox.min.js"></script> 337 <script type="text/javascript" src="js/wow.min.js"></script> 338 <script type="text/javascript" src="js/main.js"></script> 339 </body> 340 </html>