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:
1
.idea/Gallus_Pub.iml
generated
1
.idea/Gallus_Pub.iml
generated
@ -8,5 +8,6 @@
|
|||||||
</content>
|
</content>
|
||||||
<orderEntry type="inheritedJdk" />
|
<orderEntry type="inheritedJdk" />
|
||||||
<orderEntry type="sourceFolder" forTests="false" />
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
<orderEntry type="library" name="font-awesome" level="application" />
|
||||||
</component>
|
</component>
|
||||||
</module>
|
</module>
|
||||||
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>
|
<body>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="logo-container">
|
<div class="logo-container">
|
||||||
<!-- Logo placeholder - Replace with actual logo image -->
|
<img src="../public/Logo.png" alt="Gallus Pub Logo">
|
||||||
<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>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h1 class="coming-soon">Coming Soon</h1>
|
<h1 class="coming-soon">Coming Soon</h1>
|
||||||
|
|
||||||
<div class="social-links">
|
<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
|
<i class="fab fa-instagram"></i> Instagram
|
||||||
</a>
|
</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
|
<i class="far fa-envelope"></i> Email
|
||||||
</a>
|
</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
|
<i class="fab fa-whatsapp"></i> WhatsApp Business
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="opening-hours">
|
<div class="opening-hours">
|
||||||
<h2>Öffnungszeiten</h2>
|
<h2>Öffnungszeiten</h2>
|
||||||
<p>Montag - Freitag: 16:00 - 00:00 Uhr</p>
|
<p>Mittwoch: 19:00 - 24:00</p>
|
||||||
<p>Samstag - Sonntag: 14:00 - 02:00 Uhr</p>
|
<p>Donnerstag: 19:00 - 24:00</p>
|
||||||
|
<p>Freitag: 19:00 - 01:00</p>
|
||||||
|
<p>Samstag: 19:00 - 01:00</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="events-note">
|
<div class="events-note">
|
||||||
<p>Aktuelle Events findest du auf unserem Social Media.</p>
|
<p>Aktuelle Events findest du auf unserem Social Media.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -7,8 +7,8 @@
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: 'Arial', sans-serif;
|
font-family: 'Arial', sans-serif;
|
||||||
background-color: #f5f5f5;
|
background-color: #213b28;
|
||||||
color: #333;
|
color: #ceb39b;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -110,7 +110,7 @@ body {
|
|||||||
font-style: italic;
|
font-style: italic;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
background-color: #f0f0f0;
|
background-color: #3C2A26;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user