API tools faq
paste
Advertisement
adamisepic

Untitled

adamisepic
Aug 23rd, 2013
108
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.43 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta name="description" content="Bootbusiness | Short description about company">
  8. <meta name="author" content="Your name">
  9. <title>SilverBlade | Our Story</title>
  10. <!-- Bootstrap -->
  11. <link href="css/bootstrap.min.css" rel="stylesheet">
  12. <!-- Bootstrap responsive -->
  13. <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
  14. <!-- Font awesome - iconic font with IE7 support -->
  15. <link href="css/font-awesome.css" rel="stylesheet">
  16. <link href="css/font-awesome-ie7.css" rel="stylesheet">
  17. <!-- Bootbusiness theme -->
  18. <link href="css/boot-business.css" rel="stylesheet">
  19. </head>
  20. <body>
  21. <!-- Start: HEADER -->
  22. <header>
  23. <!-- Start: Navigation wrapper -->
  24. <div class="navbar navbar-fixed-top">
  25. <div class="navbar-inner">
  26. <div class="container">
  27. <a href="index.html" class="brand brand-bootbus">SilverBlade Solutions</a>
  28. <!-- Below button used for responsive navigation -->
  29. <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  30. <span class="icon-bar"></span>
  31. <span class="icon-bar"></span>
  32. <span class="icon-bar"></span>
  33. <style>
  34. #thetimeline{
  35. height: 25%
  36. }
  37. </style>
  38. </button>
  39. <!-- Start: Primary navigation -->
  40. <div class="nav-collapse collapse">
  41. <ul class="nav pull-right">
  42. <li class="dropdown">
  43. <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products and Services<b class="caret"></b></a>
  44. <ul class="dropdown-menu">
  45. <li class="nav-header">PRODUCTS</li>
  46. <li><a href="product.html">Product1</a></li>
  47. <li><a href="product.html">Product2</a></li>
  48. <li><a href="product.html">Product3</a></li>
  49. <li><a href="all_products.html">All products</a></li>
  50. <li class="divider"></li>
  51. <li class="nav-header">SERVICES</li>
  52. <li><a href="service.html">Service1</a></li>
  53. <li><a href="service.html">Service2</a></li>
  54. <li><a href="service.html">Service3</a></li>
  55. <li><a href="all_services.html">All services</a></li>
  56. </ul>
  57. </li>
  58. <li class="dropdown">
  59. <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
  60. <ul class="dropdown-menu">
  61. <li><a href="about.html">About Us</a></li>
  62. </ul>
  63. </li>
  64. <li><a href="faq.html">FAQ</a></li>
  65. <li><a href="mailto:admin.silverbladesolutions.com">Contact us</a></li>
  66.  
  67. </ul>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. <!-- End: Navigation wrapper -->
  73. </header>
  74. <!-- End: HEADER -->
  75. <!-- Start: Main content -->
  76. <div class="content">
  77. <div class="container">
  78. <div class="page-header">
  79. <h1>Our story <small>How we became what we are now</small></h1>
  80. </div>
  81. <div class="hero-unit">
  82. <h2>A timeline of our company!</h2>
  83. <div class="modal hide fade" id="timelinemodal">
  84. <div class="modal-header">
  85. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  86. <h3>Timeline</h3>
  87. </div>
  88. <div class="modal-body">
  89.  
  90. <iframe src='http://embed.verite.co/timeline/?source=0AlAcVRyBf0V0dHRuekNuekVicUFYSmdlSFhoVm9uQkE&font=Bevan-PotanoSans&maptype=toner&lang=en&height=650' width='100%' height='650' frameborder='0'></iframe>
  91. </div>
  92. <div class="modal-footer">
  93. <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  94. </div>
  95. </div>
  96.  
  97. <div class="modal hide fade" id="ourstorymodal">
  98. <div class="modal-header">
  99. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  100. <h3>Our story</h3>
  101. </div>
  102. <div class="modal-body">
  103. <h2>How we started</h2>
  104. <P>We started out as a bunch of 12-year olds who wanted to build computers, so we made that dream come true! We gathered everybody we knew who was interested and told all our friends that if they were interested in a new computer, we were offering. At this point, you may be thinking that it is strange for 12-year olds to build computers. Don't worry, we are each fluent in at least one programming languages, and some of us are fluent in 12! Eventually, we decided that we needed a way to get out to te general public, so we build a google site. One of our friends (now co-owner) decided that he would pay for the website.</P>
  105. <h2>Our Creed</h2>
  106. <p>We strive to attain the best in performance, while taking a fairly small share of profit (under 10%)</p>
  107. <h2>Where we are now</h2>
  108. <p>At this point we are just trying to get as much reputation as we can, and to deliver as many computers as we can!</p>
  109. <h2>Follow us on our journey!</h2>
  110. <a href="https://twitter.com/share" class="twitter-share-button" data-text="Check out this story!" data-size="large" data-related="silverbladecomp">Tweet</a>
  111. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
  112. </div>
  113. <div class="modal-footer">
  114. <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  115. </div>
  116. </div>
  117. <a href="#timelinemodal" role="button" class="btn btn-large" data-toggle="modal">View Timeline</a>
  118. <a href="#ourstorymodal" role="button" class="btn btn-large" data-toggle="modal">Our Story</a>
  119.  
  120. </div>
  121. </div>
  122. </div>
  123. <!-- End: Main content -->
  124. <!-- Start: FOOTER -->
  125. <footer>
  126. <div class="container">
  127. <div class="row">
  128. <div class="span2">
  129. <h4><i class="icon-star icon-white"></i> Products</h4>
  130. <nav>
  131. <ul class="quick-links">
  132. <li><a href="product.html">Product1</a></li>
  133. <li><a href="product.html">Product2</a></li>
  134. <li><a href="product.html">Product3</a></li>
  135. <li><a href="all_products.html">All products</a></li>
  136. </ul>
  137. </nav>
  138. <h4><i class="icon-cogs icon-white"></i> Services</h4>
  139. <nav>
  140. <ul class="quick-links">
  141. <li><a href="service.html">Service1</a></li>
  142. <li><a href="service.html">Service2</a></li>
  143. <li><a href="service.html">Service3</a></li>
  144. <li><a href="all_services.html">All services</a></li>
  145. </ul>
  146. </nav>
  147. </div>
  148. <div class="span2">
  149. <h4><i class="icon-beaker icon-white"></i> About</h4>
  150. <nav>
  151. <ul class="quick-links">
  152. <li><a href="about.html">Our Story</a></li>
  153. <ul>
  154. </nav>
  155. </div>
  156. <div class="span2">
  157. <h4><i class="icon-thumbs-up icon-white"></i> Support</h4>
  158. <nav>
  159. <ul class="quick-links">
  160. <li><a href="faq.html">FAQ</a></li>
  161. <li><a href="contact_us.html">Contact us</a></li>
  162. </ul>
  163. </nav>
  164. </div>
  165. <div class="span3">
  166. <h4>Get in touch</h4>
  167. <div class="social-icons-row">
  168. <a href="#"><i class="icon-twitter"></i></a>
  169. <a href="#"><i class="icon-facebook"></i></a>
  170. <a href="#"><i class="icon-linkedin"></i></a>
  171. </div>
  172. <div class="social-icons-row">
  173. <a href="#"><i class="icon-google-plus"></i></a>
  174. <a href="#"><i class="icon-github"></i></a>
  175. <a href="mailto:[email protected]"><i class="icon-envelope"></i></a>
  176. </div>
  177. <div class="social-icons-row">
  178. <i class="icon-phone icon-large phone-number"></i> +919750227877
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. <hr class="footer-divider">
  184. <div class="container">
  185. <p>
  186. &copy; 2013 SilverBlade Solutions. All Rights Reserved.
  187. </p>
  188. </div>
  189. </footer>
  190. <!-- End: FOOTER -->
  191. <script type="text/javascript" src="js/jquery.min.js"></script>
  192. <script type="text/javascript" src="js/bootstrap.min.js"></script>
  193. <script type="text/javascript" src="js/boot-business.js"></script>
  194. <script>
  195. function querystring(key) {
  196. var re=new RegExp('(?:\\?|&)'+key+'=(.*?)(?=&|$)','gi');
  197. var r=[], m;
  198. while ((m=re.exec(document.location.search)) != null) r.push(m[1]);
  199. return r;
  200. }
  201. var querystring = querystring('story');
  202. if (querystring.length && querystring[0]==='true' ) {$('#ourstorymodal').modal('show');}</script>
  203. </body>
  204. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!