Mrunal Hotel website creation

1
Mrunal Hotel Menu

Mrunal Hotel Menu

<section id="menu">
    <div class="container">
        <div class="menu-item">
            <h2>Appetizers</h2>
            <ul>
                <li>Mozzarella Sticks - $6.99</li>
                <li>Chicken Wings - $8.99</li>
                <li>Onion Rings - $4.99</li>
            </ul>
        </div>

        <div class="menu-item">
            <h2>Main Courses</h2>
            <ul>
                <li>Steak - $15.99</li>
                <li>Pasta - $12.99</li>
                <li>Burger - $9.99</li>
                <li>Pizza - $10.99</li>
            </ul>
        </div>

        <div class="menu-item">
            <h2>Drinks</h2>
            <ul>
                <li>Soft Drinks - $2.49</li>
                <li>Beer - $4.99</li>
                <li>Wine - $7.99</li>
                <li>Cocktails - $9.99</li>
            </ul>
        </div>

        <div class="menu-item">
            <h2>Desserts</h2>
            <ul>
                <li>Cheesecake - $5.99</li>
                <li>Ice Cream - $3.99</li>
                <li>Brownies - $4.49</li>
            </ul>
        </div>
    </div>
</section>

<footer>
    <div class="container">
        <p>&copy; 2024 Mrunal Hotel</p>
    </div>
</footer>
body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-image: url('background.jpg'); background-size: cover; background-position: center; color: #fff; }

.container {
width: 80%;
margin: 0 auto;
}

header {
background-color: rgba(0, 0, 0, 0.7);
padding: 20px 0;
text-align: center;
}

header h1 {
margin: 0;
}

.menu-item {
background-color: rgba(0, 0, 0, 0.7);
margin-bottom: 30px;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.menu-item h2 {
margin-top: 0;
}

.menu-item ul {
padding: 0;
list-style-type: none;
}

.menu-item ul li {
margin-bottom: 10px;
}

footer {
background-color: rgba(0, 0, 0, 0.7);
padding: 20px 0;
text-align: center;
}

2

It appears that you just shared code without any context. Do you have a question?

3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.