API tools faq
paste
Advertisement
adamisepic

Untitled

adamisepic
Aug 23rd, 2013
444
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.77 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="SilverBlade | Custom computers to suit even the most extreme gaming needs">
  8. <meta name="author" content="Adam Keim">
  9. <title>SilverBlade | Home</title>
  10. <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  11. <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
  12. <!-- Bootstrap -->
  13. <link href="css/bootstrap.min.css" rel="stylesheet">
  14. <!-- Bootstrap responsive -->
  15. <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
  16. <!-- Font awesome - iconic font with IE7 support -->
  17. <link href="css/font-awesome.css" rel="stylesheet">
  18. <link href="css/font-awesome-ie7.css" rel="stylesheet">
  19. <!-- Bootbusiness theme -->
  20. <link href="css/boot-business.css" rel="stylesheet">
  21. </head>
  22. <body>
  23. <!-- Start: HEADER -->
  24. <header>
  25. <!-- Start: Navigation wrapper -->
  26. <div class="navbar navbar-fixed-top">
  27. <div class="navbar-inner">
  28. <div class="container">
  29. <a href="index.html" class="brand brand-bootbus">SilverBlade Solutions</a>
  30. <!-- Below button used for responsive navigation -->
  31. <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  32. <span class="icon-bar"></span>
  33. <span class="icon-bar"></span>
  34. <span class="icon-bar"></span>
  35. </button>
  36. <!-- Start: Primary navigation -->
  37. <div class="nav-collapse collapse">
  38. <ul class="nav pull-right">
  39. <li class="dropdown">
  40. <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products and Services<b class="caret"></b></a>
  41. <ul class="dropdown-menu">
  42. <li class="nav-header">PRODUCTS</li>
  43. <li><a href="product.html">Product1</a></li>
  44. <li><a href="product.html">Product2</a></li>
  45. <li><a href="product.html">Product3</a></li>
  46. <li><a href="all_products.html">All products</a></li>
  47. <li class="divider"></li>
  48. <li class="nav-header">SERVICES</li>
  49. <li><a href="service.html">Service1</a></li>
  50. <li><a href="service.html">Service2</a></li>
  51. <li><a href="service.html">Service3</a></li>
  52. <li><a href="all_services.html">All services</a></li>
  53. </ul>
  54. </li>
  55. <li class="dropdown">
  56. <a href="#" class="dropdown-toggle" data-toggle="dropdown">About<b class="caret"></b></a>
  57. <ul class="dropdown-menu">
  58. <li><a href="about.html">About Us</a></li>
  59. </ul>
  60. </li>
  61. <li><a href="faq.html">FAQ</a></li>
  62. <li><a href="mailto:admin.silverbladesolutions.com">Contact us</a></li>
  63.  
  64. </ul>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. <!-- End: Navigation wrapper -->
  70. </header>
  71. <!-- End: HEADER -->
  72. <!-- Start: MAIN CONTENT -->
  73. <div class="content">
  74. <!-- Start: slider -->
  75. <div class="slider">
  76. <div class="container-fluid">
  77. <div id="heroSlider" class="carousel slide">
  78. <div class="carousel-inner">
  79. <div class="active item">
  80. <div class="hero-unit">
  81. <div class="row-fluid">
  82. <div class="span7 marketting-info">
  83. <h1>SilverBlade Solutions</h1>
  84. <p>
  85. We build custom computers at a very competitive price. We also ship to anywhere within the
  86. </p>
  87. <h3>
  88. <a href="about.html" class="btn">Learn more</a>
  89. </h3>
  90. </div>
  91. <div class="span5">
  92. <img src="img/favicon.png" class="thumbnail" height="450" width="450">
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. <div class="item">
  98. <div class="hero-unit">
  99. <div class="row-fluid">
  100. <div class="span7 marketting-info">
  101. <h1>TELL ABOUT YOUR NATURE OF WORK</h1>
  102. <p>
  103. We are Bootbusiness and we design ultimate website applications.
  104. We are Bootbusiness and we design ultimate website applications.
  105. </p>
  106. <h3>
  107. <a href="service.html" class="btn">Learn more</a>
  108. </h3>
  109. </div>
  110. <div class="span5">
  111. <img src="img/placeholder.jpg" class="thumbnail">
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <div class="item">
  117. <div class="hero-unit">
  118. <div class="row-fluid">
  119. <div class="span7 marketting-info">
  120. <h1>TELL ABOUT YOUR PRODUCT</h1>
  121. <p>
  122. Get excited about our products.We build awesome products in mobile.
  123. We build awesome products in mobile.We build awesome products in mobile.
  124. </p>
  125. <h3>
  126. <a href="#" class="btn btn-primary">Buy now</a>
  127. <a href="product.html" class="btn">Learn more</a>
  128. </h3>
  129. </div>
  130. <div class="span5">
  131. <img src="img/placeholder.jpg" class="thumbnail">
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. <div class="item">
  137. <div class="hero-unit">
  138. <div class="row-fluid">
  139. <div class="span7 marketting-info">
  140. <h1>TELL ABOUT YOUR ANOTHER PRODUCT</h1>
  141. <p>
  142. Get excited about our products.We build awesome products in mobile.
  143. We build awesome products in mobile.We build awesome products in mobile.
  144. </p>
  145. <h3>
  146. <a href="#" class="btn btn-primary">Buy now</a>
  147. <a href="product.html" class="btn">Learn more</a>
  148. </h3>
  149. </div>
  150. <div class="span5">
  151. <img src="img/placeholder.jpg" class="thumbnail">
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. <a class="left carousel-control" href="#heroSlider" data-slide="prev">‹</a>
  158. <a class="right carousel-control" href="#heroSlider" data-slide="next">›</a>
  159. </div>
  160. </div>
  161. </div>
  162. <!-- End: slider -->
  163. <!-- Start: PRODUCT LIST -->
  164. <div class="container">
  165. <div class="page-header">
  166. <h2>Our products</h2>
  167. </div>
  168. <div class="row-fluid">
  169. <ul class="thumbnails">
  170. <li class="span4">
  171. <div class="thumbnail">
  172. <img src="img/placeholder-360x200.jpg" alt="product name">
  173. <div class="caption">
  174. <h3>Product name</h3>
  175. <p>
  176. Few attractive words about your product.Few attractive words about your product.
  177. Few attractive words about your product.Few attractive words about your product.
  178. </p>
  179. </div>
  180. <div class="widget-footer">
  181. <p>
  182. <a href="#" class="btn btn-primary">Buy now</a>&nbsp;
  183. <a href="product.html" class="btn">Read more</a>
  184. </p>
  185. </div>
  186. </div>
  187. </li>
  188. <li class="span4">
  189. <div class="thumbnail">
  190. <img src="img/placeholder-360x200.jpg" alt="product name">
  191. <div class="caption">
  192. <h3>Product name</h3>
  193. <p>
  194. Few attractive words about your product.Few attractive words about your product.
  195. Few attractive words about your product.Few attractive words about your product.
  196. </p>
  197. </div>
  198. <div class="widget-footer">
  199. <p>
  200. <a href="#" class="btn btn-primary">Buy now</a>&nbsp;
  201. <a href="product.html" class="btn">Read more</a>
  202. </p>
  203. </div>
  204. </div>
  205. </li>
  206. <li class="span4">
  207. <div class="thumbnail">
  208. <img src="img/placeholder-360x200.jpg" alt="product name">
  209. <div class="caption">
  210. <h3>Product name</h3>
  211. <p>
  212. Few attractive words about your product.Few attractive words about your product.
  213. Few attractive words about your product.Few attractive words about your product.
  214. </p>
  215. </div>
  216. <div class="widget-footer">
  217. <p>
  218. <a href="#" class="btn btn-primary">Buy now</a>&nbsp;
  219. <a href="product.html" class="btn">Read more</a>
  220. </p>
  221. </div>
  222. </div>
  223. </li>
  224. </ul>
  225. </div>
  226. <div class="page-header">
  227. <h2>Our Services</h2>
  228. </div>
  229. <div class="row-fluid">
  230. <ul class="thumbnails">
  231. <li class="span4">
  232. <div class="thumbnail">
  233. <img src="img/placeholder-360x200.jpg" alt="product name">
  234. <div class="caption">
  235. <h3>Service title</h3>
  236. <p>
  237. Few attractive words about your service.Few attractive words about your service.
  238. Few attractive words about your service.Few attractive words about your service.
  239. </p>
  240. </div>
  241. <div class="widget-footer">
  242. <p>
  243. <a href="#" class="btn btn-primary">Try for free</a>&nbsp;
  244. <a href="product.html" class="btn">Read more</a>
  245. </p>
  246. </div>
  247. </div>
  248. </li>
  249. <li class="span4">
  250. <div class="thumbnail">
  251. <img src="img/placeholder-360x200.jpg" alt="product name">
  252. <div class="caption">
  253. <h3>Service title</h3>
  254. <p>
  255. Few attractive words about your service.Few attractive words about your service.
  256. Few attractive words about your service.Few attractive words about your service.
  257. </p>
  258. </div>
  259. <div class="widget-footer">
  260. <p>
  261. <a href="#" class="btn btn-primary">Try for free</a>&nbsp;
  262. <a href="product.html" class="btn">Read more</a>
  263. </p>
  264. </div>
  265. </div>
  266. </li>
  267. <li class="span4">
  268. <div class="thumbnail">
  269. <img src="img/placeholder-360x200.jpg" alt="product name">
  270. <div class="caption">
  271. <h3>Service title</h3>
  272. <p>
  273. Few attractive words about your service.Few attractive words about your service.
  274. Few attractive words about your service.Few attractive words about your service.
  275. </p>
  276. </div>
  277. <div class="widget-footer">
  278. <p>
  279. <a href="#" class="btn btn-primary">Try for free</a>&nbsp;
  280. <a href="product.html" class="btn">Read more</a>
  281. </p>
  282. </div>
  283. </div>
  284. </li>
  285. </ul>
  286. </div>
  287. </div>
  288. <!-- End: PRODUCT LIST -->
  289. </div>
  290. <!-- End: MAIN CONTENT -->
  291. <!-- Start: FOOTER -->
  292. <footer>
  293. <div class="container">
  294. <div class="row">
  295. <div class="span2">
  296. <h4><i class="icon-star icon-white"></i> Products</h4>
  297. <nav>
  298. <ul class="quick-links">
  299. <li><a href="product.html">Product1</a></li>
  300. <li><a href="product.html">Product2</a></li>
  301. <li><a href="product.html">Product3</a></li>
  302. <li><a href="all_products.html">All products</a></li>
  303. </ul>
  304. </nav>
  305. <h4><i class="icon-cogs icon-white"></i> Services</h4>
  306. <nav>
  307. <ul class="quick-links">
  308. <li><a href="service.html">Service1</a></li>
  309. <li><a href="service.html">Service2</a></li>
  310. <li><a href="service.html">Service3</a></li>
  311. <li><a href="all_services.html">All services</a></li>
  312. </ul>
  313. </nav>
  314. </div>
  315. <div class="span2">
  316. <h4><i class="icon-beaker icon-white"></i> About</h4>
  317. <nav>
  318. <ul class="quick-links">
  319. <li><a href="about.html">Our Story</a></li>
  320. <ul>
  321. </nav>
  322. </div>
  323. <div class="span2">
  324. <h4><i class="icon-thumbs-up icon-white"></i> Support</h4>
  325. <nav>
  326. <ul class="quick-links">
  327. <li><a href="faq.html">FAQ</a></li>
  328. <li><a href="contact_us.html">Contact us</a></li>
  329. </ul>
  330. </nav>
  331. </div>
  332. <div class="span3">
  333. <h4>Get in touch</h4>
  334. <div class="social-icons-row">
  335. <a href="#"><i class="icon-twitter"></i></a>
  336. <a href="#"><i class="icon-facebook"></i></a>
  337. <a href="#"><i class="icon-linkedin"></i></a>
  338. </div>
  339. <div class="social-icons-row">
  340. <a href="#"><i class="icon-google-plus"></i></a>
  341. <a href="#"><i class="icon-github"></i></a>
  342. <a href="mailto:[email protected]"><i class="icon-envelope"></i></a>
  343. </div>
  344. <div class="social-icons-row">
  345. <i class="icon-phone icon-large phone-number"></i> +919750227877
  346. </div>
  347. </div>
  348. </div>
  349. </div>
  350. <hr class="footer-divider">
  351. <div class="container">
  352. <p>
  353. &copy; 2013 SilverBlade Solutions. All Rights Reserved.
  354. </p>
  355. </div>
  356. </footer>
  357. <!-- End: FOOTER -->
  358. <script type="text/javascript" src="js/jquery.min.js"></script>
  359. <script type="text/javascript" src="js/bootstrap.min.js"></script>
  360. <script type="text/javascript" src="js/boot-business.js"></script>
  361. </body>
  362. </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!