Depot-SOLLO

depot-solo-moro-seneng

<title>Depot Sollo - Makanan dan Minuman Terbaik</title> <style> body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; background-color: #f8f9fa; color: #333; line-height: 1.6; } header { background-color: #007bff; color: white; text-align: center; padding: 40px 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } header h1 { margin: 0; font-size: 2.5em; } header p { font-size: 1.2em; margin: 10px 0 0; } nav { background-color: #fff; text-align: center; padding: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } nav a { margin: 0 20px; text-decoration: none; color: #007bff; font-weight: bold; font-size: 1.1em; transition: color 0.3s; } nav a:hover { color: #0056b3; } section { max-width: 1200px; margin: 40px auto; padding: 20px; background-color: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } section h2 { color: #007bff; border-bottom: 2px solid #007bff; padding-bottom: 10px; } .menu-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 20px; } .menu-item { text-align: center; padding: 15px; border: 1px solid #ddd; border-radius: 8px; transition: transform 0.3s; } .menu-item:hover { transform: translateY(-5px); box-shadow: 0 4px 15px rgba(0,0,0,0.2); } .menu-item img { max-width: 100%; height: auto; border-radius: 8px; } .menu-item h3 { margin: 10px 0; color: #333; } .menu-item p { color: #666; } footer { background-color: #007bff; color: white; text-align: center; padding: 20px; margin-top: 40px; } @media (max-width: 768px) { header h1 { font-size: 2em; } nav a { display: block; margin: 10px 0; } .menu-grid { grid-template-columns: 1fr; } } </style>

Depot Sollo

Makanan dan Minuman Terbaik untuk Anda

<nav>
    <a href="#tentang">Tentang Kami</a>
    <a href="#makanan">Menu Makanan</a>
    <a href="#minuman">Menu Minuman</a>
    <a href="#kontak">Kontak</a>
</nav>

<section id="tentang">
    <h2>Tentang Kami</h2>
    <p>Depot Sollo adalah tempat terpercaya untuk menikmati berbagai hidangan lezat dan minuman segar. Kami menggunakan bahan-bahan berkualitas tinggi untuk memastikan kepuasan pelanggan. Kunjungi kami dan rasakan pengalaman kuliner yang berbeda!</p>
    <img src="https://via.placeholder.com/600x300?text=Depot+Sollo+Interior" alt="Interior Depot Sollo">
</section>

<section id="makanan">
    <h2>Menu Makanan</h2>
    <p>Nikmati hidangan favorit kami yang dibuat dengan resep spesial:</p>
    <div class="menu-grid">
        <div class="menu-item">
            <img src="https://via.placeholder.com/200x150?text=Bakso+Spesial+Urat" alt="Bakso Spesial Urat">
            <h3>Bakso Spesial Urat</h3>
            <p>Bakso daging sapi dengan urat yang empuk, disajikan dengan kuah kaldu hangat. Harga: Rp 25.000</p>
        </div>
        <div class="menu-item">
            <img src="https://via.placeholder.com/200x150?text=Mie+Ayam" alt="Mie Ayam">
            <h3>Mie Ayam</h3>
            <p>Mie kuning dengan ayam suwir, sayuran segar, dan kuah gurih. Harga: Rp 20.000</p>
        </div>
        <div class="menu-item">
            <img src="https://via.placeholder.com/200x150?text=Mie+Goreng" alt="Mie Goreng">
            <h3>Mie Goreng</h3>
            <p>Mie goreng spesial dengan telur, sayuran, dan bumbu rempah. Harga: Rp 22.000</p>
        </div>
        <div class="menu-item">
            <img src="https://via.placeholder.com/200x150?text=Lainnya" alt="Menu Lainnya">
            <h3>Dan Lainnya...</h3>
            <p>Ayam Bakar, Nasi Goreng, Soto Ayam, dll. Harga bervariasi.</p>
        </div>
    </div>
</section>

<section id="minuman">
    <h2>Menu Minuman</h2>
    <p>Segarkan diri dengan minuman kami yang menyegarkan:</p>
    <div class="menu-grid">
        <div class="menu-item">
            <img src="[https://via.placeholder.com/200x150?text=Es+Teh](https://nilaigizi.com/gizi/detailproduk/1249/es-teh-manis)" alt="Es Teh">
            <h3>Es Teh</h3>
            <p>Teh manis dingin yang segar. Harga: Rp 5.000</p>
        </div>
        <div class="menu-item">
            <img src="https://via.placeholder.com/200x150?text=Es+Jeruk" alt="Es Jeruk">
            <h3>Es Jeruk</h3>
            <p>Jeruk peras segar dengan es. Harga: Rp 7.000</p>
        </div>
        <div class="menu-item">
            <img src="https://via.placeholder.com/200x150?text=Es+Teler" alt="Es Teler">
            <h3>Es Teler</h3>
            <p>Campuran alpukat, kelapa muda, dan buah-buahan dengan es. Harga: Rp 15.000</p>
        </div>
        <div class="menu-item">
            <img src="https://via.placeholder.com/200x150?text=Lainnya" alt="Minuman Lainnya">
            <h3>Dan Lainnya...</h3>
            <p>Jus Buah, Kopi, Teh Hangat, dll. Harga bervariasi.</p>
        </div>
    </div>
</section>

<section id="kontak">
    <h2>Kontak Kami</h2>
    <p>Hubungi kami untuk pemesanan atau informasi lebih lanjut:</p>
    <p><strong>Alamat:</strong> Jl. Contoh No. 123, Kota Sollo</p>
    <p><strong>Telepon:</strong> 0812-3456-7890</p>
    <p><strong>Email:</strong> info@depotsollo.com</p>
    <p><strong>Jam Operasional:</strong> Senin-Minggu, 08:00 - 22:00</p>
</section>

<footer>
    <p>&copy; 2023 Depot Sollo. Semua hak dilindungi. Dibuat dengan ❤️ untuk pengalaman kuliner terbaik.</p>
</footer>