Advertisement
Guest User

Untitled

a guest
Sep 13th, 2017
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.08 KB | None | 0 0
  1. <!doctype html>
  2. <html>
  3. <html lang= "us-en">
  4.     <meta charset="utf-8">
  5.     <title>Week Three Monday</title>
  6. </head>
  7. <body>
  8. <h1>Web Page One</h1>
  9.  
  10. <div id="Hnav">
  11. <ol style="list-type-style:none; border-style:solid;">
  12.     <li><a href="web1.html">Home</a></li>
  13.     <li><a href="web2.html">Page 2</a></li>
  14.     <li><a href="web3.html">Page 3</a></li>
  15. </ol>
  16. </div>
  17.  
  18.  
  19. <div id="nav">
  20. <ol style="list-style-type:none; border-style:solid;">
  21.     <li><a href="#para1"> paragraph One</a></li>
  22.     <li><a href="#para2"> paragraph Two</a></li>
  23.     <li><a href="#para3">paragraph Three</a></li>
  24.     <li><a href="#para4"> paragraph Four</a></li>
  25.     <li><a href="#para5"> paragraph Five</a></li>
  26. </ol>
  27. </div>
  28.  
  29. <p id="para1">
  30. <h3>Paragraph one</h3>
  31. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce viverra vehicula nisi, et varius sapien maximus eu. Praesent condimentum leo rhoncus feugiat sagittis. Praesent turpis tellus, rutrum id porta quis, semper at mi. Nulla at tempor lectus. In augue ex, ultricies eu eleifend vitae, volutpat volutpat neque. Suspendisse cursus metus at rhoncus rhoncus. Quisque bibendum metus lorem, id rutrum metus facilisis sed. Duis rutrum, orci vitae lacinia molestie, neque nisl pharetra nibh, eget ullamcorper enim sapien ut magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dapibus arcu et turpis pharetra, vitae semper risus scelerisque. Sed malesuada eleifend dui et ultrices. Ut eget nulla in ante pharetra ullamcorper at eu tortor.
  32. </p >
  33.  
  34. <p><a href="#nav">Back to top</a></p>
  35.  
  36. <p id="para2">
  37. <h3>Paragraph Two</h3>
  38. Aliquam at tempor nulla. Donec condimentum quis odio ut rhoncus. Pellentesque vel purus non justo mollis scelerisque. Ut sagittis sollicitudin faucibus. Donec sit amet erat fringilla, mollis nunc vitae, commodo mi. Donec mollis lorem nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed finibus felis in augue pharetra dignissim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam interdum condimentum mi, ac ultrices dolor gravida in. Ut dictum tincidunt dui, rhoncus aliquet tellus varius ac. Suspendisse lobortis felis in dui egestas vestibulum. Mauris sollicitudin tincidunt venenatis. Ut est tellus, dictum ac mi eu, ornare viverra ex. Aliquam et neque mi. Sed risus orci, faucibus quis gravida non, mattis vel eros.
  39. </p id="para3">
  40.  
  41. <p><a href="#nav">Back to top</a></p>
  42.  
  43. <p>
  44. <h3>Paragraph Three</h3>
  45. Donec sem urna, euismod in ex sit amet, efficitur cursus mi. Suspendisse sit amet malesuada neque. Etiam gravida lectus a imperdiet sodales. In felis tortor, feugiat id vestibulum in, varius vitae lorem. Etiam vel tempor odio. Vestibulum sed diam sit amet sem ultrices suscipit. Nam et libero at dolor faucibus semper.
  46. </p>
  47.  
  48. <p><a href="#nav">Back to top</a></p>
  49.  
  50. <p id="para4">
  51. <h3>Paragraph Four</h3>
  52. Aliquam dolor lorem, porttitor sit amet leo at, condimentum pharetra est. Vivamus arcu libero, tincidunt vel mi ut, volutpat pellentesque justo. Nulla efficitur dui eget justo sodales, vitae lacinia justo aliquam. Duis fermentum non ipsum nec rutrum. Proin iaculis, felis at luctus aliquam, purus lectus consectetur ligula, vitae porttitor est dui vitae neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut ac ante libero. Morbi scelerisque volutpat lectus quis elementum. Pellentesque eu ex et ipsum vehicula commodo. Ut sed dui id velit volutpat vestibulum. Suspendisse eu congue erat. Duis convallis nulla sit amet risus congue cursus. Sed rhoncus facilisis urna ut condimentum.
  53. </p>
  54.  
  55. <p><a href="#nav">Back to top</a></p>
  56.  
  57. <p id="para5">
  58. <h3>Paragraph Five</h3>
  59. Etiam ultrices molestie erat dapibus porttitor. Nulla nec blandit leo. Vivamus malesuada eleifend libero, eu placerat tellus tempus sit amet. Duis non metus vitae turpis tempus volutpat. Nulla egestas hendrerit tincidunt. Duis libero felis, ultrices sed fringilla at, tempus eu lacus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
  60. </p>
  61.  
  62. <p><a href="#nav">Back to top</a></p>
  63.  
  64. </body>
  65. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement