Update Gallus Pub site design and content

- Changed background and text colors in `styles.css` for a refreshed look.
- Updated logo implementation in `index.html` to use an actual image.
- Adjusted social links and opening hours information.
- Added Font Awesome library to the project configuration.
- Included new logo image in the `public` directory.
This commit is contained in:
2025-07-15 20:30:11 +02:00
committed by k
parent 493c2a94f0
commit f1c94ed438
3 changed files with 12 additions and 14 deletions

View File

@ -10,34 +10,32 @@
<body>
<div class="container">
<div class="logo-container">
<!-- Logo placeholder - Replace with actual logo image -->
<div class="logo">
<!-- Uncomment and modify the line below to use an actual logo image -->
<!-- <img src="images/logo.png" alt="Gallus Pub Logo"> -->
GALLUS PUB
</div>
<img src="../public/Logo.png" alt="Gallus Pub Logo">
</div>
<h1 class="coming-soon">Coming Soon</h1>
<div class="social-links">
<a href="https://instagram.com/" target="_blank" class="social-link">
<a href="https://www.instagram.com/galluspubsanktgallen/" target="_blank" class="social-link">
<i class="fab fa-instagram"></i> Instagram
</a>
<a href="mailto:info@galluspub.com" class="social-link">
<a href="mailto:info@gallus-pub.ch" class="social-link">
<i class="far fa-envelope"></i> Email
</a>
<a href="https://wa.me/123456789" target="_blank" class="social-link">
<a href="https://wa.me/+41772322770" target="_blank" class="social-link">
<i class="fab fa-whatsapp"></i> WhatsApp Business
</a>
</div>
<div class="opening-hours">
<h2>Öffnungszeiten</h2>
<p>Montag - Freitag: 16:00 - 00:00 Uhr</p>
<p>Samstag - Sonntag: 14:00 - 02:00 Uhr</p>
<p>Mittwoch: 19:00 - 24:00</p>
<p>Donnerstag: 19:00 - 24:00</p>
<p>Freitag: 19:00 - 01:00</p>
<p>Samstag: 19:00 - 01:00</p>
</div>
<div class="events-note">
<p>Aktuelle Events findest du auf unserem Social Media.</p>
</div>

View File

@ -7,8 +7,8 @@
body {
font-family: 'Arial', sans-serif;
background-color: #f5f5f5;
color: #333;
background-color: #213b28;
color: #ceb39b;
line-height: 1.6;
display: flex;
justify-content: center;
@ -110,7 +110,7 @@ body {
font-style: italic;
margin-top: 20px;
padding: 10px;
background-color: #f0f0f0;
background-color: #3C2A26;
border-radius: 5px;
}