pricing.html (20731B)
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>Pricing Table | 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/prettyPhoto.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 href="service.html">Services</a></li> 67 <li><a class="active" 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">Pricing Table</h1> 117 <p>configure your pricing table</p> 118 </div> 119 </div> 120 </div> 121 </div> 122 </div> 123 </section> 124 <!--/#action--> 125 126 <section class="container"> 127 <div class="price-table"> 128 <div class="row"> 129 <div class="col-sm-6 col-md-3"> 130 <div class="single-price price-one"> 131 <div class="table-heading"> 132 <p class="plan-name">Basic Plan</p> 133 <p class="plan-price"><span class="dollar-sign">$</span><span class="price">29</span><span class="month">/ Month</span></p> 134 </div> 135 <ul> 136 <li>Lorem ipsum dolor <span><i class="fa fa-check"></i></span></li> 137 <li>Consectetur adipiscing <span><i class="fa fa-times"></i></span></li> 138 <li>Nulla pellentesque <span><i class="fa fa-times"></i></span> </li> 139 <li> Integer quis risus <span><i class="fa fa-check"></i></span></li> 140 <li>Phasellus et metus <span><i class="fa fa-times"></i></span></li> 141 <li>Duis nec massa inter <span><i class="fa fa-check"></i></span></li> 142 </ul> 143 <a href="#" class="btn btn-buynow">Buy Now</a> 144 </div> 145 </div> 146 <div class="col-sm-6 col-md-3"> 147 <div class="single-price price-two"> 148 <div class="table-heading"> 149 <p class="plan-name">Silver Plan</p> 150 <p class="plan-price"><span class="dollar-sign">$</span><span class="price">89</span><span class="month">/ Month</span></p> 151 </div> 152 <ul> 153 <li>Lorem ipsum dolor <span><i class="fa fa-check"></i></span></li> 154 <li>Consectetur adipiscing <span><i class="fa fa-times"></i></span></li> 155 <li>Nulla pellentesque <span><i class="fa fa-times"></i></span> </li> 156 <li> Integer quis risus <span><i class="fa fa-check"></i></span></li> 157 <li>Phasellus et metus <span><i class="fa fa-times"></i></span></li> 158 <li>Duis nec massa inter <span><i class="fa fa-check"></i></span></li> 159 </ul> 160 <a href="#" class="btn btn-buynow btn-hightlight">Buy Now</a> 161 </div> 162 </div> 163 <div class="col-sm-6 col-md-3"> 164 <div class="single-price price-three"> 165 <div class="table-heading"> 166 <p class="plan-name">Glod Plan</p> 167 <p class="plan-price"><span class="dollar-sign">$</span><span class="price">29</span><span class="month">/ Month</span></p> 168 </div> 169 <ul> 170 <li>Lorem ipsum dolor <span><i class="fa fa-check"></i></span></li> 171 <li>Consectetur adipiscing <span><i class="fa fa-times"></i></span></li> 172 <li>Nulla pellentesque <span><i class="fa fa-times"></i></span> </li> 173 <li> Integer quis risus <span><i class="fa fa-check"></i></span></li> 174 <li>Phasellus et metus <span><i class="fa fa-times"></i></span></li> 175 <li>Duis nec massa inter <span><i class="fa fa-check"></i></span></li> 176 </ul> 177 <a href="#" class="btn btn-buynow">Buy Now</a> 178 </div> 179 </div> 180 <div class="col-sm-6 col-md-3"> 181 <div class="single-price price-four"> 182 <div class="table-heading"> 183 <p class="plan-name">Platinum Plan</p> 184 <p class="plan-price"><span class="dollar-sign">$</span><span class="price">29</span><span class="month">/ Month</span></p> 185 </div> 186 <ul> 187 <li>Lorem ipsum dolor <span><i class="fa fa-check"></i></span></li> 188 <li>Consectetur adipiscing <span><i class="fa fa-times"></i></span></li> 189 <li>Nulla pellentesque <span><i class="fa fa-times"></i></span> </li> 190 <li> Integer quis risus <span><i class="fa fa-check"></i></span></li> 191 <li>Phasellus et metus <span><i class="fa fa-times"></i></span></li> 192 <li>Duis nec massa inter <span><i class="fa fa-check"></i></span></li> 193 </ul> 194 <a href="#" class="btn btn-buynow">Buy Now</a> 195 </div> 196 </div> 197 </div> 198 </div><!--/#price-table--> 199 </section> 200 201 <section class="container"> 202 <div class="price-table2"> 203 <div class="row"> 204 <div class="col-sm-6 col-md-3"> 205 <div class="single-table table-one"> 206 <div class="table-header"> 207 <h2>Basic</h2> 208 <p class="plan-price"><span class="dollar-sign">$</span><span class="price">29</span><span class="month">/ Month</span></p> 209 </div> 210 <ul> 211 <li>Lorem ipsum dolor <span><i class="fa fa-check"></i></span></li> 212 <li>Consectetur adipiscing <span><i class="fa fa-times"></i></span></li> 213 <li>Nulla pellentesque <span><i class="fa fa-times"></i></span> </li> 214 <li> Integer quis risus <span><i class="fa fa-check"></i></span></li> 215 <li>Phasellus et metus <span><i class="fa fa-times"></i></span></li> 216 <li>Duis nec massa inter <span><i class="fa fa-check"></i></span></li> 217 </ul> 218 <span class="btn-signup"><a href="#">sign up</a></span> 219 </div> 220 </div> 221 <div class="col-sm-6 col-md-3"> 222 <div class="single-table table-two"> 223 <div class="table-header"> 224 <h2>Silver</h2> 225 <p class="plan-price"><span class="dollar-sign">$</span><span class="price">89</span><span class="month">/ Month</span></p> 226 </div> 227 <ul> 228 <li>Lorem ipsum dolor <span><i class="fa fa-check"></i></span></li> 229 <li>Consectetur adipiscing <span><i class="fa fa-times"></i></span></li> 230 <li>Nulla pellentesque <span><i class="fa fa-times"></i></span> </li> 231 <li> Integer quis risus <span><i class="fa fa-check"></i></span></li> 232 <li>Phasellus et metus <span><i class="fa fa-times"></i></span></li> 233 <li>Duis nec massa inter <span><i class="fa fa-check"></i></span></li> 234 </ul> 235 <span class="btn-signup"><a href="#">sign up</a></span> 236 </div> 237 </div> 238 <div class="col-sm-6 col-md-3"> 239 <div class="single-table table-three"> 240 <div class="table-header"> 241 <h2>Gold</h2> 242 <p class="plan-price"><span class="dollar-sign">$</span><span class="price">299</span><span class="month">/ Month</span></p> 243 </div> 244 <ul> 245 <li>Lorem ipsum dolor <span><i class="fa fa-check"></i></span></li> 246 <li>Consectetur adipiscing <span><i class="fa fa-times"></i></span></li> 247 <li>Nulla pellentesque <span><i class="fa fa-times"></i></span> </li> 248 <li> Integer quis risus <span><i class="fa fa-check"></i></span></li> 249 <li>Phasellus et metus <span><i class="fa fa-times"></i></span></li> 250 <li>Duis nec massa inter <span><i class="fa fa-check"></i></span></li> 251 </ul> 252 <span class="btn-signup"><a href="#">sign up</a></span> 253 </div> 254 </div> 255 <div class="col-sm-6 col-md-3"> 256 <div class="single-table table-four"> 257 <div class="table-header"> 258 <h2>Platinum</h2> 259 <p class="plan-price"><span class="dollar-sign">$</span><span class="price">699</span><span class="month">/ Month</span></p> 260 </div> 261 <ul> 262 <li>Lorem ipsum dolor <span><i class="fa fa-check"></i></span></li> 263 <li>Consectetur adipiscing <span><i class="fa fa-times"></i></span></li> 264 <li>Nulla pellentesque <span><i class="fa fa-times"></i></span> </li> 265 <li> Integer quis risus <span><i class="fa fa-check"></i></span></li> 266 <li>Phasellus et metus <span><i class="fa fa-times"></i></span></li> 267 <li>Duis nec massa inter <span><i class="fa fa-check"></i></span></li> 268 </ul> 269 <span class="btn-signup"><a href="#">sign up</a></span> 270 </div> 271 </div> 272 </div> 273 </div><!--/#price-table2--> 274 </section> 275 276 <footer id="footer"> 277 <div class="container"> 278 <div class="row"> 279 <div class="col-sm-12 text-center bottom-separator"> 280 <img src="images/home/under.png" class="img-responsive inline" alt=""> 281 </div> 282 <div class="col-md-4 col-sm-5"> 283 <div class="testimonial bottom"> 284 <h2>Testimonial</h2> 285 <div class="media"> 286 <div class="pull-left"> 287 <a href="#"><img src="images/home/profile1.png" alt=""></a> 288 </div> 289 <div class="media-body"> 290 <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote> 291 <h3><a href="#">- Jhon Kalis</a></h3> 292 </div> 293 </div> 294 <div class="media"> 295 <div class="pull-left"> 296 <a href="#"><img src="images/home/profile2.png" alt=""></a> 297 </div> 298 <div class="media-body"> 299 <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote> 300 <h3><a href="">- Abraham Josef</a></h3> 301 </div> 302 </div> 303 </div> 304 </div> 305 <div class="col-md-3 col-sm-3 col-md-offset-1"> 306 <div class="contact-info bottom"> 307 <h2>Contacts</h2> 308 <address> 309 E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br> 310 Phone: +1 (123) 456 7890 <br> 311 Fax: +1 (123) 456 7891 <br> 312 </address> 313 314 <h2>Address</h2> 315 <address> 316 Unit C2, St.Vincent's Trading Est., <br> 317 Feeder Road, <br> 318 Bristol, BS2 0UY <br> 319 United Kingdom <br> 320 </address> 321 </div> 322 </div> 323 <div class="col-md-4 col-sm-4"> 324 <div class="contact-form bottom"> 325 <h2>Send a message</h2> 326 <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php"> 327 <div class="form-group"> 328 <input type="text" name="name" class="form-control" required="required" placeholder="Name"> 329 </div> 330 <div class="form-group"> 331 <input type="email" name="email" class="form-control" required="required" placeholder="Email Id"> 332 </div> 333 <div class="form-group"> 334 <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea> 335 </div> 336 <div class="form-group"> 337 <input type="submit" name="submit" class="btn btn-submit" value="Submit"> 338 </div> 339 </form> 340 </div> 341 </div> 342 <div class="col-sm-12"> 343 <div class="copyright-text text-center"> 344 <p>© Your Company 2014. All Rights Reserved.</p> 345 <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p> 346 </div> 347 </div> 348 </div> 349 </div> 350 </footer> 351 <!--/#footer--> 352 353 <script type="text/javascript" src="js/jquery.js"></script> 354 <script type="text/javascript" src="js/bootstrap.min.js"></script> 355 <script type="text/javascript" src="js/wow.min.js"></script> 356 <script type="text/javascript" src="js/main.js"></script> 357 </body> 358 </html>