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>Selamat Datang!</title>
  8.     <link rel="stylesheet" href="style.css" />
  9.   </head>
  10.   <body>
  11.     <header>
  12.       <nav>
  13.         <img src="WarungTegalSuroboyo.png" style="display: inline-block" />
  14.         <div class="menu" style="display: inline-block">
  15.           <ul>
  16.             <li><a href="#">Beranda</a></li>
  17.             <li><a href="#">Daftar Kuliner</a></li>
  18.             <li><a href="#">Artikel</a></li>
  19.             <li><a href="#">Tentang Kami</a></li>
  20.           </ul>
  21.         </div>
  22.       </nav>
  23.     </header>
  24.     <div class="main">
  25.       <div class="carou">
  26.         <div class="carousel">
  27.           <ul class="slides">
  28.             <input type="radio" name="radio-buttons" id="img-1" checked />
  29.             <li class="slide-container">
  30.               <div class="slide-image">
  31.                 <img src="pecelsemanggi.jpg" />
  32.               </div>
  33.             </li>
  34.             <input type="radio" name="radio-buttons" id="img-2" />
  35.             <li class="slide-container">
  36.               <div class="slide-image">
  37.                 <img src="rujakcingur.jpg" />
  38.               </div>
  39.             </li>
  40.             <input type="radio" name="radio-buttons" id="img-3" />
  41.             <li class="slide-container">
  42.               <div class="slide-image">
  43.                 <img src="lontongkupang.png" />
  44.               </div>
  45.             </li>
  46.             <ul class="descrip">
  47.               <li class="dsc carou-3">
  48.                 <p class="title">SUGENG RAWUH!</p>
  49.                 <p class="detail">Pecel Semanggi, Tahu Tek, Lontong Kupang, Rujak Cingur, Rawon, Soto wonten mriki. Menu liyane wonten lan saget dipirsa ing Daftar Kuliner.</p>
  50.               </li>
  51.             </ul>
  52.             <div class="carousel-dots">
  53.               <label for="img-1" class="carousel-dot" id="img-dot-1"></label>
  54.               <label for="img-2" class="carousel-dot" id="img-dot-2"></label>
  55.               <label for="img-3" class="carousel-dot" id="img-dot-3"></label>
  56.             </div>
  57.           </ul>
  58.         </div>
  59.       </div>
  60.  
  61.       <aside>
  62.         <section class="video">
  63.           Video<br />
  64.           <iframe
  65.            width="350"
  66.            height="200"
  67.            src="https://www.youtube.com/embed/2dF693xkDC4"
  68.            title="YouTube video player"
  69.            frameborder="0"
  70.            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  71.            allowfullscreen
  72.          >
  73.           </iframe>
  74.         </section>
  75.         <section class="populer">
  76.           <a href="#">Menu Terpopuler</a>
  77.           <ul style="margin-top: 0">
  78.             <li><a href="#">Tahu Tek</a></li>
  79.             <li><a href="#">Rawon</a></li>
  80.           </ul>
  81.         </section>
  82.         <section class="kontak">
  83.           <a href="#">Detail Kontak</a>
  84.           <p>+62 812 345 6789</p>
  85.         </section>
  86.       </aside>
  87.     </div>
  88.  
  89.     <div class="contents">
  90.       <section>
  91.         <article>
  92.           <figure>
  93.             <img src="petis.jpg" alt="petis" />
  94.             <figcaption>Petis</figcaption>
  95.             <p>
  96.               petis gurih dari olahan udang dan rempah-rempah pilihan khas
  97.               Surabaya.
  98.             </p>
  99.           </figure>
  100.         </article>
  101.         <article>
  102.           <figure>
  103.             <img src="krupukikan.jpg" alt="krupuk" />
  104.             <figcaption>Krupuk Ikan</figcaption>
  105.             <p>
  106.               berbagai macam krupuk renyah dan gurih hasil olahan tangkapan laut
  107.               kenjeran.
  108.             </p>
  109.           </figure>
  110.         </article>
  111.         <article>
  112.           <figure>
  113.             <img src="puyuhtusuk.jpg" alt="puyuh" />
  114.             <figcaption>Sate Puyuh</figcaption>
  115.             <p>
  116.               telur puyuh untuk lauk pelengkap maupun cemilan dengan bumbu yang
  117.               sedap.
  118.             </p>
  119.           </figure>
  120.         </article>
  121.         <article>
  122.           <figure>
  123.             <img src="usustusuk.jpg" alt="usus" />
  124.             <figcaption>Sate Usus</figcaption>
  125.             <p>
  126.               Olahan usus ayam untuk lauk pelengkap maupun penutup hidangan.
  127.             </p>
  128.           </figure>
  129.         </article>
  130.       </section>
  131.     </div>
  132.  
  133.     <footer>
  134.       Warung Tegal Suroboyo<br />Jl Raya ITS No 1, Sukolilo, Surabaya<br />+62
  135.       812 345 6789
  136.     </footer>
  137.   </body>
  138. </html>
  139.  
');