API tools faq
paste
humaidi

kontak.php

humaidi
Oct 14th, 2023 (edited)
639
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 5.08 KB | Source Code | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4.     <title>Buku Tamu</title>
  5.     <link rel="stylesheet" type="text/css" href="belajar2.css">
  6. </head>
  7.  
  8. <style>
  9.     body {
  10.         font-family: 'Poppins', sans-serif;
  11.     }
  12.  
  13.     form {
  14.         width: 400px;
  15.         /* Lebar form sesuai kebutuhan Anda */
  16.         margin: 0 auto;
  17.         /* Untuk mengatur posisi form ke tengah halaman */
  18.         padding: 20px;
  19.         /* Spasi dalam form */
  20.     }
  21.  
  22.  
  23.     td {
  24.         padding: 5px;
  25.         /* Spasi dalam sel */
  26.     }
  27.  
  28.     input[type="text"],
  29.     textarea {
  30.         width: 100%;
  31.         padding: 8px;
  32.         /* Spasi dalam input text dan textarea */
  33.         margin-bottom: 10px;
  34.         /* Jarak antar field */
  35.     }
  36.  
  37.     input[type="submit"] {
  38.         background-color: #007bff;
  39.        /* Warna latar belakang tombol submit */
  40.         color: #fff;
  41.        /* Warna teks tombol submit */
  42.         padding: 10px 20px;
  43.         /* Spasi dalam tombol submit */
  44.         border: none;
  45.         /* Hapus border tombol submit */
  46.         cursor: pointer;
  47.         /* Ubah kursor menjadi tangan saat mengarahkan ke tombol submit */
  48.     }
  49.  
  50.     table {
  51.         border-collapse: collapse;
  52.     }
  53.  
  54.     .tombol {
  55.         display: inline-block;
  56.         padding: 3px 5px;
  57.         background-color: #007bff;
  58.        /* Warna latar belakang tombol */
  59.         color: #fff;
  60.        /* Warna teks tombol */
  61.         text-decoration: none;
  62.         font-size: 12px;
  63.         /* Menghapus garis bawah dari tautan */
  64.         border: none;
  65.         /* Menghapus border */
  66.         border-radius: 5px;
  67.         /* Membuat sudut tombol menjadi agak melengkung */
  68.     }
  69.  
  70.     /* Gaya saat tombol diklik (opsional) */
  71.     .tombol:hover {
  72.         background-color: #063669;
  73.        /* Warna latar belakang saat tombol dihover */
  74.     }
  75. </style>
  76.  
  77.  
  78. <body>
  79.  
  80.     <table width="750" style=" border: 1px solid #60A1EB;" border="1" align="center" cellpadding="0" cellspacing="0">
  81.         <tr>
  82.             <td width="200">&nbsp;</td>
  83.             <td colspan="2">
  84.                 <a href="index.php" class="tombol">Home</a> ||
  85.                 <a href="profile.php" class="tombol">Profile</a> ||
  86.                 <a href="kontak.php" class="tombol">Kontak</a> ||
  87.                 <a href="bk-tamu.php" class="tombol">Buku Tamu</a>
  88.             </td>
  89.         </tr>
  90.  
  91.         <tr>
  92.             <td colspan="3">
  93.                 <marquee>Tidak ada kata terlambat untuk memulai hal baru.</marquee>
  94.             </td>
  95.         </tr>
  96.  
  97.         <tr>
  98.             <td>&nbsp;</td>
  99.             <td width="500" style="padding: 10px;"><strong>
  100.                     <h1>KONTAK SAYA</h1>
  101.                 </strong>
  102.  
  103.  
  104.                 <br>
  105.  
  106.                 <table>
  107.                     <tr>
  108.                         <td rowspan="4" style="padding: 10px;"><img src="ikon/user2.png" width="100" alt=""></td>
  109.                         <td><strong>Nama</strong></td>
  110.                         <td>:</td>
  111.                         <td>Humaidi Zakaria</td>
  112.                     </tr>
  113.                     <tr>
  114.                         <td><strong>Alamat</strong></td>
  115.                         <td>:</td>
  116.                         <td>Lingk Bandungan Wetan, Kajen</td>
  117.                     </tr>
  118.                     <tr>
  119.                         <td><strong>Pendidikan</strong></td>
  120.                         <td>:</td>
  121.                         <td>D3 Manajemen Informatika</td>
  122.                     </tr>
  123.                     <tr>
  124.                         <td><strong>Agama</strong></td>
  125.                         <td>:</td>
  126.                         <td>Islam</td>
  127.                     </tr>
  128.                 </table>
  129.  
  130.                 <hr>
  131.  
  132.                 <table>
  133.                     <tr>
  134.                         <td>
  135.                             <img src="ikon/fb.png" width="20px" alt="">
  136.                         </td>
  137.                         <td>:</td>
  138.                         <td>humaidi franscissco</td>
  139.                     </tr>
  140.                     <tr>
  141.                         <td>
  142.                             <img src="ikon/ig.png" width="20px" alt="">
  143.                         </td>
  144.                         <td>:</td>
  145.                         <td>amirzakaria_98</td>
  146.                     </tr>
  147.                     <tr>
  148.                         <td>
  149.                             <img src="ikon/wa.png" width="20px" alt="">
  150.                         </td>
  151.                         <td>:</td>
  152.                         <td>082^^^^^^^^^^^^^</td>
  153.                     </tr>
  154.                     <tr>
  155.                         <td>
  156.                             <img src="ikon/gmail.png" width="20px" alt="">
  157.                         </td>
  158.                         <td>:</td>
  159.                         <td>example@gmail.com</td>
  160.                     </tr>
  161.                 </table>
  162.  
  163.  
  164.             </td>
  165.             <td width="75">
  166.                 <img src="ikon/hello.gif" alt="">
  167.             </td>
  168.         </tr>
  169.  
  170.         <tr>
  171.             <td colspan="3">
  172.                 <center>Copyright @ 2023 by Humaidi Zakaria, A.Md</center>
  173.             </td>
  174.         </tr>
  175.     </table>
  176. </body>
  177.  
  178. </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!