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.     <title>My Kpop Store</title>
  8.     <link rel="stylesheet" href="style.css">
  9. <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
  10. </head>
  11. <body>
  12.     <!--Ini bagian navbar-->
  13.     <div class="header">
  14.     <div class="container">
  15.         <div class="navbar">
  16.             <div class="logo">
  17.                 <img src="images/LOGO kpop.png" width="125px">
  18.             </div>
  19.             <nav>
  20.                 <ul>
  21.                     <li><a href="">Beranda</a></li>
  22.                     <li><a href="">Produk</a></li>
  23.                     <li><a href="">Tentang Kami</a></li>
  24.                     <li><a href="">Kontak</a></li>
  25.                 </ul>
  26.             </nav>
  27.            
  28.     </div>
  29.     <div class="row">
  30.         <div class="col-2">
  31.             <h1>Semua tentang Kpop ada di sini!</h1>
  32.             <p>Cari apapun barang kesukaanmu
  33.                 <br> Apapun bisa kamu temukan disini</p>
  34.             <a href="" class="btn">Cari Sekarang</a>
  35.         </div>
  36.         <div class="col-2">
  37.             <img src="images/gambar awal.jpg" height="500 px" width="420 px">
  38.  
  39.         </div>
  40.     </div>  
  41.    </div>
  42. </div>
  43.  
  44.         <!---- Ini bagian kategori produk --->
  45.         <div class="categories">
  46.             <div class="small-container">
  47.                 <div class="row">
  48.                     <div class="col-3">
  49.                         <img src="images/baju wendy.jpg" alt="baju wendy">
  50.                     </div>
  51.                     <div class="col-3">
  52.                         <img src="images/bunny nct.jpg" alt="bunny nct">
  53.                     </div>
  54.                     <div class="col-3">
  55.                         <img src="images/baju redvelvet.jpg" alt="baju red velvet">
  56.                     </div>
  57.                 </div>
  58.             </div>
  59.         </div>
  60.            
  61.  
  62.         <!--------Ini bagian produk terbaru--------->
  63.         <div class="small-container"></div>
  64.             <h2 class="title">Produk Terbaru</h2>
  65.             <div class="row">
  66.                 <div class="col-4">
  67.                     <img src="images/nct hot summer.jpg" alt="NCT hot summer">
  68.                     <h4>NCT Summer Shirt</h4>
  69.                     <h5>Baju lengan pendek cocok<br> untuk musim panas</h5>
  70.                     <p>Rp 250.000</p>
  71.                 </div>
  72.                 <div class="col-4">
  73.                     <img src="images/album queendom.jpg" alt="Album rv">
  74.                     <h4>Album Queendom</h4>
  75.                     <h5>Alum ke-6 Red Velvet</h5>
  76.                     <p>Rp 350.000</p>
  77.                 </div>
  78.                 <div class="col-4">
  79.                     <img src="images/bunny nct.jpg" alt="bunny nct">
  80.                     <h4>Bunny NCT</h4>
  81.                     <h5>Bunny imut NCT untuk NCTzen</h5>
  82.                     <p>Rp 150.000</p>
  83.                 </div>
  84.                 <div class="col-4">
  85.                     <img src="images/album dftf.jpg" alt="Album dftf">
  86.                     <h4>Album DFTF</h4>
  87.                     <h5>Album ke-7 EXO</h5>
  88.                     <p>Rp 350.000</p>
  89.                 </div>
  90.             </div>
  91.            
  92.             <!--- Ini bagian produk populer---->
  93.             <h2 class="title">Produk Populer</h2>
  94.             <div class="row">
  95.                 <div class="col-4">
  96.                     <img src="images/baju bambi baekhyun.jpg" alt="Bambi baekhyun">
  97.                     <h4>Bambi Hoodie</h4>
  98.                     <h5>Hoodie yang cocok untuk kamu penyuka Hoodie</h5>
  99.                     <p>Rp 250.000</p>
  100.                 </div>
  101.                 <div class="col-4">
  102.                     <img src="images/topi dftf.jpg" alt="Topi dftf">
  103.                     <h4>Topi DFTF</h4>
  104.                     <h5>Topi yang akan melengkapi OOTD kamu</h5>
  105.                     <p>Rp 350.000</p>
  106.                 </div>
  107.                 <div class="col-4">
  108.                     <img src="images/baju taeyeon.jpg" alt="baju taeyeon">
  109.                     <h4>Weekend Shirt</h4>
  110.                     <h5>Warna kuning yang cerah melengkapi musim panas</h5>
  111.                     <p>Rp 350.000</p>
  112.                 </div>
  113.                 <div class="col-4">
  114.                     <img src="images/baju wendy.jpg" alt="baju wendy">
  115.                     <h4>Wendy Shirt</h4>
  116.                     <h5>Baju warna putih yang adem dipakai ketika musim panas</h5>
  117.                     <p>Rp 250.000</p>
  118.                 </div>
  119.             </div>
  120.             <div class="row">
  121.                 <div class="col-4">
  122.                     <img src="images/gantungan kunci.jpg" alt="keyring exo">
  123.                     <h4>Keyring EXO</h4>
  124.                     <h5>Gantungan kunci EXO yang cantik dan elegan</h5>
  125.                     <p>Rp 80.000</p>
  126.                 </div>
  127.                 <div class="col-4">
  128.                     <img src="images/lightstick exo.jpg" alt="LS EXO">
  129.                     <h4>Lightstick EXO</h4>
  130.                     <h5>Lightstick EXO Versi 3.0</h5>
  131.                     <p>Rp 850.000</p>
  132.                 </div>
  133.                 <div class="col-4">
  134.                     <img src="images/gantungan kunci rv.jpg" alt="keyring rv">
  135.                     <h4>Keyring Red Velvet</h4>
  136.                     <h5>Gantungan kunci Red Velvet yang cantik dan elegan</h5>
  137.                     <p>Rp 80.000</p>
  138.                 </div>
  139.                 <div class="col-4">
  140.                     <img src="images/red velvet lightstick.jpg" alt="LS RV">
  141.                     <h4>Lightstick Red Velvet</h4>
  142.                     <h5>Lightstick Red Velvet yang siap dibawa saat konser</h5>
  143.                     <p>Rp 850.000</p>
  144.                 </div>
  145.             </div>
  146.  
  147.          <!--- Ini bagian footer---->
  148.          <div class="footer">
  149.              <div class="container">
  150.                  <div class="row">
  151.                      <div class="footer-col-1">
  152.                        
  153.                      <p>  &copy; Copyright KpopStore 2021 - Zelda Elma Sibuea</p>
  154.                      </div>
  155.                  </div>
  156.              </div>
  157.          </div>
  158.  
  159. </body>
  160. </html>
');