Tugas Warung Tegal
Bagaskoro Kuncoro Ardi
05111940000048
Berikut tampilan dari website warung tegal yang saya buat
Website dapat diakses di link berikut
Dengan source code:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Warung Tegal</title> | |
| <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> | |
| <style> | |
| body {font-family: "Times New Roman", Georgia, Serif;} | |
| h1, h2, h3, h4, h5, h6 { | |
| font-family: "Playfair Display"; | |
| letter-spacing: 5px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="w3-top"> | |
| <div class="w3-bar w3-white w3-padding w3-card" style="letter-spacing:3px;"> | |
| <a href="#home" class="w3-bar-item w3-button">Warung Tegal GGWP</a> | |
| <div class="w3-right w3-hide-small"> | |
| <a href="#about" class="w3-bar-item w3-button">About</a> | |
| <a href="#menu" class="w3-bar-item w3-button">Menu</a> | |
| <a href="#contact" class="w3-bar-item w3-button">Contact</a> | |
| </div> | |
| </div> | |
| </div> | |
| <header class="w3-display-container w3-content w3-wide" style="max-width:1600px;min-width:500px" id="home"> | |
| <img class="w3-image" src="./warteg.jpg" alt="Warteg" width="1600" height="800"> | |
| <div class="w3-display-bottomleft w3-padding-large w3-opacity"> | |
| <h1 class="w3-xxlarge">Warung Tegal GGWP</h1> | |
| </div> | |
| </header> | |
| <div class="w3-content" style="max-width:1100px"> | |
| <!-- About --> | |
| <div class="w3-row w3-padding-64" id="about"> | |
| <div class="w3-col m6 w3-padding-large w3-hide-small"> | |
| <img src="./nasilengkap.jpg" class="w3-round w3-image w3-opacity-min" alt="Nasi Warteg" width="600" height="750"> | |
| </div> | |
| <div class="w3-col m6 w3-padding-large"> | |
| <h1 class="w3-center">About Warung Tegal GGWP</h1><br> | |
| <h5 class="w3-center">Warteg Fiktif sejak 2021</h5> | |
| <p class="w3-large">Warteg Fiktif yang tidak pernah didirikan namun dibuat oleh Bagaskoro Kuncoro Ardi dengan tujuan memenuhi tugas Pemrograman Web B 2021 yang menyajikan berbagai masakan rumahan seperti Telur Dadar, Ayam Goreng, Sayur Asem, Telur Balado, Perkedel, Tumisan, dll.</p> | |
| </div> | |
| </div> | |
| <hr> | |
| <!-- Menu --> | |
| <div class="w3-row w3-padding-64" id="menu"> | |
| <div class="w3-col l6 w3-padding-large"> | |
| <h1 class="w3-center">Menu Masakan</h1><br> | |
| <h4>Ayam Goreng</h4> | |
| <p class="w3-text-grey">Ayam Goreng spesial Warteg GGWP dengan cita rasa masakan rumahan.</p><br> | |
| <h4>Ikan Goreng</h4> | |
| <p class="w3-text-grey">Ikan Goreng spesial Warteg GGWP dengan cita rasa masakan rumahan.</p><br> | |
| <h4>Perkedel</h4> | |
| <p class="w3-text-grey">Perkedel Kentang khas Warteg GGWP yang dibuat dengan kentang segar tiap harinya.</p><br> | |
| <h4>Sayur Asem</h4> | |
| <p class="w3-text-grey">Sayur Asem yang segar dengan jagung, kacang panjang, dan sayuran yang tentunya menyehatkan.</p><br> | |
| <h4>Telur Dadar</h4> | |
| <p class="w3-text-grey">Telur Dadar khas Warteg GGWP dengan racikan bumbu spesial.</p> | |
| <hr> | |
| <h4>Telur Balado</h4> | |
| <p class="w3-text-grey">Telur Balado khas Warteg GGWP dengan cita rasa pedas manis.</p> | |
| <hr> | |
| <h4>Tumis Pare</h4> | |
| <p class="w3-text-grey">Tumis Pare pedas untuk para pecinta pare.</p> | |
| </div> | |
| <div class="w3-col l6 w3-padding-large"> | |
| <img src="./ayam goreng.jpg" class="w3-round w3-image w3-opacity-min" alt="Menu" style="width:100%"> | |
| <img src="./perkedel-11.jpg" class="w3-round w3-image w3-opacity-min" alt="Menu" style="width:100%"> | |
| <img src="./sayurasem.jpg" class="w3-round w3-image w3-opacity-min" alt="Menu" style="width:100%"> | |
| </div> | |
| </div> | |
| <hr> | |
| <!-- Contact --> | |
| <div class="w3-container w3-padding-64" id="contact"> | |
| <h1>Contact</h1><br> | |
| <p>Kami menyediakan full-service catering untuk acara apapun, besar maupun kecil. Kami memahami kebutuhan anda dan kami akan menyediakan masakan kami untuk memuaskan pelanggan kami tercinta, baik dari segi penampilan maupun rasa. Hubungi kami.</p> | |
| <p class="w3-text-blue-grey w3-large"><b>Warung Tegal GGWP, Jl. Imajinasi No.99, Surabaya, Jawa Timur</b></p> | |
| <p>No. HP - 081234567890</p> | |
| <p>Email - warteg.ggwp@catering.com</p> | |
| </form> | |
| </div> | |
| </div> | |
| </body> |
Komentar
Posting Komentar