WEBLEB
होम
संपादक
लॉग इन करें
Pro
हिंदी
English
Français
Español
Português
Deutsch
Italiano
हिंदी
HTML
CSS
JS
<!-- Replace with your HTML Code (Leave empty if not needed) --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>The HTML Bistro - Menu</title> <style> body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 20px; background-color: #f4f4f4; color: #333; } .container { max-width: 900px; margin: 0 auto; background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } h1 { text-align: center; color: #8B4513; /* SaddleBrown */ margin-bottom: 30px; font-size: 2.5em; } h2 { color: #A0522D; /* Sienna */ border-bottom: 2px solid #A0522D; padding-bottom: 10px; margin-top: 40px; font-size: 1.8em; } .menu-item { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px dashed #ddd; } .menu-item:last-child { border-bottom: none; } .item-name { font-weight: bold; font-size: 1.2em; color: #4CAF50; /* Green */ display: flex; justify-content: space-between; align-items: baseline; } .item-price { color: #333; font-weight: normal; font-size: 1em; } .item-description { font-size: 0.9em; color: #555; margin-top: 5px; } .note { text-align: center; margin-top: 40px; font-style: italic; color: #777; } </style> </head> <body> <div class="container"> <h1>The HTML Bistro</h1> <p class="note">A taste of perfectly structured cuisine.</p> <h2>Appetizers</h2> <div class="menu-item"> <div class="item-name"> <span>Classic Bruschetta</span> <span class="item-price">$8.50</span> </div> <p class="item-description">Toasted baguette slices topped with fresh diced tomatoes, basil, garlic, and a drizzle of balsamic glaze.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Crispy Calamari</span> <span class="item-price">$12.00</span> </div> <p class="item-description">Lightly fried calamari rings served with a tangy marinara sauce and lemon wedges.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Spinach Artichoke Dip</span> <span class="item-price">$10.00</span> </div> <p class="item-description">Creamy blend of spinach, artichoke hearts, and cheese, baked golden brown and served with warm tortilla chips.</p> </div> <h2>Main Courses</h2> <div class="menu-item"> <div class="item-name"> <span>Grilled Salmon with Asparagus</span> <span class="item-price">$24.00</span> </div> <p class="item-description">Pan-seared Atlantic salmon fillet, served with roasted asparagus and a lemon-dill butter sauce.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Chicken Alfredo Fettuccine</span> <span class="item-price">$19.50</span> </div> <p class="item-description">Tender grilled chicken breast tossed with fettuccine pasta in a rich, creamy Parmesan Alfredo sauce.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Vegetable Lasagna (V)</span> <span class="item-price">$18.00</span> </div> <p class="item-description">Layers of pasta, ricotta cheese, marinara sauce, and fresh seasonal vegetables, baked to perfection.</p> </div> <div class="menu-item"> <div class="item-name"> <span>New York Strip Steak</span> <span class="item-price">$32.00</span> </div> <p class="item-description">12oz prime New York strip, grilled to your liking, served with garlic mashed potatoes and sautéed green beans.</p> </div> <h2>Desserts</h2> <div class="menu-item"> <div class="item-name"> <span>Chocolate Lava Cake</span> <span class="item-price">$9.00</span> </div> <p class="item-description">Warm chocolate cake with a molten chocolate center, served with a scoop of vanilla bean ice cream.</p> </div> <div class="menu-item"> <div class="item-name"> <span>New York Cheesecake</span> <span class="item-price">$8.50</span> </div> <p class="item-description">Classic creamy cheesecake on a graham cracker crust, topped with your choice of berry compote or chocolate sauce.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Seasonal Fruit Tart</span> <span class="item-price">$7.50</span> </div> <p class="item-description">Fresh seasonal fruits arranged beautifully on a sweet pastry crust with a light custard filling.</p> </div> <h2>Beverages</h2> <div class="menu-item"> <div class="item-name"> <span>Freshly Brewed Coffee</span> <span class="item-price">$3.00</span> </div> <p class="item-description">Regular or Decaf.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Assorted Soft Drinks</span> <span class="item-price">$3.50</span> </div> <p class="item-description">Coke, Diet Coke, Sprite, Lemonade.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Sparkling Water</span> <span class="item-price">$4.00</span> </div> <p class="item-description">Perrier, San Pellegrino.</p> </div> </div> </body> </html>
/* Replace with your CSS Code (Leave empty if not needed) */
/* Replace with your JS Code (Leave empty if not needed) */
Validating your code, please wait...
HTML
CSS
JS
<!-- Replace with your HTML Code (Leave empty if not needed) --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>The HTML Bistro - Menu</title> <style> body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 20px; background-color: #f4f4f4; color: #333; } .container { max-width: 900px; margin: 0 auto; background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } h1 { text-align: center; color: #8B4513; /* SaddleBrown */ margin-bottom: 30px; font-size: 2.5em; } h2 { color: #A0522D; /* Sienna */ border-bottom: 2px solid #A0522D; padding-bottom: 10px; margin-top: 40px; font-size: 1.8em; } .menu-item { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px dashed #ddd; } .menu-item:last-child { border-bottom: none; } .item-name { font-weight: bold; font-size: 1.2em; color: #4CAF50; /* Green */ display: flex; justify-content: space-between; align-items: baseline; } .item-price { color: #333; font-weight: normal; font-size: 1em; } .item-description { font-size: 0.9em; color: #555; margin-top: 5px; } .note { text-align: center; margin-top: 40px; font-style: italic; color: #777; } </style> </head> <body> <div class="container"> <h1>The HTML Bistro</h1> <p class="note">A taste of perfectly structured cuisine.</p> <h2>Appetizers</h2> <div class="menu-item"> <div class="item-name"> <span>Classic Bruschetta</span> <span class="item-price">$8.50</span> </div> <p class="item-description">Toasted baguette slices topped with fresh diced tomatoes, basil, garlic, and a drizzle of balsamic glaze.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Crispy Calamari</span> <span class="item-price">$12.00</span> </div> <p class="item-description">Lightly fried calamari rings served with a tangy marinara sauce and lemon wedges.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Spinach Artichoke Dip</span> <span class="item-price">$10.00</span> </div> <p class="item-description">Creamy blend of spinach, artichoke hearts, and cheese, baked golden brown and served with warm tortilla chips.</p> </div> <h2>Main Courses</h2> <div class="menu-item"> <div class="item-name"> <span>Grilled Salmon with Asparagus</span> <span class="item-price">$24.00</span> </div> <p class="item-description">Pan-seared Atlantic salmon fillet, served with roasted asparagus and a lemon-dill butter sauce.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Chicken Alfredo Fettuccine</span> <span class="item-price">$19.50</span> </div> <p class="item-description">Tender grilled chicken breast tossed with fettuccine pasta in a rich, creamy Parmesan Alfredo sauce.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Vegetable Lasagna (V)</span> <span class="item-price">$18.00</span> </div> <p class="item-description">Layers of pasta, ricotta cheese, marinara sauce, and fresh seasonal vegetables, baked to perfection.</p> </div> <div class="menu-item"> <div class="item-name"> <span>New York Strip Steak</span> <span class="item-price">$32.00</span> </div> <p class="item-description">12oz prime New York strip, grilled to your liking, served with garlic mashed potatoes and sautéed green beans.</p> </div> <h2>Desserts</h2> <div class="menu-item"> <div class="item-name"> <span>Chocolate Lava Cake</span> <span class="item-price">$9.00</span> </div> <p class="item-description">Warm chocolate cake with a molten chocolate center, served with a scoop of vanilla bean ice cream.</p> </div> <div class="menu-item"> <div class="item-name"> <span>New York Cheesecake</span> <span class="item-price">$8.50</span> </div> <p class="item-description">Classic creamy cheesecake on a graham cracker crust, topped with your choice of berry compote or chocolate sauce.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Seasonal Fruit Tart</span> <span class="item-price">$7.50</span> </div> <p class="item-description">Fresh seasonal fruits arranged beautifully on a sweet pastry crust with a light custard filling.</p> </div> <h2>Beverages</h2> <div class="menu-item"> <div class="item-name"> <span>Freshly Brewed Coffee</span> <span class="item-price">$3.00</span> </div> <p class="item-description">Regular or Decaf.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Assorted Soft Drinks</span> <span class="item-price">$3.50</span> </div> <p class="item-description">Coke, Diet Coke, Sprite, Lemonade.</p> </div> <div class="menu-item"> <div class="item-name"> <span>Sparkling Water</span> <span class="item-price">$4.00</span> </div> <p class="item-description">Perrier, San Pellegrino.</p> </div> </div> </body> </html>
/* Replace with your CSS Code (Leave empty if not needed) */
/* Replace with your JS Code (Leave empty if not needed) */