API tools faq
paste
wildanfuady

Untitled

wildanfuady
Nov 2nd, 2019
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.51 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Tugas 6 HTML</title>
  5. </head>
  6. <body>
  7. <center>
  8. <table style="width: 800px;">
  9. <tr style="background-color: #5b4a02; height: 120px;">
  10. <td colspan="12">
  11. <center>
  12. <table>
  13. <tr>
  14. <td style="background-color: #7e6000; height: 10px; width: 500px;">
  15. <h3 style="color: white; text-align: center; font-size: 30px; text-transform: uppercase;">Logo here</h3>
  16. </td>
  17. </tr>
  18. </table>
  19. </center>
  20. </td>
  21. </tr>
  22. <tr>
  23. <td colspan="12" style="background-color: #7e6000; width: 800px; height: 50px;">
  24. <table>
  25. <tr>
  26. <td colspan="2" style="width: 50px;"></td>
  27. <td style="padding-left: 10px; color: white; font-size:20px; font-family: arial; text-transform:uppercase; padding-right: 10px">Home</td>
  28. <td style="padding-left: 10px; color: white; font-size:20px; font-family: arial; text-transform:uppercase; padding-right: 10px">About</td>
  29. <td style="padding-left: 10px; color: white; font-size:20px; font-family: arial; text-transform:uppercase; padding-right: 10px">Page 1</td>
  30. <td style="padding-left: 10px; color: white; font-size:20px; font-family: arial; text-transform:uppercase; padding-right: 10px">Page 2</td>
  31. <td style="padding-left: 10px; color: white; font-size:20px; font-family: arial; text-transform:uppercase; padding-right: 10px">Page 3</td>
  32. <td style="padding-left: 10px; color: white; font-size:20px; font-family: arial; text-transform:uppercase; padding-right: 10px">Page 4</td>
  33. <td style="padding-left: 10px; color: white; font-size:20px; font-family: arial; text-transform:uppercase; padding-right: 10px">Contact</td>
  34. </tr>
  35. </table>
  36. </td>
  37. </tr>
  38. <tr>
  39. <td colspan="12" style="height: 500px; width: 800px; background: #5b4a02;">
  40. <center>
  41. <table>
  42. <tr style="width: 800px;">
  43. <td style="background: white; height: 500px; width: 700px; padding: 0; margin: 0;">
  44. <h2 style="text-align: center; color: #5b4a02; padding: 0">H1 - SIMPLE BROWN BACKGROUND</h2>
  45. <table>
  46. <tr>
  47. <td style="width: 20px;"></td>
  48. <td style="height: 200px;width: 200px; background: #7e6000; margin-left: 20px;text-align: center; color: white; font-size: 20px;">SQUARE</td>
  49. <td style="width: 20px;"></td>
  50. <td style="height: 200px;width: 200px; background: #7e6000; margin-left: 20px;text-align: center; color: white; font-size: 20px;">SQUARE</td>
  51. <td style="width: 20px;"></td>
  52. <td style="height: 200px;width: 200px; background: #7e6000; margin-left: 20px;text-align: center; color: white; font-size: 20px;">SQUARE</td>
  53. <td style="width: 20px;"></td>
  54. </tr>
  55. <tr>
  56. <td style="width: 20px;"></td>
  57. <td colspan="5"><hr style="border:2px dashed #5b4a02"></td>
  58. </tr>
  59. <tr>
  60. <td style="width: 20px;"></td>
  61. <td style="color: #5b4a02;" colspan="5"><h3>H2 - LOREM IPSUM</h3></td>
  62. </tr>
  63. <tr>
  64. <td style="width: 20px;"></td>
  65. <td colspan="5">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quaerat, iste laudantium commodi non, ad eius accusantium quo facilis ex laborum voluptas odio, dolorum facere at. Consectetur saepe corporis quisquam neque.</td>
  66. </tr>
  67. </table>
  68. </td>
  69. </tr>
  70. </table>
  71. </center>
  72. </td>
  73. </tr>
  74. </table>
  75. </center>
  76. </body>
  77. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!