document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <link rel="shortcut icon" type="image/x-icon" href="https://img.icons8.com/plasticine/100/000000/bull.png"/>
  8.     <title>Profile Nur Ahmad Khatim</title>
  9.     <style>
  10.         body {
  11.             background-image: url(\'bg-image.jpg\');
  12.             background-repeat: no-repeat;
  13.             background-attachment: fixed;  
  14.             background-size: cover;
  15.             font-family: Verdana, Geneva, Tahoma, sans-serif;
  16.         }
  17.  
  18.         .content {
  19.             display: flex;
  20.             justify-content: center;
  21.             flex-direction: column;
  22.             margin: auto;
  23.             margin-top: 35px;
  24.             padding : 50px;
  25.             width: 60%;
  26.             border: 2px solid aliceblue;
  27.             border-radius: 2rem;
  28.             color: aliceblue;
  29.             background-color: rgba(0, 0, 0, 0.35);
  30.         }
  31.  
  32.         .header {
  33.             display: flex;
  34.             justify-content: center;
  35.             margin-top: -50px;
  36.         }
  37.  
  38.         .data {
  39.             display: flex;
  40.             justify-content: center;
  41.             margin: auto;
  42.             border: 2px solid aliceblue;
  43.             background-color: navy;
  44.             padding: 50px;
  45.             border-radius: 2rem;
  46.         }
  47.  
  48.         img {
  49.             height:350px;
  50.             width: 250px;
  51.             margin: auto;
  52.             margin-right: 20px;
  53.             object-fit: cover;
  54.             object-position: 0 0;
  55.             border: 2px solid aliceblue;
  56.             border-radius: 2rem;
  57.         }
  58.  
  59.         td, th {
  60.             padding: 10px;
  61.             border: 2px solid aliceblue;
  62.         }
  63.  
  64.         tr {
  65.             background-color: darkslategrey;
  66.         }
  67.  
  68.         button {
  69.             background-color: cornflowerblue;
  70.             color: aliceblue;
  71.             text-align: center;
  72.             padding: 10px;
  73.             width: 250px;
  74.             height: 50px;
  75.             margin-left: 50px;
  76.             cursor: pointer;
  77.             font-size: larger;
  78.         }
  79.  
  80.         button:hover {
  81.             background-color: aqua;
  82.             color: black;
  83.         }
  84.  
  85.         .footer {
  86.             display: flex;
  87.             justify-content: center;
  88.             margin-top: 50px;
  89.             margin-bottom: 100px;
  90.             margin-left: -50px;
  91.         }
  92.     </style>
  93. </head>
  94. <body>
  95.     <div class="content">
  96.         <div class="header">
  97.             <h1>Riwayat Jenjang Pendidikan Formal</h1>
  98.         </div>
  99.         <div class="data">
  100.             <table>
  101.                 <tr>
  102.                     <th>Jenjang Pendidikan</th>
  103.                     <th>Keterangan</th>
  104.                     <th>Tahun</th>
  105.                 </tr>
  106.                 <tr>
  107.                     <td rowspan="2">Sekolah Dasar</td>
  108.                     <td>SDI Paccerakang</td>
  109.                     <td>2007 - 2012</td>
  110.                     </td>
  111.                 </tr>
  112.                 <tr>
  113.                     <td>SDN 31 Mataram</td>
  114.                     <td>2012 - 2013</td>
  115.                 </tr>
  116.                 <tr>
  117.                     <td>Sekolah Menengah Pertama</td>
  118.                     <td>SMP Pesantren IMMIM Putra Makassar</td>
  119.                     <td>2013 - 2016</td>
  120.                 </tr>
  121.                 <tr>
  122.                     <td>Sekolah Menengah Atas</td>
  123.                     <td>MA Pesantren IMMIM Putra Makassar</td>
  124.                     <td>2016 - 2019</td>
  125.                 </tr>
  126.                
  127.                 <tr>
  128.                     <td>Perguruan Tinggi</td>
  129.                     <td>Institut Teknologi Sepuluh Nopember Surabaya</td>
  130.                     <td>2019 - Sekarang</td>
  131.                 </tr>
  132.             </table>
  133.         </div>
  134.     </div>
  135.     <div class="content">
  136.         <div class="header">
  137.             <h1>Informasi Umum</h1>
  138.         </div>
  139.         <div class="data">
  140.             <table>
  141.                 <tr>
  142.                     <td>Nomor Telephone</td>
  143.                     <td>:</td>
  144.                     <td>085255660655</td>
  145.                 </tr>
  146.                 <tr>
  147.                     <td>Email</td>
  148.                     <td>:</td>
  149.                     <td>naimackerman@gmail.com</td>
  150.                 </tr>
  151.                 <tr>
  152.                     <td>Hobi</td>
  153.                     <td>:</td>
  154.                     <td>Marathon Movie</td>
  155.                 </tr>
  156.                 <tr>
  157.                     <td>Cerita dari Hobi Saya</td>
  158.                     <td>:</td>
  159.                     <td><p>Hobi saya yaitu menonton series dan movie. Saya biasanya menonton film di Netflix, Disney+, atau bioskop.
  160.                         Saya menonton film di waktu libur atau ketika butuh refreshing.
  161.                         3 series terakhir yang saya nonton ada Money Heist Season 5, WandaVision, dan LOKI. Sekarang saya menunggu Spiderman No Way Home tayang.</p>
  162.                     </td>
  163.                 </tr>
  164.             </table>
  165.         </div>
  166.     </div>
  167.     <div class="footer">
  168.         <a href="index.html"><button>Back to Biodata</button></a>
  169.     </div>
  170. </body>
  171. </html>
');