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:
BIN
public/Logo.png
Normal file
BIN
public/Logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
@ -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>
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user