Advertisement
desislava_topuzakova

Untitled

Jun 28th, 2022
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.59 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7. <title>Simple House</title>
  8. <link
  9. href="https://fonts.googleapis.com/css?family=Open+Sans:400"
  10. rel="stylesheet"
  11. />
  12. <link href="css/styles.css" rel="stylesheet" />
  13. <link href="css/responsive.css" rel="stylesheet" />
  14. </head>
  15.  
  16. <body>
  17. <header class="simple-house-header container placeholder">
  18. <article class="parallax-window">
  19. <article class="tm-header">
  20. <article class="row tm-header-inner">
  21. <article class="col-md-6 col-12">
  22. <img
  23. src="img/simple-house-logo.png"
  24. alt="Logo"
  25. class="tm-site-logo"
  26. />
  27. <article class="tm-site-text-box">
  28. <h1 class="tm-site-title">Simple House</h1>
  29. <h6 class="tm-site-description">new restaurant page</h6>
  30. </article>
  31. </article>
  32. <nav class="col-md-6 col-12 tm-nav">
  33. <ul class="tm-nav-ul">
  34. <li class="tm-nav-li">
  35. <a href="index.html" class="tm-nav-link active">Home</a>
  36. </li>
  37. <li class="tm-nav-li">
  38. <a href="about.html" class="tm-nav-link">About</a>
  39. </li>
  40. <li class="tm-nav-li">
  41. <a href="contact.html" class="tm-nav-link">Contact</a>
  42. </li>
  43. </ul>
  44. </nav>
  45. </article>
  46. </article>
  47. </header>
  48.  
  49. <main>
  50. <header class="row tm-welcome-section">
  51. <h2 class="col-12 text-center tm-section-title">
  52. Welcome to Simple House
  53. </h2>
  54. <p class="col-12 text-center">
  55. Total 3 HTML pages are included in this template. Header image has a
  56. parallax effect. You can feel free to download, edit and use this
  57. TemplateMo layout for your commercial or non-commercial websites.
  58. </p>
  59. </header>
  60.  
  61. <section class="tm-paging-links">
  62. <nav>
  63. <ul>
  64. <li class="tm-paging-item">
  65. <a href="#" class="tm-paging-link active">Pizza</a>
  66. </li>
  67. <li class="tm-paging-item">
  68. <a href="#" class="tm-paging-link">Salad</a>
  69. </li>
  70. <li class="tm-paging-item">
  71. <a href="#" class="tm-paging-link">Noodle</a>
  72. </li>
  73. </ul>
  74. </nav>
  75. </section>
  76.  
  77. <div class="row tm-gallery">
  78. <div id="tm-gallery-page-pizza" class="tm-gallery-page">
  79. <article class="col-lg-3 col-md-4 col-sm-6 col-12 tm-gallery-item">
  80. <figure>
  81. <img
  82. src="img/gallery/01.jpg"
  83. alt="Image"
  84. class="img-fluid tm-gallery-img"
  85. />
  86. <figcaption>
  87. <h4 class="tm-gallery-title">Fusce dictum finibus</h4>
  88. <p class="tm-gallery-description">
  89. Nam in suscipit nisi, sit amet consectetur metus. Ut sit
  90. amet tellus accumsan
  91. </p>
  92. <p class="tm-gallery-price">$45 / $55</p>
  93. </figcaption>
  94. </figure>
  95. </article>
  96. <article class="col-lg-3 col-md-4 col-sm-6 col-12 tm-gallery-item">
  97. <figure>
  98. <img
  99. src="img/gallery/02.jpg"
  100. alt="Image"
  101. class="img-fluid tm-gallery-img"
  102. />
  103. <figcaption>
  104. <h4 class="tm-gallery-title">Aliquam sagittis</h4>
  105. <p class="tm-gallery-description">
  106. Nam in suscipit nisi, sit amet consectetur metus. Ut sit
  107. amet tellus accumsan
  108. </p>
  109. <p class="tm-gallery-price">$65 / $70</p>
  110. </figcaption>
  111. </figure>
  112. </article>
  113. <article class="col-lg-3 col-md-4 col-sm-6 col-12 tm-gallery-item">
  114. <figure>
  115. <img
  116. src="img/gallery/03.jpg"
  117. alt="Image"
  118. class="img-fluid tm-gallery-img"
  119. />
  120. <figcaption>
  121. <h4 class="tm-gallery-title">Sed varius turpis</h4>
  122. <p class="tm-gallery-description">
  123. Nam in suscipit nisi, sit amet consectetur metus. Ut sit
  124. amet tellus accumsan
  125. </p>
  126. <p class="tm-gallery-price">$30.50</p>
  127. </figcaption>
  128. </figure>
  129. </article>
  130. <article class="col-lg-3 col-md-4 col-sm-6 col-12 tm-gallery-item">
  131. <figure>
  132. <img
  133. src="img/gallery/04.jpg"
  134. alt="Image"
  135. class="img-fluid tm-gallery-img"
  136. />
  137. <figcaption>
  138. <h4 class="tm-gallery-title">Aliquam sagittis</h4>
  139. <p class="tm-gallery-description">
  140. Nam in suscipit nisi, sit amet consectetur metus. Ut sit
  141. amet tellus accumsan
  142. </p>
  143. <p class="tm-gallery-price">$25.50</p>
  144. </figcaption>
  145. </figure>
  146. </article>
  147. <article class="col-lg-3 col-md-4 col-sm-6 col-12 tm-gallery-item">
  148. <figure>
  149. <img
  150. src="img/gallery/05.jpg"
  151. alt="Image"
  152. class="img-fluid tm-gallery-img"
  153. />
  154. <figcaption>
  155. <h4 class="tm-gallery-title">Maecenas eget justo</h4>
  156. <p class="tm-gallery-description">
  157. Nam in suscipit nisi, sit amet consectetur metus. Ut sit
  158. amet tellus accumsan
  159. </p>
  160. <p class="tm-gallery-price">$80.25</p>
  161. </figcaption>
  162. </figure>
  163. </article>
  164. <article class="col-lg-3 col-md-4 col-sm-6 col-12 tm-gallery-item">
  165. <figure>
  166. <img
  167. src="img/gallery/06.jpg"
  168. alt="Image"
  169. class="img-fluid tm-gallery-img"
  170. />
  171. <figcaption>
  172. <h4 class="tm-gallery-title">Quisque et felis eros</h4>
  173. <p class="tm-gallery-description">
  174. Nam in suscipit nisi, sit amet consectetur metus. Ut sit
  175. amet tellus accumsan
  176. </p>
  177. <p class="tm-gallery-price">$20 / $40 / $60</p>
  178. </figcaption>
  179. </figure>
  180. </article>
  181. <article class="col-lg-3 col-md-4 col-sm-6 col-12 tm-gallery-item">
  182. <figure>
  183. <img
  184. src="img/gallery/07.jpg"
  185. alt="Image"
  186. class="img-fluid tm-gallery-img"
  187. />
  188. <figcaption>
  189. <h4 class="tm-gallery-title">Sed ultricies dui</h4>
  190. <p class="tm-gallery-description">
  191. Nam in suscipit nisi, sit amet consectetur metus. Ut sit
  192. amet tellus accumsan
  193. </p>
  194. <p class="tm-gallery-price">$94</p>
  195. </figcaption>
  196. </figure>
  197. </article>
  198. <article class="col-lg-3 col-md-4 col-sm-6 col-12 tm-gallery-item">
  199. <figure>
  200. <img
  201. src="img/gallery/08.jpg"
  202. class="img-fluid tm-gallery-img"
  203. />
  204. <figcaption>
  205. <h4 class="tm-gallery-title">Donec porta consequat</h4>
  206. <p class="tm-gallery-description">
  207. Nam in suscipit nisi, sit amet consectetur metus. Ut sit
  208. amet tellus accumsan
  209. </p>
  210. <p class="tm-gallery-price">$15</p>
  211. </figcaption>
  212. </figure>
  213. </article>
  214. </div>
  215. </div>
  216. <section class="tm-cta-section tm-section tm-container-inner">
  217. <article class="row">
  218. <article class="col-md-6">
  219. <figure class="tm-description-figure">
  220. <img src="img/img-01.jpg" class="img-fluid" />
  221. </figure>
  222. </article>
  223. <article class="col-md-6">
  224. <article class="tm-description-box">
  225. <h4 class="tm-gallery-title">Maecenas nulla neque</h4>
  226. <p class="tm-mb-45">
  227. Redistributing this template as a downloadable ZIP file on any
  228. template collection site is strictly prohibited. You will need
  229. to
  230. <a href="#">talk to us</a>
  231. for additional permissions about our templates. Thank you.
  232. </p>
  233. <a href="#" class="tm-btn tm-btn-default tm-right"
  234. >Read More</a
  235. >
  236. </article>
  237. </article>
  238. </article>
  239. </section>
  240. </main>
  241. <footer class="tm-footer text-center">
  242. <p>Copyright &copy; 2021 Simple House</p>
  243. </footer>
  244. </div>
  245. </body>
  246. </html>
  247.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement