Advertisement
Guest User

Untitled

a guest
Oct 30th, 2014
278
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.33 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Homework</title>
  5. <link href="styles/styles.css" rel="stylesheet" />
  6. </head>
  7. <body>
  8. <div id="wrapper">
  9. <header>
  10. <h1>
  11. <a href="#">
  12. <img src="images/softuni.png" alt="logo" />
  13. <span>Responsive Homework</span>
  14. </a>
  15. </h1>
  16. <nav>
  17. <ul>
  18. <li>
  19. <a href="#">Nav item 1</a>
  20. </li>
  21. <li>
  22. <a href="#">Nav item 2</a>
  23. </li>
  24. <li>
  25. <a href="#">Nav item 3</a>
  26. </li>
  27. <li>
  28. <a href="#">Nav item 4</a>
  29. </li>
  30. </ul>
  31. </nav>
  32. </header>
  33. <section>
  34. <article>
  35. <header>
  36. <h1>You can only be young once. But you can always be immature.</h1>
  37. </header>
  38. <div>
  39. <p>
  40. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel massa
  41. nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur
  42. ridiculus mus. Morbi posuere massa pretium neque condimentum quis posuere
  43. libero ullamcorper. Praesent viverra sagittis nisi vel mattis.
  44. </p>
  45. </div>
  46. </article>
  47. <article>
  48. <header>
  49. <h1>Smile today, tomorrow could be worse.</h1>
  50. </header>
  51. <div>
  52. <p>
  53. Nulla adipiscing, ipsum malesuada sagittis euismod, nulla felis faucibus
  54. diam, nec tempus mauris leo at est. Nunc ligula tortor, tincidunt a porta
  55. sed, dignissim a neque.
  56. </p>
  57. </div>
  58. </article>
  59. <article>
  60. <header>
  61. <h1>If you don't succeed at first, hide all evidence that you tried.</h1>
  62. </header>
  63. <div>
  64. <p>
  65. Fusce augue mauris,
  66. adipiscing quis porttitor ut, euismod at diam. Donec eu dolor nibh. Proin
  67. sit amet fermentum nunc. Proin aliquam, mauris in euismod molestie, lorem
  68. risus commodo urna, et faucibus libero turpis quis libero.
  69. </p>
  70. </div>
  71. </article>
  72. <article>
  73. <header>
  74. <h1>If you want to catch a squirrel just climb a tree and act like a nut.</h1>
  75. </header>
  76. <div>
  77. <p>
  78. Phasellus non lacus sit amet dolor blandit consequat sit amet id felis.
  79. Nunc eu massa ac lacus posuere ultricies. Pellentesque aliquam nunc ut
  80. enim feugiat viverra. Pellentesque habitant morbi tristique senectus et
  81. netus et malesuada fames ac turpis egestas.
  82. </p>
  83. </div>
  84. </article>
  85. </section>
  86. <aside class="news">
  87. <div>
  88. <ul>
  89. <li class="block">
  90. <a href="#">You can only be young once. But you can always be immature.</a>
  91. </li>
  92. <li class="block">
  93. <a href="#">Smile today, tomorrow could be worse.</a>
  94. </li>
  95. <li class="block">
  96. <a href="#">If you don't succeed at first, hide all evidence that you tried.</a>
  97. </li>
  98. <li class="block">
  99. <a href="#">If you want to catch a squirrel just climb a tree and act like a nut.</a>
  100. </li>
  101. </ul>
  102. </div>
  103. </aside>
  104. <footer>
  105. <h2>
  106. Software University - <a href="http://softuni.bg">softuni.bg</a>
  107. </h2>
  108. </footer>
  109. </div>
  110. </body>
  111. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement