You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.htm 1.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel='stylesheet' href='style.css'>
  5. </head>
  6. <body>
  7. <div class="container">
  8. <!-- navigation html below this line-->
  9. <header>banner</header>
  10. <nav class='box'>
  11. <h2>navigation</h2>
  12. <ul>
  13. <li><a href="#">home</a></li>
  14. <li><a href="github.com/aste-risk">about</a></li>
  15. <li><a href="#">your advertisements</a></li>
  16. <li><a href="pages/advertisement/create.htm">create advertisement</a></li>
  17. </ul>
  18. </nav>
  19. <!-- home page html below this line-->
  20. <div class='box'>
  21. <h2>catalog</h2>
  22. <section class='content'>
  23. <form method='GET'>
  24. <input type='search' placeholder='search' />
  25. <select>
  26. <option>1</option>
  27. <option>2</option>
  28. </select>
  29. </form>
  30. <p>a catalog-like advertisement listing goes here</p>
  31. <article class='box'>
  32. <h2><a href='advertisement/1'>advertisement nr1</a></h2>
  33. <p class='description'>description of advertisement nr1</p>
  34. </article>
  35. <article class='box'>
  36. <h2><a href='advertisement/2'>advertisement nr2</a></h2>
  37. <p class='description'>advertisement nr2 descriptions</p>
  38. </article>
  39. </section>
  40. </div>
  41. </div>
  42. </body>
  43. </html>