Repository navigation
·
1 commit
to main
since this release
<title>Sunrise Café</title>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
background-color: #f8f8f8;
text-align: center;
}
<header>
<h1>Sunrise Café</h1>
<p>Welcome to Sunrise Café, a cozy spot in the heart of town. We serve delicious meals made with fresh ingredients in a warm and inviting atmosphere.</p>
</header>
<section>
<h2>Our Menu</h2>
<table>
<tr>
<th>Category</th>
<th>Item</th>
<th>Price</th>
</tr>
<tr>
<td>Breakfast</td>
<td>Pancakes</td>
<td>$5.99</td>
</tr>
<tr>
<td>Lunch</td>
<td>Grilled Chicken</td>
<td>$8.99</td>
</tr>
<tr>
<td>Drinks</td>
<td>Fresh Lemonade</td>
<td>$2.99</td>
</tr>
</table>
</section>
<section>
<h2>Contact Us</h2>
<p>Visit us at: 123 Main Street, YourCity</p>
<p>Call us: (123) 456-7890</p>
<p>Email: contact@sunrisecafe.com</p>
<p><a href="https://www.google.com/maps" target="_blank">Find us on Google Maps</a></p>
</section>
h1 {
color: #d35400;
}
h2 {
color: #2980b9;
}
table {
width: 60%;
margin: 20px auto;
border-collapse: collapse;
background-color: #fff;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}
th, td {
border: 1px solid #ddd;
padding: 10px;
text-align: left;
}
th {
background-color: #f39c12;
color: white;
}
a {
color: #e74c3c;
font-weight: bold;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}