fork download
  1. <!DOCTYPE html>
  2. {% load static %}
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  7. <meta name="description" content="" />
  8. <meta name="author" content="" />
  9. <title>Shop Homepage - Start Bootstrap Template</title>
  10. <!-- Favicon-->
  11. <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
  12. <!-- Bootstrap icons-->
  13. <link href="https://c...content-available-to-author-only...r.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
  14. <!-- Core theme CSS (includes Bootstrap)-->
  15. <link href="css/styles.css" rel="stylesheet" />
  16. </head>
  17. <body>
  18. <!-- Navigation-->
  19. <nav class="navbar navbar-expand-lg navbar-light bg-light">
  20. <div class="container px-4 px-lg-5">
  21. <a class="navbar-brand" href="#!">Start Bootstrap</a>
  22. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
  23. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  24. <ul class="navbar-nav me-auto mb-2 mb-lg-0 ms-lg-4">
  25. <li class="nav-item"><a class="nav-link active" aria-current="page" href="#!">Home</a></li>
  26. <li class="nav-item"><a class="nav-link" href="#!">About</a></li>
  27. <li class="nav-item dropdown">
  28. <a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Shop</a>
  29. <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  30. <li><a class="dropdown-item" href="#!">All Products</a></li>
  31. <li><hr class="dropdown-divider" /></li>
  32. <li><a class="dropdown-item" href="#!">Popular Items</a></li>
  33. <li><a class="dropdown-item" href="#!">New Arrivals</a></li>
  34. </ul>
  35. </li>
  36. </ul>
  37. <form class="d-flex">
  38. <button class="btn btn-outline-dark" type="submit">
  39. <i class="bi-cart-fill me-1"></i>
  40. Cart
  41. <span class="badge bg-dark text-white ms-1 rounded-pill">0</span>
  42. </button>
  43. </form>
  44. </div>
  45. </div>
  46. </nav>
  47. <!-- Header-->
  48. <header class="bg-dark py-5">
  49. {% block content %}
  50.  
  51. {% endblock content %}
  52. </header>
  53. <!-- Section-->
  54. <section class="py-5">
  55. <div class="container px-4 px-lg-5 mt-5">
  56. <div class="row gx-4 gx-lg-5 row-cols-2 row-cols-md-3 row-cols-xl-4 justify-content-center">
  57. <div class="col mb-5">
  58. <div class="card h-100">
  59. <!-- Product image-->
  60. <img class="card-img-top" src="https://d...content-available-to-author-only...e.com/450x300/dee2e6/6c757d.jpg" alt="..." />
  61. <!-- Product details-->
  62. <div class="card-body p-4">
  63. <div class="text-center">
  64. <!-- Product name-->
  65. <h5 class="fw-bolder">Fancy Product</h5>
  66. <!-- Product price-->
  67. $40.00 - $80.00
  68. </div>
  69. </div>
  70. <!-- Product actions-->
  71. <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
  72. <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">View options</a></div>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="col mb-5">
  77. <div class="card h-100">
  78. <!-- Sale badge-->
  79. <div class="badge bg-dark text-white position-absolute" style="top: 0.5rem; right: 0.5rem">Sale</div>
  80. <!-- Product image-->
  81. <img class="card-img-top" src="https://d...content-available-to-author-only...e.com/450x300/dee2e6/6c757d.jpg" alt="..." />
  82. <!-- Product details-->
  83. <div class="card-body p-4">
  84. <div class="text-center">
  85. <!-- Product name-->
  86. <h5 class="fw-bolder">Special Item</h5>
  87. <!-- Product reviews-->
  88. <div class="d-flex justify-content-center small text-warning mb-2">
  89. <div class="bi-star-fill"></div>
  90. <div class="bi-star-fill"></div>
  91. <div class="bi-star-fill"></div>
  92. <div class="bi-star-fill"></div>
  93. <div class="bi-star-fill"></div>
  94. </div>
  95. <!-- Product price-->
  96. <span class="text-muted text-decoration-line-through">$20.00</span>
  97. $18.00
  98. </div>
  99. </div>
  100. <!-- Product actions-->
  101. <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
  102. <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
  103. </div>
  104. </div>
  105. </div>
  106. <div class="col mb-5">
  107. <div class="card h-100">
  108. <!-- Sale badge-->
  109. <div class="badge bg-dark text-white position-absolute" style="top: 0.5rem; right: 0.5rem">Sale</div>
  110. <!-- Product image-->
  111. <img class="card-img-top" src="https://d...content-available-to-author-only...e.com/450x300/dee2e6/6c757d.jpg" alt="..." />
  112. <!-- Product details-->
  113. <div class="card-body p-4">
  114. <div class="text-center">
  115. <!-- Product name-->
  116. <h5 class="fw-bolder">Sale Item</h5>
  117. <!-- Product price-->
  118. <span class="text-muted text-decoration-line-through">$50.00</span>
  119. $25.00
  120. </div>
  121. </div>
  122. <!-- Product actions-->
  123. <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
  124. <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
  125. </div>
  126. </div>
  127. </div>
  128. <div class="col mb-5">
  129. <div class="card h-100">
  130. <!-- Product image-->
  131. <img class="card-img-top" src="https://d...content-available-to-author-only...e.com/450x300/dee2e6/6c757d.jpg" alt="..." />
  132. <!-- Product details-->
  133. <div class="card-body p-4">
  134. <div class="text-center">
  135. <!-- Product name-->
  136. <h5 class="fw-bolder">Popular Item</h5>
  137. <!-- Product reviews-->
  138. <div class="d-flex justify-content-center small text-warning mb-2">
  139. <div class="bi-star-fill"></div>
  140. <div class="bi-star-fill"></div>
  141. <div class="bi-star-fill"></div>
  142. <div class="bi-star-fill"></div>
  143. <div class="bi-star-fill"></div>
  144. </div>
  145. <!-- Product price-->
  146. $40.00
  147. </div>
  148. </div>
  149. <!-- Product actions-->
  150. <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
  151. <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
  152. </div>
  153. </div>
  154. </div>
  155. <div class="col mb-5">
  156. <div class="card h-100">
  157. <!-- Sale badge-->
  158. <div class="badge bg-dark text-white position-absolute" style="top: 0.5rem; right: 0.5rem">Sale</div>
  159. <!-- Product image-->
  160. <img class="card-img-top" src="https://d...content-available-to-author-only...e.com/450x300/dee2e6/6c757d.jpg" alt="..." />
  161. <!-- Product details-->
  162. <div class="card-body p-4">
  163. <div class="text-center">
  164. <!-- Product name-->
  165. <h5 class="fw-bolder">Sale Item</h5>
  166. <!-- Product price-->
  167. <span class="text-muted text-decoration-line-through">$50.00</span>
  168. $25.00
  169. </div>
  170. </div>
  171. <!-- Product actions-->
  172. <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
  173. <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
  174. </div>
  175. </div>
  176. </div>
  177. <div class="col mb-5">
  178. <div class="card h-100">
  179. <!-- Product image-->
  180. <img class="card-img-top" src="https://d...content-available-to-author-only...e.com/450x300/dee2e6/6c757d.jpg" alt="..." />
  181. <!-- Product details-->
  182. <div class="card-body p-4">
  183. <div class="text-center">
  184. <!-- Product name-->
  185. <h5 class="fw-bolder">Fancy Product</h5>
  186. <!-- Product price-->
  187. $120.00 - $280.00
  188. </div>
  189. </div>
  190. <!-- Product actions-->
  191. <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
  192. <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">View options</a></div>
  193. </div>
  194. </div>
  195. </div>
  196. <div class="col mb-5">
  197. <div class="card h-100">
  198. <!-- Sale badge-->
  199. <div class="badge bg-dark text-white position-absolute" style="top: 0.5rem; right: 0.5rem">Sale</div>
  200. <!-- Product image-->
  201. <img class="card-img-top" src="https://d...content-available-to-author-only...e.com/450x300/dee2e6/6c757d.jpg" alt="..." />
  202. <!-- Product details-->
  203. <div class="card-body p-4">
  204. <div class="text-center">
  205. <!-- Product name-->
  206. <h5 class="fw-bolder">Special Item</h5>
  207. <!-- Product reviews-->
  208. <div class="d-flex justify-content-center small text-warning mb-2">
  209. <div class="bi-star-fill"></div>
  210. <div class="bi-star-fill"></div>
  211. <div class="bi-star-fill"></div>
  212. <div class="bi-star-fill"></div>
  213. <div class="bi-star-fill"></div>
  214. </div>
  215. <!-- Product price-->
  216. <span class="text-muted text-decoration-line-through">$20.00</span>
  217. $18.00
  218. </div>
  219. </div>
  220. <!-- Product actions-->
  221. <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
  222. <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="col mb-5">
  227. <div class="card h-100">
  228. <!-- Product image-->
  229. <img class="card-img-top" src="https://d...content-available-to-author-only...e.com/450x300/dee2e6/6c757d.jpg" alt="..." />
  230. <!-- Product details-->
  231. <div class="card-body p-4">
  232. <div class="text-center">
  233. <!-- Product name-->
  234. <h5 class="fw-bolder">Popular Item</h5>
  235. <!-- Product reviews-->
  236. <div class="d-flex justify-content-center small text-warning mb-2">
  237. <div class="bi-star-fill"></div>
  238. <div class="bi-star-fill"></div>
  239. <div class="bi-star-fill"></div>
  240. <div class="bi-star-fill"></div>
  241. <div class="bi-star-fill"></div>
  242. </div>
  243. <!-- Product price-->
  244. $40.00
  245. </div>
  246. </div>
  247. <!-- Product actions-->
  248. <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
  249. <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="#">Add to cart</a></div>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. </div>
  255. </section>
  256. <!-- Footer-->
  257. <footer class="py-5 bg-dark">
  258. <div class="container"><p class="m-0 text-center text-white">Copyright &copy; Your Website 2021</p></div>
  259. </footer>
  260. <!-- Bootstrap core JS-->
  261. <script src="https://c...content-available-to-author-only...r.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
  262. <!-- Core theme JS-->
  263. <script src="js/scripts.js"></script>
  264. <script src="https://c...content-available-to-author-only...r.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
  265. <script src="https://c...content-available-to-author-only...r.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>
  266. </body>
  267. </html>
  268.  
Compilation error #stdin compilation error #stdout 0s 0KB
stdin
Standard input is empty
compilation info
Traceback (most recent call last):
  File "<string>", line 1, in <module>
  File "/usr/lib/python2.7/py_compile.py", line 117, in compile
    raise py_exc
py_compile.PyCompileError:   File "prog.py", line 1
    <!DOCTYPE html>
    ^
SyntaxError: invalid syntax

stdout
Standard output is empty