API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 27th, 2018
262
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en-US">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>Сайт</title>
  8. <meta name="description" content="Awesome App Template built with Bootstrap Framework and Paperkit for creating App Landing Pages by TemplateFlip.com"/>
  9. <link href="https://fonts.googleapis.com/css?family=Dosis:600|Roboto:400,700" rel="stylesheet">
  10. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
  11. <link href="/static/css/bootstrap.min.css" rel="stylesheet">
  12. <link href="/static/css/paper-kit.css?v=2.1.0" rel="stylesheet">
  13. <link href="/static/styles/main.css" rel="stylesheet">
  14. </head>
  15. <body id="top">
  16. <header>
  17. <div class="aa-header">
  18. <nav class="navbar navbar-expand-md navbar-transparent">
  19. <div class="container"><img class="img-fluid pr-3 aa-logo-img" src="/static/images/logo.png" alt="logo"><a class="navbar-brand px-0 py-0" href="#">Сайт</a>
  20. <div class="collapse navbar-collapse">
  21. <ul class="navbar-nav ml-auto">
  22. <li class="nav-item"><a class="nav-link" href="/">Главная</a></li>
  23. <li class="nav-item"><a class="nav-link" href="news/">Новости</a></li>
  24. <li class="nav-item"><a class="nav-link" href="catalog/">Каталог</a></li>
  25. <li class="nav-item"><a class="btn btn-outline-neutral btn-round" href="#download">Download Now</a></li>
  26. </ul>
  27. </div>
  28. </div>
  29. </nav>
  30. <div class="container aa-header-content text-left text-white">
  31. <div class="row">
  32. <div class="col-md-6 col-sm-12">
  33. <h1 class="text-white mb-4">Добро пожаловать на (Название сайта) </h1>
  34. <p>Здесь вы можете приобрести:</p>
  35. <ul class="py-1 list-unstyled">
  36. <li class="py-2"><i class="fa fa-check-circle pr-4" aria-hidden="true"></i> Первая строка</li>
  37. <li class="py-2"><i class="fa fa-check-circle pr-4" aria-hidden="true"></i> Вторая строка t</li>
  38. <li class="py-2"><i class="fa fa-check-circle pr-4" aria-hidden="true"></i> Третья строка</li>
  39. </ul><a class="mt-4 btn btn-outline-neutral btn-round" href="catalog/">Перейти к покупкам</a>
  40. </div>
  41. <div class="col-md-6 col-sm-12 text-right"><img class="img-fluid" src="/static/images/img.png" alt="Image"></div>
  42. </div>
  43. </div>
  44. </div>
  45. </header>
  46. <div class="page-content">
  47. <div>
  48. <div class="container">
  49. <div class="aa-product-details section" id="features">
  50. <div class="row">
  51. <div class="col-lg-4 col-md-6 col-sm-12">
  52. <div class="icon icon-danger"><i class="fa fa-tags" aria-hidden="true"></i></div>
  53. <div class="description">
  54. <div class="h4">Showcase Your App</div>
  55. <p class="text-muted">Showcase your app in style with this professional looking template.</p>
  56. </div>
  57. </div>
  58. <div class="col-lg-4 col-md-6 col-sm-12">
  59. <div class="icon icon-danger"><i class="fa fa-cog" aria-hidden="true"></i></div>
  60. <div class="description">
  61. <div class="h4">Easy to Customize</div>
  62. <p class="text-muted">Easily customize the text and replace the images to suit your own app.</p>
  63. </div>
  64. </div>
  65. <div class="col-lg-4 col-md-6 col-sm-12">
  66. <div class="icon icon-danger"><i class="fa fa-paint-brush" aria-hidden="true"></i></div>
  67. <div class="description">
  68. <div class="h4">Unlimited Colors</div>
  69. <p class="text-muted">Easily change the colors in CSS that can go well with your branding.</p>
  70. </div>
  71. </div>
  72. <div class="col-lg-4 col-md-6 col-sm-12">
  73. <div class="icon icon-danger"><i class="fa fa-desktop" aria-hidden="true"></i></div>
  74. <div class="description">
  75. <div class="h4">Responsive, HTML5, CSS3</div>
  76. <p class="text-muted">Our template is 100% responsive and built with modern standards.</p>
  77. </div>
  78. </div>
  79. <div class="col-lg-4 col-md-6 col-sm-12">
  80. <div class="icon icon-danger"><i class="fa fa-file-text" aria-hidden="true"></i></div>
  81. <div class="description">
  82. <div class="h4">Designed to Convert</div>
  83. <p class="text-muted">Designed to engage your user and increase your conversion.</p>
  84. </div>
  85. </div>
  86. <div class="col-lg-4 col-md-6 col-sm-12">
  87. <div class="icon icon-danger"><i class="fa fa-life-ring" aria-hidden="true"></i></div>
  88. <div class="description">
  89. <div class="h4">With no Boundaries</div>
  90. <p class="text-muted">Use Bootstrap and PaperKit to add additional components.</p>
  91. </div>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <div class="container">
  97. <hr/>
  98. </div>
  99. <div class="aa-product-features section">
  100. <div class="container">
  101. <div class="row">
  102. <div class="col-md-5 col-sm-12"><img class="img-fluid" src="/static/images/2.jpg" alt="Image"/></div>
  103. <div class="col-md-7 col-sm-12">
  104. <h2 class="title mb-2">What is Awesome App?</h2>
  105. <p class="pt-2">Add a brief story about your app here, what purpose your app solves and why you think your user would want to have it on their device.</p>
  106. <p class="pt-5 pb-1">Re-establish the main use case of your app by listing them below. Make sure to place a relavent screenshot on the left.</p>
  107. <ul class="py-1 list-unstyled">
  108. <li class="py-1"><i class="fa fa-check-circle pr-4" aria-hidden="true"></i> Amazing Design to Present Your App</li>
  109. <li class="py-2"><i class="fa fa-check-circle pr-4" aria-hidden="true"></i> Fully Responsive and Powered by Bootstrap &amp; PaperKit</li>
  110. <li><i class="fa fa-check-circle pr-4" aria-hidden="true"></i> Very Easy to Customize and Setup</li>
  111. </ul>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <div class="aa-screenshots section">
  117. <div class="container text-center">
  118. <h2 class="title pb-3">Недавние товары</h2>
  119. <p class="pb-5">Сдесь вы можете увидить недавно размещеные товары, картинки кликабельны.</p>
  120. <div class="row">
  121. <div class="col-md-12 mb-5">
  122. <div class="card card-raised page-carousel">
  123. <div class="carousel slide" id="aa-carousel-indicators" data-ride="carousel">
  124. <ol class="carousel-indicators">
  125. <li class="active " data-target="#aa-carousel-indicators" data-slide-to="0"></li>
  126. <li class=" " data-target="#aa-carousel-indicators" data-slide-to="1"></li>
  127. <li class=" " data-target="#aa-carousel-indicators" data-slide-to="2"></li>
  128. </ol>
  129. {% if latest_tovar_list %}
  130. {% for tovar in latest_tovar_list %}
  131. <div class="carousel-inner" role="listbox">
  132. <ul>
  133. <div class="carousel-item active"><img class="img-fluid" src="{{tovar.image.url}}" alt="First slide"/>
  134. <div class="carousel-caption d-none d-md-block"> </div>
  135.  
  136. </ul>
  137. {% endfor %}
  138. {% else %}
  139.  
  140. <p>Hi</p>
  141. {% endif %}
  142. </div>
  143. <div class="carousel-item"><img class="img-fluid" src="/static/images/4.jpg" alt="Second slide"/>
  144. <div class="carousel-caption d-none d-md-block"> </div>
  145. </div>
  146. <div class="carousel-item"><img class="img-fluid" src="/static/images/5.jpg" alt="Third slide"/>
  147. <div class="carousel-caption d-none d-md-block"> </div>
  148. </div>
  149. </div><a class="left carousel-control carousel-control-prev bg-danger" href="#aa-carousel-indicators" role="button" data-slide="prev"><span class="fa fa-angle-left"></span><span class="sr-only">Previous</span></a><a class="right carousel-control carousel-control-next bg-danger" href="#aa-carousel-indicators" role="button" data-slide="next"><span class="fa fa-angle-right"></span><span class="sr-only">Next</span></a>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. <div class="aa-price-package section" id="pricing">
  157. <div class="container">
  158. <div class="text-center">
  159. <h2 class="title">We've got the perfect package for you </h2>
  160. <p class="pb-5">A section to display your pricing structure. Make sure to highlight your most popular plan like shown below.<br/>Replace this text to describe your pricing plan.</p>
  161. </div>
  162. <div class="row">
  163. <div class="col-lg-3 col-md-6">
  164. <div class="card aa-price text-center">
  165. <div class="card-body">
  166. <div class="h5 mt-0">Basic</div>
  167. <div class="aa-price-section"><sup>$</sup><span>12.0</span><small>/m</small></div>
  168. <ul class="list-unstyled text-muted">
  169. <li class="pt-3">One User</li>
  170. <li>Multiple Access</li>
  171. <li>SMS Support</li>
  172. <li>24/7 Online Support</li>
  173. </ul>
  174. </div>
  175. <div class="card-footer">
  176. <p><a href="#" class="text-muted text-small">Start Free Trial</a></p><a class="btn btn-outline-default btn-round" href="#">Buy Now</a>
  177. </div>
  178. </div>
  179. </div>
  180. <div class="col-lg-3 col-md-6">
  181. <div class="card text-center aa-price aa-price-active">
  182. <div class="card-body">
  183. <div class="h5 mt-0">Standard</div>
  184. <div class="aa-price-section bg-gradient text-white"><sup>$</sup><span>24.0</span><small>/m</small></div>
  185. <ul class="list-unstyled text-muted">
  186. <li class="pt-3">Five User</li>
  187. <li>Multiple Access</li>
  188. <li>SMS Support</li>
  189. <li>24/7 Online Support</li>
  190. </ul>
  191. </div>
  192. <div class="card-footer">
  193. <p><a href="#" class="text-muted text-small" > Start Free Trial</a></p><a class="btn btn-round bg-gradient " href="#">Buy Now</a>
  194. </div>
  195. </div>
  196. </div>
  197. <div class="col-lg-3 col-md-6">
  198. <div class="card aa-price text-center">
  199. <div class="card-body">
  200. <div class="h5 mt-0">Premium</div>
  201. <div class="aa-price-section"><sup>$</sup><span>250.0</span><small>/m</small></div>
  202. <ul class="list-unstyled text-muted">
  203. <li class="pt-3">Twenty User</li>
  204. <li>Multiple Access</li>
  205. <li>SMS Support</li>
  206. <li>24/7 Online Support</li>
  207. </ul>
  208. </div>
  209. <div class="card-footer">
  210. <p><a href="#" class="text-muted text-small" > Start Free Trial</a></p><a class="btn btn-outline-default btn-round " href="#">Buy Now</a>
  211. </div>
  212. </div>
  213. </div>
  214. <div class="col-lg-3 col-md-6">
  215. <div class="card aa-price text-center">
  216. <div class="card-body">
  217. <div class="h5 mt-0">Enterprise</div>
  218. <div class="aa-price-section"><sup>$</sup><span>999.0</span><small>/m</small></div>
  219. <ul class="list-unstyled text-muted">
  220. <li class="pt-3">Unlimited User</li>
  221. <li>Multiple Access</li>
  222. <li>SMS Support</li>
  223. <li><b>24/7 Online Support</b></li>
  224. </ul>
  225. </div>
  226. <div class="card-footer">
  227. <p><a href="#" class="text-muted text-small" > Start Free Trial </a></p><a class="btn btn-outline-default btn-round " href="#">Buy Now</a>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. <div class="container">
  235. <hr/>
  236. </div>
  237. <div class="aa-testimonials-section section">
  238. <div class="container">
  239. <div class="text-center">
  240. <h2 class="title mt-0">What our customers are saying</h2>
  241. <p>Real user testimonials are great way to attract new customers and increase their trust into using your app.<br/>Replace the testimonials below with the ones for your own app.</p>
  242. </div>
  243. <div class="aa-testimonials">
  244. <div class="row">
  245. <div class="col-md-4 mb-3">
  246. <div class="aa-testimonials-body">
  247. <p>Awesome App is awesome and I can't imagine working on my projects without it. It has saved me countless hours of time and has increased my productivity.</p>
  248. <div class="row pt-3">
  249. <div class="col-lg-5 col-md-12"><img class="img-fluid" src="https://s3.amazonaws.com/uifaces/faces/twitter/mlane/128.jpg" alt="Face 1"/></div>
  250. <div class="col-lg-7 col-md-12 pt-3">
  251. <div class="h5">Patrick Harry</div>
  252. <p class="text-muted">Web Developer</p>
  253. </div>
  254. </div>
  255. </div>
  256. </div>
  257. <div class="col-md-4 mb-3">
  258. <div class="aa-testimonials-body">
  259. <p>Awesome App is awesome and I can't imagine working on my projects without it. It has saved me countless hours of time and has increased my productivity.</p>
  260. <div class="row pt-3">
  261. <div class="col-lg-5 col-md-12"><img class="img-fluid" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/128.jpg" alt="Face 2"/></div>
  262. <div class="col-lg-7 col-md-12 pt-3">
  263. <div class="h5">Andrew Riley</div>
  264. <p class="text-muted">Web Developer</p>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. <div class="col-md-4 mb-3">
  270. <div class="aa-testimonials-body">
  271. <p>Awesome App is awesome and I can't imagine working on my projects without it. It has saved me countless hours of time and has increased my productivity.</p>
  272. <div class="row pt-3">
  273. <div class="col-lg-5 col-md-12"><img class="img-fluid" src="https://s3.amazonaws.com/uifaces/faces/twitter/chadengle/128.jpg" alt="Face 3"/></div>
  274. <div class="col-lg-7 col-md-12 pt-3">
  275. <div class="h5">Ralph Jordan</div>
  276. <p class="text-muted">Web Developer</p>
  277. </div>
  278. </div>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. </div>
  284. </div>
  285. <div class="aa-download-section section bg-gradient" id="download">
  286. <div class="container">
  287. <div class="h2 text-center text-title text-white pb-5">Download Awesome App Now </div>
  288. <div class="row">
  289. <div class="col-md-4 col-sm-12"><a class="aa-apple" href="#">
  290. <div class="card">
  291. <div class="row pb-3">
  292. <div class="col-lg-3 col-md-12 aa-download-icon"><i class="pt-4 fa fa-apple fa-4x" aria-hidden="true"></i></div>
  293. <div class="col-lg-9 col-md-12 aa-download-icon-detail">
  294. <div class="h4 pb-1">Download</div>
  295. <p class="text-muted">Download from App Store</p>
  296. </div>
  297. </div>
  298. </div></a></div>
  299. <div class="col-md-4 col-sm-12"><a class="aa-android" href="#">
  300. <div class="card">
  301. <div class="row pb-3">
  302. <div class="col-lg-3 col-md-12 aa-download-icon"><i class="pt-4 fa fa-android fa-4x" aria-hidden="true"></i></div>
  303. <div class="col-lg-9 col-md-12 aa-download-icon-detail">
  304. <div class="h4 pb-1">Download</div>
  305. <p class="text-muted">Download from Play Store</p>
  306. </div>
  307. </div>
  308. </div></a></div>
  309. <div class="col-md-4 col-sm-12"><a class="aa-windows" href="#">
  310. <div class="card">
  311. <div class="row pb-3">
  312. <div class="col-lg-3 col-md-12 aa-download-icon"><i class="pt-4 fa fa-windows fa-4x" aria-hidden="true"></i></div>
  313. <div class="col-lg-9 col-md-12 aa-download-icon-detail">
  314. <div class="h4 pb-1">Download</div>
  315. <p class="text-muted">Download from Microsoft Store</p>
  316. </div>
  317. </div>
  318. </div></a></div>
  319. </div>
  320. </div>
  321. </div></div>
  322. </div>
  323. <footer class="footer-black aa-footer">
  324. <div class="container py-5">
  325. <div class="row text-center">
  326. <div class="col-md-12">
  327. <p class="mt-3">Copyright &copy; Awesome App. All rights reserved.<br>Design - <a class="credit" href="https://templateflip.com" target="_blank">TemplateFlip</a></p>
  328. </div>
  329. </div>
  330. </div>
  331. </footer>
  332. <script src="/static/js/jquery-3.2.1.min.js"></script>
  333. <script src="/static/js/jquery-ui-1.12.1.custom.min.js"></script>
  334. <script src="/static/js/popper.js"></script>
  335. <script src="/static/js/bootstrap.min.js"></script>
  336. <script src="/static/js/paper-kit.js?v=2.1.0"></script>
  337. <script src="/static/scripts/main.js"></script>
  338. </body>
  339. </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!