API tools faq
paste
that0n3guy

Untitled

that0n3guy
Sep 3rd, 2013
1,214
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  
  5.  
  6. <meta charset="utf-8">
  7. <title></title>
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <meta name="description" content="responsive parallax Bootstrap template">
  10. <meta name="author" content="ArtLabs">
  11.  
  12. <!-- ######################## Styles ######################
  13. =======================================================-->
  14. <link href="assets/css/animate.min.css" rel="stylesheet">
  15. <link href="assets/css/bootstrap.css" rel="stylesheet">
  16. <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
  17. <!--<link href="assets/css/flat-ui.css" rel="stylesheet">-->
  18.  
  19.  
  20. <!-- =========================================================================
  21. !important THIS FILE -= style.css =- ON BOTTOM OF BOOTSTRAP STYLEs LIST
  22. This override bootstrap def. style
  23. ===================================================-->
  24. <link href="assets/css/style.css" rel="stylesheet">
  25. <link href="assets/css/custom.css" rel="stylesheet">
  26.  
  27. <!-- FontAwesome styles (iconic font)-->
  28. <link href="assets/css/font-awesome.min.css" rel="stylesheet">
  29. <!-- prettyPhoto styles -->
  30.  
  31. <!-- Gallery inlarge script styles-->
  32. <link href="assets/css/prettyPhoto.css" rel="stylesheet" type="text/css" />
  33.  
  34. <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  35. <!--[if lt IE 9]>
  36. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  37. <![endif]-->
  38.  
  39. <!-- Google web fonts -->
  40.  
  41. <link href='http://fonts.googleapis.com/css?family=Medula+One|Roboto:400,300,400italic,500,700,900' rel='stylesheet' type='text/css'>
  42.  
  43. <!-- Le fav and touch icons -->
  44. <link rel="shortcut icon" href="assets/ico/favicon.ico">
  45. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
  46. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
  47. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
  48. <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
  49. </head>
  50.  
  51. <body data-spy="scroll" data-target=".scroller-spy">
  52.  
  53. <!--################# START MAIN-WRAPPER ####################
  54. ============================================================ -->
  55. <div class="main-wrapper">
  56.  
  57.  
  58.  
  59. <!-- ###################### START HEADER ######################
  60. ==============================================================-->
  61. <header class="needhead" id="header-section">
  62.  
  63. <!-- START PARALLAX BG -->
  64.  
  65.  
  66.  
  67. <!-- ###################### START TOP MENU ####################
  68. ============================================================== -->
  69.  
  70. <div class="nav-top">
  71. <!-- navbar-fixed-top -->
  72. <div class="navbar navbar-fixed-top" id="top-nav">
  73. <!-- INNER-->
  74. <div class="navbar-inner">
  75. <div class="container">
  76.  
  77. <!-- Collapse button -->
  78. <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  79. <span class="icon-bar"></span>
  80. <span class="icon-bar"></span>
  81. <span class="icon-bar"></span>
  82. </button>
  83. <!-- LOGO -->
  84.  
  85. <img class="media-object" style="height:75px; float: left" src="logo.png" alt="Logo">
  86.  
  87. <!-- TOP NAVIGATION-->
  88. <div id="main-nav" class="scroller-spy">
  89. <nav class="nav-collapse collapse" >
  90. <ul class="nav pull-right" id="nav">
  91. <li class="active"><a href="#header-section">Home</a> </li>
  92. <li><a href="#pricing">Pricing</a> </li>
  93. <li><a href="#portfolio-section">News</a> </li>
  94. <li><a href="#price-section">Price table</a> </li>
  95. <li><a href="#contact-section">Contact</a> </li>
  96. </ul>
  97. </nav>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. <!-- ############################ END TOP MENU ###############
  104. ========================================================== -->
  105.  
  106. <!-- HEADER MAIN-->
  107.  
  108.  
  109.  
  110. </header>
  111. <!-- / ###################### END MAIN HEADER ####################
  112. =============================================================== -->
  113.  
  114.  
  115.  
  116.  
  117. <!-- ######################## FEATURES SECTION ##################
  118. ============================================================== -->
  119. <section id="features-section">
  120.  
  121. <!-- MARKETING INTRO-->
  122.  
  123. <!--/ MARKETING INTRO-->
  124. <div class="container">
  125.  
  126. <!-- FEATURED IMAGE -->
  127.  
  128. <!-- / FEATURED IMAGE -->
  129.  
  130. <!-- FEATURED IMAGE -->
  131. <div class="row-fluid featured-image">
  132. <div class="span6">
  133. <div class="panel first">
  134. <span class="text-right"><strong>Protect Your Income</strong> From Hidden Physician Contract Terms For <strong>As Little As $325</strong>
  135. </span>
  136. <hr>
  137. <p class="">Don't gamble with who you have handling your . With [redacted] Advisors, you get professionals that have years of experience.
  138.  
  139. </div>
  140. </div>
  141. <div class="span6">
  142. <div class="first">
  143. <form class="form-horizontal">
  144. <fieldset>
  145.  
  146. <!-- Form Name -->
  147. <legend>Form Name</legend>
  148.  
  149. <!-- Text input-->
  150. <div class="control-group">
  151. <label class="control-label" for="name">Name</label>
  152. <div class="controls">
  153. <input id="name" name="name" type="text" class="input-xlarge" required="" placeholder="Your First and Last Name">
  154. </div>
  155. </div>
  156.  
  157. <!-- Text input-->
  158. <div class="control-group">
  159. <label class="control-label" for="phonenumber">Phone Number</label>
  160. <div class="controls">
  161. <input id="phonenumber" name="phonenumber" type="text" class="input-xlarge" placeholder="Your cell phone number">
  162. </div>
  163. </div>
  164.  
  165. <!-- Prepended text-->
  166. <div class="control-group">
  167. <label class="control-label" for="Email">Email</label>
  168. <div class="controls">
  169. <div class="input-prepend">
  170. <span class="add-on">@</span>
  171. <input id="Email" name="Email" class="input-xlarge" type="text" placeholder="Your email address">
  172. </div>
  173. </div>
  174. </div>
  175.  
  176. <!-- Select Basic -->
  177. <div class="control-group">
  178. <label class="control-label" for="specialty">Specialty</label>
  179. <div class="controls">
  180. <select id="specialty" name="specialty" class="input-xlarge">
  181. <option>Allergy/Immunology</option>
  182. <option>Anesthesiology</option>
  183. <option>Anesthesiology: Pain Management</option>
  184. <option>Anesthesiology: Pediatric</option>
  185.  
  186. <option>Surgery: Transplant</option>
  187. <option>Surgery: Trauma</option>
  188. <option>Surgery: Trauma-Burn</option>
  189. <option>Surgery: Vascular (Primary)</option>
  190. <option>Urgent Care</option>
  191. <option>Urology</option>
  192. <option>Urology: Pediatric</option>
  193. </select>
  194. </div>
  195. </div>
  196.  
  197. <!-- Button -->
  198. <div class="control-group">
  199. <div class="controls form-inline">
  200. <button id="singlebutton" name="singlebutton" class="btn btn-primary">Contact us today</button>
  201. <label for="singlebutton"> 100% Privacy - We will never spam you.</label>
  202. </div>
  203. </div>
  204. </fieldset>
  205. </form>
  206. </div>
  207. </div>
  208. </div>
  209.  
  210.  
  211.  
  212. <!-- / FEATURED IMAGE -->
  213.  
  214. <!--
  215. <div class="row-fluid">
  216. <div class="span4">
  217. <h4>Well coded W3C valid</h4>
  218. <p class="">
  219. BOOTSTARTER looks good on all devices and all major browsers. The structure created by today's standards one-page sites. Based on the latest version of the bootstrap is easy to grow and develop. The template contains a simple library for CSS3 animations.
  220. </p>
  221. </div>
  222. <div class="span4">
  223. <h4>Cross-browser/cross-all</h4>
  224. <p class="">
  225. BOOTSTARTER looks good on all devices and all major browsers. The structure created by today's standards one-page sites. Based on the latest version of the bootstrap is easy to grow and develop. The template contains a simple library for CSS3 animations.
  226. </p>
  227. </div>
  228. <div class="span4">
  229. <h4>Crystal clear flat design</h4>
  230. <p class="">
  231. BOOTSTARTER looks good on all devices and all major browsers. The structure created by today's standards one-page sites. Based on the latest version of the bootstrap is easy to grow and develop. The template contains a simple library for CSS3 animations.
  232. </p>
  233. </div>
  234. </div>
  235. <hr>
  236. -->
  237.  
  238. </div> <!-- CONTAINER-->
  239.  
  240. <div class="red-panel-bottom">
  241. <div class="overlay-panel">
  242. <div class="container ">
  243. <div class="row-fluid">
  244. <div class="span8">
  245. <p class="lead">
  246. Curious to know the cost? Click Here
  247. <i class="fa-icon-arrow-right fa-icon"></i>
  248. </p>
  249. </div>
  250. <div class="span4">
  251. <a class="btn btn-large btn-block btn-danger" href="#pricing">SEE PLANS AND PRICING</a>
  252. </div>
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257.  
  258.  
  259. </section>
  260. <!-- / ##################### FEATURES section ###########
  261. ====================================================== -->
  262.  
  263.  
  264. <!-- ##################### TEAM SECTION ###################
  265. ======================================================= -->
  266. <section class="" id="pricing" data-spy="pricing" data-target="#pricing">
  267. <div class="panel">
  268. <div class="container">
  269. <div class="row-fluid">
  270. <div class="span12 text-center">
  271. <span> Physician Contract Packages and Pricing!
  272. <span class="inner">Choose from one of 3 different packages! Upgrade at any time if needed.</span>
  273. </span>
  274. </div>
  275. </div>
  276. </div>
  277. </div>
  278.  
  279.  
  280. <div class="container">
  281. <div class="row-fluid features-more o-hidden" >
  282. <div class="span6 text-center">
  283. <h3 class="">Essential Level Review</h3>
  284. <p class="lead">
  285. <strong>Contract Fact:</strong> Most employment contracts are written by the employer’s attorneys to favor the employer. This means that many of the provisions could be punitive financially or legally to you if you sign contracts as they are given to you.
  286. <br/><br/>
  287. With an Essential Level Review, your physician contract attorney will reveiw your contract provision by provision noting pitfalls and traps and proposing language that should be changed to protect you. You will receive a phone conference with the attorney to discuss their findings as well as have unlimited email correspondence until your contract is signed.
  288. </p>
  289. </div>
  290.  
  291.  
  292. <div class="span6 relative hidden-phone">
  293. <img class="showthis thumbnail" id="show1" src="images/doctor_agreement.jpg" alt="" />
  294. </div>
  295. </div>
  296.  
  297. <div class="row-fluid features-more o-hidden">
  298. <div class="span6 relative hidden-phone">
  299. <img class="showthis" id="show2" src="images/physician_contract_pointer.jpg" alt=""/>
  300. </div>
  301. <div class="span6">
  302. <h3 class="">Interactive Level Review</h3>
  303. <p class="lead">
  304. <strong>Contract Fact:</strong> One of the most harmful events with respect to physician contracts is when the doctor simply does not understand parts of the agreement. The physician may be working under a misunderstood assumption that could cause serious legal and financial trouble later.
  305. <br/><br/>
  306. The Interactive Level Review is our most popular option. Includes the benefits of the Essential Level Review, but also provides up to 3 hours of phone conferencing with the attorney to go through your documents, provision by provision, explaining their notes, comments, and suggestions as well as coaching you on how to negotiate with your potential employer.
  307. <br/><br/>
  308. The Interactive Level Review also opens the door to as many rounds of communications with the attorney as necessary. This means when you take the attorney-reviewed contract to your prospective employer and they agree to make the changes you ask for, the attorney will be available to re-review the document to confirm all changes and updates were made properly and other provisions of the contract remain unchanged.
  309. </p>
  310. </div>
  311. </div>
  312.  
  313. <div class="row-fluid features-more o-hidden" >
  314. <div class="span6 text-center">
  315. <h3 class="">Advocate Level Review</h3>
  316. <p class="lead">
  317. <strong>Contract Fact:</strong> Most employers say that they do not make changes to their contracts. In reality, our experience and most studies show that employers of all sizes are more willing to negotiate their contracts now more than ever!
  318. <br/><br/>
  319. The Advocate Level Review includes all of the benefits of the Interactive Level Review and also allows our experienced physician contract attorneys to negotiate with your prospective employer in a cooperative, non-confrontational manner. Having a professional organize your main points and present them to the prospective employer may mean more success in getting the contract you desire.
  320. </p>
  321. </div>
  322.  
  323. <div class="span6 relative hidden-phone">
  324. <img class="showthis" id="show1" src="images/physician_shakehands.jpg" alt="" />
  325. </div>
  326. </div>
  327. </div><!-- /CONTAINER-->
  328.  
  329.  
  330. <div class="row-fluid">
  331. <div class="thumbnail news-thumb">
  332. <div class="span4 pull-right text-center">
  333. <img src="images/MashableLogo.jpg" alt="" />
  334. </div>
  335. <div class="caption span8">
  336. <h4>Essential Level Review</h4>
  337. <p class="lead">
  338. <strong>Contract Fact:</strong> Most employment contracts are written by the employer’s attorneys to favor the employer. This means that many of the provisions could be punitive financially or legally to you if you sign contracts as they are given to you.
  339. <br/><br/>
  340. With an Essential Level Review, your physician contract attorney will reveiw your contract provision by provision noting pitfalls and traps and proposing language that should be changed to protect you. You will receive a phone conference with the attorney to discuss their findings as well as have unlimited email correspondence until your contract is signed.
  341. </p>
  342. <p class="text-right">
  343. <a class="btn" href="#" title=""> Read more &rarr;</a>
  344. </p>
  345. </div>
  346. </div>
  347.  
  348. <div class="thumbnail news-thumb">
  349. <div class="caption span8 pull-right">
  350. <h4>Interactive Level Review</h4>
  351. <p class="lead">
  352. <strong>Contract Fact:</strong> One of the most harmful events with respect to physician contracts is when the doctor simply does not understand parts of the agreement. The physician may be working under a misunderstood assumption that could cause serious legal and financial trouble later.
  353. <br/><br/>
  354. The Interactive Level Review is our most popular option. Includes the benefits of the Essential Level Review, but also provides up to 3 hours of phone conferencing with the attorney to go through your documents, provision by provision, explaining their notes, comments, and suggestions as well as coaching you on how to negotiate with your potential employer.
  355. <br/><br/>
  356. The Interactive Level Review also opens the door to as many rounds of communications with the attorney as necessary. This means when you take the attorney-reviewed contract to your prospective employer and they agree to make the changes you ask for, the attorney will be available to re-review the document to confirm all changes and updates were made properly and other provisions of the contract remain unchanged.
  357. </p>
  358. <p class="text-right">
  359. <a class="btn" href="#" title=""> Read more &rarr;</a>
  360. </p>
  361. </div>
  362. <div class="span4 text-center">
  363. <img src="images/tnwLogo.jpg" alt="" />
  364. </div>
  365. </div>
  366. </div>
  367.  
  368. <div class="container">
  369. <div class="row-fluid features-more o-hidden" >
  370. <div class="span6 text-center">
  371. <h3 class="">Advocate Level Review</h3>
  372. <p class="lead">
  373. <strong>Contract Fact:</strong> Most employers say that they do not make changes to their contracts. In reality, our experience and most studies show that employers of all sizes are more willing to negotiate their contracts now more than ever!
  374.  
  375. The Advocate Level Review includes all of the benefits of the Interactive Level Review and also allows our experienced physician contract attorneys to negotiate with your prospective employer in a cooperative, non-confrontational manner. Having a professional organize your main points and present them to the prospective employer may mean more success in getting the contract you desire.
  376. <p class="lead">
  377. BOOTSTARTER looks good on all devices and all major browsers. The structure created by today's standards one-page sites. Based on the latest version of the bootstrap is easy to grow and develop. The template contains a simple library for CSS3 animations.
  378. </p>
  379. </div>
  380.  
  381. <div class="span6 relative hidden-phone">
  382. <img class="showthis" id="show1" src="images/responsive.png" alt="" />
  383. </div>
  384. </div>
  385.  
  386. <div class="row-fluid features-more o-hidden">
  387. <div class="span6 relative hidden-phone">
  388. <img class="showthis" id="show2" src="images/crystal.png" alt=""/>
  389. </div>
  390. <div class="span6">
  391. <h3>Crystal clear &amp; Flat</h3>
  392. <p class="lead">
  393. Its design is inspired by clear trends of modern web. BOOTSTARTER based on FlatUI and has a library of components for rapid growth and development of your project simple with minimal time.
  394. </p>
  395. <p class="lead">
  396. Its design is inspired by clear trends of modern web. BOOTSTARTER based on FlatUI and has a library of components for rapid growth and development of your project simple with minimal time.
  397. </p>
  398. </div>
  399. </div>
  400. </div><!-- /CONTAINER-->
  401.  
  402. <div class="panel">
  403. <div class="container">
  404. <div class="row-fluid">
  405. <div class="span12 text-center">
  406.  
  407. <span> Show more your awesome features! BOOTSTARTER provides easy start and faster growing!</span>
  408.  
  409. </div>
  410. </div>
  411. </div>
  412. </div>
  413.  
  414.  
  415. <div class="container">
  416. <div class="row-fluid label-blocks">
  417.  
  418. <!-- ITEM-->
  419. <div class="span3">
  420. <div class="label label-large label-info text-center">
  421. <i class="fa-icon-bold fa-icon-large white"></i>
  422. </div>
  423. <h4>BOOTSTRAP IS AWESOME</h4>
  424. <p> Show more your awesome features! BOOTSTARTER provides easy start and faster growing!</p>
  425. </div>
  426. <!-- / ITEM-->
  427.  
  428. <!-- ITEM-->
  429. <div class="span3">
  430. <div class="label label-large label-info text-center">
  431. <i class="fa-icon-signal fa-icon-large white"></i>
  432. </div>
  433. <h4>YOUR SITE GROW FASTER</h4>
  434. <p> Show more your awesome features! BOOTSTARTER provides easy start and faster growing!</p>
  435. </div>
  436. <!-- / ITEM-->
  437.  
  438.  
  439. <!-- ITEM-->
  440. <div class="span3">
  441. <div class="label label-large label-info text-center">
  442. <i class="fa-icon-table fa-icon-large white"></i>
  443. </div>
  444. <h4>WITH FLEXIBLE GRID</h4>
  445. <p> Show more your awesome features! BOOTSTARTER provides easy start and faster growing!</p>
  446. </div>
  447. <!-- / ITEM-->
  448. <!-- ITEM-->
  449. <div class="span3">
  450. <div class="label label-large label-info text-center">
  451. <i class="fa-icon-tablet fa-icon-large white"></i>
  452. </div>
  453. <h4>AND RESPONSIVE LAYOUT</h4>
  454. <p> Show more your awesome features! BOOTSTARTER provides easy start and faster growing!</p>
  455. </div>
  456. <!-- / ITEM-->
  457.  
  458. <!-- ITEM-->
  459. <div class="span3">
  460. <div class="label label-large label-gray text-center">
  461. <i class="fa-icon-bold fa-icon-large white"></i>
  462. </div>
  463. <h4>BOOTSTRAP IS AWESOME</h4>
  464. <p> Show more your awesome features! BOOTSTARTER provides easy start and faster growing!</p>
  465. </div>
  466. <!-- / ITEM-->
  467.  
  468. <!-- ITEM-->
  469. <div class="span3">
  470. <div class="label label-large label-info text-center">
  471. <i class="fa-icon-signal fa-icon-large white"></i>
  472. </div>
  473. <h4>YOUR SITE GROW FASTER</h4>
  474. <p> Show more your awesome features! BOOTSTARTER provides easy start and faster growing!</p>
  475. </div>
  476. <!-- / ITEM-->
  477.  
  478.  
  479. <!-- ITEM-->
  480. <div class="span3">
  481. <div class="label label-large label-saccess text-center">
  482. <i class="fa-icon-table fa-icon-large white"></i>
  483. </div>
  484. <h4>WITH FLEXIBLE GRID</h4>
  485. <p> Show more your awesome features! BOOTSTARTER provides easy start and faster growing!</p>
  486. </div>
  487. <!-- / ITEM-->
  488. <!-- ITEM-->
  489. <div class="span3">
  490. <div class="label label-large label-inverse text-center">
  491. <i class="fa-icon-tablet fa-icon-large white"></i>
  492. </div>
  493. <h4>AND RESPONSIVE LAYOUT</h4>
  494. <p> Show more your awesome features! BOOTSTARTER provides easy start and faster growing!</p>
  495. </div>
  496. <!-- / ITEM-->
  497. </div>
  498.  
  499.  
  500.  
  501. </div><!--/CONTAINER-->
  502. <div class="marketing-lines panel">
  503. <div class="container">
  504. <div class="row-fluid ">
  505. <div class="span9">
  506. <p class="lead slogan">
  507. How does it work? Here goes awesome marketing call to action. Attract the attention of your users!
  508. </p>
  509. </div>
  510.  
  511. <div class="span3 text-center">
  512. <a class="btn btn-action" href="#" title=""><i class="fa-icon-play-circle"></i> See it in action</a>
  513. </div>
  514. </div><!--/ROW-->
  515. </div>
  516. </div>
  517.  
  518. <div class="red-panel-bottom">
  519. <div class="overlay-panel">
  520. <div class="container">
  521. <div class="row-fluid">
  522.  
  523. <div class="span5 pull-right ">
  524. <div class="panel text-center">
  525. <img src="images/iphones.png" alt="" />
  526. </div>
  527. </div>
  528. <div class="span6">
  529. <div class="panel">
  530. <span>Here goes app name</span>
  531. <p class="lead">
  532. Here goes your App description and marketing slogan. Present your product well! Attract the attention of your users to see plans and pricing and buy!
  533. </p>
  534.  
  535. <div class="row-fluid label-blocks">
  536. <!-- BUTTONS-->
  537. <div class="span12">
  538. <div class="row-fluid">
  539. <div class="span5">
  540. <p class="">
  541. <strong>Android app.</strong> Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
  542. </p>
  543. </div>
  544. <div class="span7">
  545. <a class="btn btn-large btn-white btn-block">
  546. <i class="anroid-logo hidden-phone"></i><span>Download it from</span> ANDROID MARKET
  547. </a>
  548. </div>
  549. </div><!-- ROW-FLUID-->
  550.  
  551. <div class="row-fluid">
  552. <div class="span5">
  553. <p class="">
  554. <strong>iPhone app.</strong> Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
  555. </p>
  556. </div>
  557. <div class="span7">
  558. <a class="btn btn-large btn-white btn-block">
  559. <i class="appstore-logo hidden-phone"></i><span>Available on the</span> APP STORE
  560. </a>
  561. </div>
  562. </div><!-- ROW-FLUID-->
  563.  
  564. <div class="row-fluid">
  565. <div class="span5">
  566. <p class="">
  567. <strong>Desktop app.</strong> Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
  568. </p>
  569. </div>
  570. <div class="span7">
  571. <a class="btn btn-large btn-white btn-block">
  572. <i class="gplay-logo hidden-phone"></i><span>Get it on</span>GOOGLE PLAY
  573. </a>
  574. </div>
  575. </div><!-- ROW-FLUID-->
  576. </div><!-- / BUTTONS-->
  577. <!--/ RIGHT SIDE-->
  578.  
  579. </div><!-- / ROW ITEMS ICONS-->
  580. <!-- / ITEM ICON-->
  581.  
  582. </div><!-- / PANEL-->
  583. </div>
  584.  
  585. </div><!-- ROW-FLUID-->
  586.  
  587. <hr class="hidden-phone">
  588.  
  589. <div class="row-fluid panel">
  590. <div class="span6">
  591. <div class="row-fluid">
  592. <div class="span2 text-center hidden-phone">
  593. <span class="label label-new"><i class="fa-icon-mobile-phone"></i></span>
  594. </div>
  595. <div class="span10">
  596. <h4>App Store Submission</h4>
  597. <p>
  598. Show more your awesome features! BOOTSTARTER provides easy start and faster growing! Show more your awesome features! BOOTSTARTER provides easy start and faster growing!
  599. </p>
  600. </div>
  601. </div>
  602. </div>
  603.  
  604. <div class="span6">
  605. <div class="row-fluid">
  606. <div class="span2 text-center hidden-phone">
  607. <span class="label label-new"><i class="fa-icon-tablet"></i></span>
  608. </div>
  609. <div class="span10">
  610. <h4>Api integration</h4>
  611. <p>
  612. Show more your awesome features! BOOTSTARTER provides easy start and faster growing! Show more your awesome features! BOOTSTARTER provides easy start and faster growing!
  613. </p>
  614. </div>
  615. </div>
  616. </div>
  617.  
  618. </div>
  619. </div>
  620. </div>
  621. </div>
  622.  
  623.  
  624.  
  625.  
  626. <div class="container">
  627.  
  628. <div class="row-fluid panel">
  629. <div class="span12 text-center">
  630. <span>What people say
  631. <span class="inner">Customer reviews the best indicator of confidence in you!</span>
  632. </span>
  633. </div>
  634. </div>
  635. <div class="row-fluid">
  636.  
  637.  
  638. <div class="span3 text-center testimonial-box">
  639. <div class="row-fluid">
  640. <div class="span8 offset2">
  641. <img src="images/staff3.jpg" class="img-circle" alt="" />
  642. </div>
  643. </div>
  644. <blockquote>
  645. <p>
  646. Here goes client testimonial about you greate app!
  647. <small>Someone famous <cite title="Source Title">ppl</cite></small>
  648. </p>
  649. </blockquote>
  650. <a class="" href="#" title>Find out more &rarr;</a>
  651. </div>
  652.  
  653. <div class="span3 text-center testimonial-box">
  654. <div class="row-fluid">
  655. <div class="span8 offset2">
  656. <img src="images/staff5.jpg" class="img-circle" alt="">
  657. </div>
  658. </div>
  659. <blockquote class="">
  660. <p>
  661. Here goes client testimonial about you greate app!
  662. <small>Someone famous <cite title="Source Title">ppl</cite></small>
  663. </p>
  664. </blockquote>
  665. <a class="" href="#" title>Find out more &rarr;</a>
  666. </div>
  667.  
  668. <div class="span3 text-center testimonial-box">
  669. <div class="row-fluid">
  670. <div class="span8 offset2">
  671. <img src="images/staff4.jpg" class="img-circle" alt="">
  672. </div>
  673. </div>
  674. <blockquote>
  675. <p>
  676. Here goes client testimonial about you greate app!
  677. <small>Someone famous <cite title="Source Title">ppl</cite></small>
  678. </p>
  679. </blockquote>
  680. <a class="" href="#" title>Find out more &rarr;</a>
  681. </div>
  682.  
  683. <div class="span3 text-center testimonial-box">
  684. <div class="row-fluid">
  685. <div class="span8 offset2">
  686. <img src="images/staff2.jpg" class="img-circle" alt="">
  687. </div>
  688. </div>
  689. <blockquote>
  690. <p>
  691. Here goes client testimonial about you greate app!
  692. <small>Someone famous <cite title="Source Title">ppl</cite></small>
  693. </p>
  694. </blockquote>
  695. <a class="" href="#" title>Find out more &rarr;</a>
  696. </div>
  697. </div><!--/ROW-->
  698. </div><!-- /CONTAINER -->
  699.  
  700. <hr>
  701. <!-- CLIENTS LOGO BLOCK -->
  702. <div class="container">
  703. <div class="row-fluid panel">
  704. <div class="span12 text-center">
  705. <span>Some of our clients
  706. <span class="inner">Some of our most famous clients</span>
  707. </span>
  708. </div>
  709. </div>
  710.  
  711.  
  712. <div class="row-fluid client-wrap">
  713. <!-- LOGO ITEM-->
  714. <div class="span2 logo-client text-center">
  715. <img src="images/mashablelogosmall.jpg" alt="" />
  716. </div>
  717. <!-- / LOGO ITEM-->
  718.  
  719. <!-- LOGO ITEM-->
  720. <div class="span2 logo-client text-center">
  721. <img src="images/tnwlogosmall.jpg" alt="" />
  722. </div>
  723. <!-- / LOGO ITEM-->
  724.  
  725. <!-- LOGO ITEM-->
  726. <div class="span2 logo-client text-center">
  727. <img src="images/mashablelogosmall.jpg" alt="" />
  728. </div>
  729. <!-- / LOGO ITEM-->
  730.  
  731. <!-- LOGO ITEM-->
  732. <div class="span2 logo-client text-center">
  733. <img src="images/tnwlogosmall.jpg" alt="" />
  734. </div>
  735. <!-- / LOGO ITEM-->
  736.  
  737. <!-- LOGO ITEM-->
  738. <div class="span2 logo-client text-center">
  739. <img src="images/mashablelogosmall.jpg" alt="" />
  740. </div>
  741. <!-- / LOGO ITEM-->
  742.  
  743. <!-- LOGO ITEM-->
  744. <div class="span2 logo-client text-center">
  745. <img src="images/tnwlogosmall.jpg" alt="" />
  746. </div>
  747. <!-- / LOGO ITEM-->
  748.  
  749. </div>
  750. </div> <!-- /CONTAINER-->
  751. <!-- / CLIENTS LOGO BLOCK -->
  752.  
  753. </section>
  754. <!-- /TEAM SECTION-->
  755.  
  756.  
  757.  
  758. <!-- ################## NEWS - or - PORTFOLIO SECTION #################
  759. ======================================================= -->
  760. <section id="portfolio-section">
  761. <div class="container">
  762. <!-- TITLE-->
  763. <div class="row-fluid panel">
  764. <div class="span12 text-center">
  765. <span>Latest news
  766. <span class="inner">See our blog posts and publications!</span>
  767. </span>
  768. </div>
  769. </div>
  770.  
  771. <!-- TITLE-->
  772. <!--################### START NEWS ###################
  773. ======================================================= -->
  774. <div id="container-folio" class="row">
  775.  
  776. <!-- portfolio item -->
  777. <div class="span4 project-item seo graphics box ">
  778. <div class="thumbnail">
  779.  
  780. <!-- IMAGE CONTAINER-->
  781. <a data-gal="prettyPhoto[gallery]" href="images/thumbonelarge.jpg" class="img-wrap">
  782. <img src="images/thumbone.jpg" alt="iPhonegraphy" />
  783. </a>
  784. <!--END IMAGE CONTAINER-->
  785.  
  786. <!-- CAPTION -->
  787. <div class="caption text-center">
  788. <!-- TITLE -->
  789. <h4 class=""><a class="" href="#">Here goes news title</a></h4>
  790. <!-- / TITLE -->
  791. </div>
  792. <!--END CAPTION -->
  793. </div>
  794. <!-- END: THUMBNAIL -->
  795. </div>
  796. <!-- END: portfolio item -->
  797. <!-- portfolio item -->
  798. <div class="span4 project-item seo graphics box ">
  799. <div class="thumbnail">
  800.  
  801. <!-- IMAGE CONTAINER-->
  802. <a data-gal="prettyPhoto[gallery]" href="images/thumbtwolarge.jpg" class="img-wrap">
  803. <img src="images/thumbtwo.jpg" alt="iPhonegraphy" />
  804. </a>
  805. <!--END IMAGE CONTAINER-->
  806.  
  807. <!-- CAPTION -->
  808. <div class="caption text-center">
  809. <!-- TITLE -->
  810. <h4 class=""><a class="" href="#">Here goes news title</a></h4>
  811. <!-- / TITLE -->
  812. </div>
  813. <!--END CAPTION -->
  814. </div>
  815. <!-- END: THUMBNAIL -->
  816. </div>
  817. <!-- END: portfolio item -->
  818.  
  819. <!-- portfolio item -->
  820. <div class="span4 project-item seo graphics box ">
  821. <div class="thumbnail">
  822.  
  823. <!-- IMAGE CONTAINER-->
  824. <a data-gal="prettyPhoto[gallery]" href="images/thumbthreelarge.jpg" class="img-wrap">
  825. <img src="images/thumbthree.jpg" alt="iPhonegraphy" />
  826. </a>
  827. <!--END IMAGE CONTAINER-->
  828.  
  829. <!-- CAPTION -->
  830. <div class="caption text-center">
  831. <!-- TITLE -->
  832. <h4 class=""><a class="" href="#">Here goes news title</a></h4>
  833. <!-- / TITLE -->
  834. </div>
  835. <!--END CAPTION -->
  836. </div>
  837. <!-- END: THUMBNAIL -->
  838. </div>
  839. <!-- END: portfolio item -->
  840. </div><!-- /container-folio row-->
  841. </div><!-- /CONTAINER-->
  842.  
  843. <div class="red-panel-bottom">
  844. <div class="overlay-panel">
  845. <div class="container">
  846. <div class="row-fluid">
  847. <div class="panel text-center">
  848. <div class="span12">
  849. <span>
  850. Subscribe to news updates!
  851. </span>
  852. <hr>
  853. </div>
  854.  
  855. <div class="input-append row-fluid glass-border">
  856. <input type="text" class="subscribe-input span9" id="appendedInputButton" placeholder="Type in your Email">
  857. <button class="btn btn-large btn-danger">Subscribe!</button>
  858.  
  859. </div>
  860. </div>
  861. </div>
  862. </div>
  863. </div>
  864. </div>
  865.  
  866.  
  867. <div class="container">
  868. <!-- PRESS BLOCK -->
  869. <div class="row-fluid panel">
  870. <div class="span12 text-center">
  871. <span>Press write about us
  872. <span class="inner">Here's just a few places we've been covered.</span>
  873. </span>
  874. </div>
  875. </div>
  876.  
  877. <div class="row-fluid">
  878.  
  879. <div class="thumbnail news-thumb">
  880. <div class="span4 pull-right text-center">
  881. <img src="images/MashableLogo.jpg" alt="" />
  882. </div>
  883. <div class="caption span8">
  884. <h4>Our App Launches Public Beta to Help our Clients</h4>
  885. <p class="lead">
  886. "A product like this is important in the visual field, where an artist can open themselves up to criticism that, frankly, doesn't make a lick of sense. Google docs 2.0 - App, a new online collaboration tool, just launched. The venue provides a secure environment for creative teams in web, mobile, print, video, design, 3D and motion graphics to present their work for feedback and approval."
  887. </p>
  888. <p class="text-right">
  889. <a class="btn" href="#" title=""> Read more &rarr;</a>
  890. </p>
  891. </div>
  892. </div>
  893.  
  894. <div class="thumbnail news-thumb">
  895. <div class="span4 pull-right text-center">
  896. <img src="images/tnwLogo.jpg" alt="" />
  897. </div>
  898. <div class="caption span8">
  899. <h4>Our App Launches Public Beta to Help our Clients</h4>
  900. <p class="lead">
  901. "A product like this is important in the visual field, where an artist can open themselves up to criticism that, frankly, doesn't make a lick of sense. Google docs 2.0 - App, a new online collaboration tool, just launched. The venue provides a secure environment for creative teams in web, mobile, print, video, design, 3D and motion graphics to present their work for feedback and approval."
  902. </p>
  903. <p class="text-right">
  904. <a class="btn" href="#" title=""> Read more &rarr;</a>
  905. </p>
  906. </div>
  907. </div>
  908. <div class="span4">
  909. </div>
  910. </div>
  911. <!-- / PRESS BLOCK -->
  912. </div>
  913. <!--/CONTAINER-->
  914. </section><!--/ portfolio section-->
  915.  
  916.  
  917. <section id="price-section">
  918. <!-- ################ PRICE SECTION HEADER ############# -->
  919. <div class="container">
  920. <div class="row-fluid panel">
  921. <div class="span12 text-center">
  922. <span>Plans and Pricing
  923. <span class="inner">Check out our Plans and Pricing
  924. </span>
  925. </span>
  926. </div>
  927. </div>
  928. </div>
  929.  
  930. <!-- ################# PRICE SECTION #############
  931. ================================================ -->
  932. <div class="container">
  933. <div class="row-fluid text-center plans">
  934.  
  935. <div class="plan span4">
  936. <h2 class="plan-title">Solo</h2>
  937. <p class="plan-price">$19<span>/mo</span></p>
  938. <ul class="plan-features">
  939. <li><strong>1</strong> user</li>
  940. <li><strong>Unlimited</strong> projects</li>
  941. <li><strong>2GB</strong> storage</li>
  942. </ul>
  943. <p class="text-center">
  944. <a href="index.html" class="btn">Start Now</a>
  945. </p>
  946. </div>
  947.  
  948. <div class="plan plan-tall span4">
  949. <h2 class="plan-title">Team</h2>
  950. <p class="plan-price">$49<span>/mo</span></p>
  951. <ul class="plan-features">
  952. <li><strong>10</strong> users</li>
  953. <li><strong>Unlimited</strong> projects</li>
  954. <li><strong>20GB</strong> storage</li>
  955. </ul>
  956. <p class="text-center">
  957. <a href="index.html" class="btn">Start Now</a>
  958. </p>
  959. </div>
  960.  
  961. <div class="plan span4">
  962. <h2 class="plan-title">Agency</h2>
  963. <p class="plan-price">$99<span>/mo</span></p>
  964. <ul class="plan-features">
  965. <li><strong>Unlimited</strong> users</li>
  966. <li><strong>Unlimited</strong> projects</li>
  967. <li><strong>100GB</strong> storage</li>
  968. </ul>
  969. <p class="text-center">
  970. <a href="index.html" class="btn">Start Now</a>
  971. </p>
  972. </div>
  973.  
  974.  
  975.  
  976. </div><!-- / row-fluid-->
  977. </div><!-- / CONTAINER-->
  978. </section>
  979.  
  980. <!-- ############### END PRICE SECTION #########
  981. ================================================== -->
  982. <div class="container">
  983. <div class="row-fluid panel">
  984. <div class="span8">
  985. <p class="lead slogan">
  986. Ready to buy? Sign in up now for download app!
  987. </p>
  988. </div>
  989.  
  990. <div class="span3">
  991. <a class="btn btn-info btn-block btn-large" href="#" title=""><i class="fa-icon-play-circle"></i> SIGN UP NOW!</a>
  992. </div>
  993. </div>
  994. </div>
  995.  
  996. <div class="red-panel-bottom">
  997. <div class="overlay-panel">
  998. <div class="container">
  999. <div class="row-fluid">
  1000. <div class="panel text-center">
  1001. <div class="span12 text-center">
  1002. <div class="span12 text-center"><i class="fa-icon-twitter fa-icon-medium twitt-icon"></i>
  1003. <!-- TWITTER FEED-->
  1004. <span class="slogan text-center" id="tweets"></span>
  1005. <!-- /TWITTER FEED-->
  1006. </div>
  1007. <hr>
  1008.  
  1009. </div>
  1010. </div>
  1011.  
  1012. </div>
  1013. </div>
  1014. </div>
  1015. </div>
  1016. <!-- ###################### FOOTER #######################
  1017. ================================================== -->
  1018. <footer class="footer" id="contact-section">
  1019. <div class="container">
  1020. <div class="row-fluid">
  1021. <div class="span3 text-center">
  1022. <a class="brand" href="" title="">BOOTSTARTER</a>
  1023. </div>
  1024.  
  1025. <div class="span5 text-center">
  1026. <address>
  1027. <i class="fa-icon-map-marker"></i> 795 Folsom Ave, Suite 600, San Francisco, CA 94107 <br>
  1028. <i class="fa-icon-phone-sign"></i> + 4 (123) 456-7890
  1029. <div class="foot-line"></div>
  1030. </address>
  1031. </div>
  1032.  
  1033. <div class="span4 text-center">
  1034. <ul class="social-top">
  1035. <li><a href="#" title=""><i class="fa-icon-facebook"></i></a></li>
  1036. <li><a href="#" title=""><i class="fa-icon-twitter"></i></a></li>
  1037. <li><a href="#" title=""><i class="fa-icon-github-alt"></i></a></li>
  1038. <li><a href="#" title=""><i class="fa-icon-google-plus"></i></a></li>
  1039. <li><a href="#" title=""><i class="fa-icon-linkedin"></i></a></li>
  1040. </ul>
  1041. </div>
  1042. </div>
  1043. <!-- ROW-FLUID-->
  1044. </div>
  1045. </footer>
  1046. <!-- END: FOOTER -->
  1047. </div>
  1048. <!-- END: MAIN-WRAPPER-->
  1049.  
  1050.  
  1051. <!-- Le javascript
  1052. ================================================== -->
  1053. <!-- Placed at the end of the document so the pages load faster -->
  1054.  
  1055. <script src="assets/js/jquery.js" type="text/javascript"></script>
  1056. <script src="assets/js/google-code-prettify/prettify.js" type="text/javascript"></script>
  1057. <script src="assets/js/bootstrap-transition.js" type="text/javascript"></script>
  1058. <script src="assets/js/bootstrap-alert.js" type="text/javascript"></script>
  1059. <script src="assets/js/bootstrap-modal.js" type="text/javascript"></script>
  1060. <script src="assets/js/bootstrap-dropdown.js" type="text/javascript"></script>
  1061. <script src="assets/js/bootstrap-scrollspy.js" type="text/javascript"></script>
  1062. <script src="assets/js/bootstrap-tab.js" type="text/javascript"></script>
  1063. <script src="assets/js/bootstrap-tooltip.js" type="text/javascript"></script>
  1064. <script src="assets/js/bootstrap-popover.js" type="text/javascript"></script>
  1065. <script src="assets/js/bootstrap-button.js" type="text/javascript"></script>
  1066. <script src="assets/js/bootstrap-collapse.js" type="text/javascript"></script>
  1067. <script src="assets/js/bootstrap-carousel.js" type="text/javascript"></script>
  1068. <script src="assets/js/bootstrap-typeahead.js" type="text/javascript"></script>
  1069. <script src="assets/js/bootstrap-affix.js" type="text/javascript"></script>
  1070.  
  1071. <script src="assets/js/application.js" type="text/javascript"></script>
  1072. <script src="assets/js/jquery.easing.js" type="text/javascript" ></script>
  1073. <script src="assets/js/jquery.waitforimages.js" type="text/javascript" ></script>
  1074. <script src="assets/js/jquery.isotope.min.js" type="text/javascript" ></script>
  1075. <script src="assets/js/jquery.prettyPhoto-3.1.4-W3C.js" type="text/javascript"></script>
  1076. <script src="assets/js/jquery.ui.totop.js" type="text/javascript"></script>
  1077. <script type="text/javascript" src="assets/js/jquery.inview.js"></script>
  1078. <script src="assets/js/jquery.parallax-1.1.3.js" type="text/javascript" ></script>
  1079. <script src="assets/js/jquery.localscroll-1.2.7-min.js" type="text/javascript" ></script>
  1080. <script src="assets/js/jquery.scrollTo-1.4.2-min.js" type="text/javascript" ></script>
  1081. <!-- <script src="assets/js/jquery.nicescroll.min.js" type="text/javascript" ></script> -->
  1082.  
  1083.  
  1084.  
  1085.  
  1086. <script type="text/javascript" src="assets/js/custom.js"></script>
  1087.  
  1088. <!-- TWITTER -->
  1089. <script src="assets/js/tweetable.jquery.js" type="text/javascript"></script>
  1090. <script src="assets/js/jquery.timeago.js" type="text/javascript"></script>
  1091.  
  1092. <script type="text/javascript">
  1093. jQuery(function(){
  1094. jQuery('#tweets').tweetable({
  1095. username: 'bootstraptor',
  1096. time: true,
  1097. rotate: true,
  1098. speed: 4000,
  1099. limit: 2,
  1100. replies: false,
  1101. position: 'append',
  1102. failed: "Sorry, twitter is currently unavailable for this user.",
  1103. html5: true,
  1104. onComplete:function(jQueryul){
  1105. jQuery('time').timeago();
  1106. }
  1107. });
  1108. });
  1109. </script>
  1110.  
  1111.  
  1112. <script>
  1113. jQuery(document).ready(
  1114. function() {
  1115. jQuery("html").niceScroll({cursorcolor:"#5bc0de"});
  1116. }
  1117. );
  1118. </script>
  1119.  
  1120.  
  1121.  
  1122. </body>
  1123. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!