API tools faq
paste
Advertisement
wildanfuady

Project 2 HTML

wildanfuady
Jan 11th, 2020
250
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.12 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  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>Project 2</title>
  8. <link rel="stylesheet" href="../latihan/styles/style.css">
  9. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
  10. </head>
  11. <body>
  12. <div class="header">
  13. <img src="images/python.png" width="100px">
  14. </div>
  15. <div class="sidebar">
  16.  
  17. <div class="menu">
  18. <ul>
  19. <li><a href=""><i class="fab fa-whatsapp"></i> Project 1</a></li>
  20. <li><a href="">Project 2</a></li>
  21. <li><a href="">Project 3</a></li>
  22. </ul>
  23. </div>
  24.  
  25. </div>
  26. <div class="content">
  27. <center>
  28. <table>
  29. <tr>
  30. <td>Nama Lengkap</td>
  31. <td>
  32. <input type="text" name="" placeholder="Nama Depan" style="width: 100%;">
  33. </td>
  34. <td>
  35. <input type="text" name="" placeholder="Nama Belakang" style="width: 100%;">
  36. </td>
  37. </tr>
  38. <tr>
  39. <td>No Hp</td>
  40. <td colspan="2">
  41. <input type="number" name="" placeholder="No Hp" style="width: 100%;">
  42. </td>
  43. </tr>
  44. <tr>
  45. <td>Email</td>
  46. <td colspan="2">
  47. <input type="email" name="" placeholder="Email" style="width: 100%;">
  48. </td>
  49. </tr>
  50. <tr>
  51. <td>Gender</td>
  52. <td colspan="2">
  53. <input type="radio" name="gender" value="Pria"> Pria
  54. <input type="radio" name="gender" value="Wanita"> Wanita
  55. </td>
  56. </tr>
  57. <tr>
  58. <td>Jenjang</td>
  59. <td colspan="2">
  60. <select name="jenjang" id="" style="width: 100%;">
  61. <option value="">Pilih</option>
  62. <option value="TK">TK</option>
  63. <option value="SD">SD</option>
  64. <option value="SMP">SMP</option>
  65. </select>
  66. </td>
  67. </tr>
  68. <tr>
  69. <td>Hobi:</td>
  70. <td colspan="2">
  71. <input type="checkbox" name="gender" value="Menulis"> Menulis
  72. <input type="checkbox" name="gender" value="Menggambar"> Menggambar
  73. <input type="checkbox" name="gender" value="Membaca"> Membaca
  74. </td>
  75. </tr>
  76. <tr>
  77. <td>Alamat</td>
  78. <td colspan="2">
  79. <textarea name="" id="" cols="30" rows="10" placeholder="Alamat" style="width: 100%;"></textarea>
  80. </td>
  81. </tr>
  82. <tr>
  83. <td></td>
  84. <td colspan="2">
  85. <button>Kirim</button>
  86. </td>
  87. </tr>
  88. </table>
  89. </center>
  90. </div>
  91. <div class="footer">
  92. <div class="footer-left">
  93. <h4>UBER HOME</h4>
  94. <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, libero, odio velit architecto vel tempora laboriosam impedit natus unde aperiam maxime blanditiis amet ipsam cumque hic excepturi provident quas aliquid.</p>
  95. <i class="fab fa-facebook"></i>
  96. <i class="fab fa-twitter"></i>
  97. <i class="fab fa-google-plus"></i>
  98. <i class="fab fa-pinterest"></i>
  99. </div>
  100. <div class="footer-right">
  101. <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam ipsa repellendus expedita laboriosam natus ipsam aut, nulla totam. Assumenda veritatis itaque corrupti magnam saepe obcaecati optio modi nihil, dicta ratione.</p>
  102. <input type="text" placeholder="Email">
  103. <button>Subscriber</button>
  104. </div>
  105. </div>
  106. </body>
  107. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!