Initial commit: Frida-Fred Webseite

This commit is contained in:
2026-01-31 13:27:33 +01:00
parent 6ec7cedbfc
commit 1fccc96549
49 changed files with 3748 additions and 0 deletions

253
lieferanten.html Normal file
View File

@@ -0,0 +1,253 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Unsere Lieferanten - Frida und Fred</title>
<!-- Favicons -->
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="android-chrome-512x512.png">
<link href="lib/bootstrap.min.css" rel="stylesheet">
<link href="lib/fontawesome.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Lato:wght@300;400;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- Top Bar -->
<div class="top-bar">
<div class="container-fluid px-5">
<span class="top-item"><i class="fas fa-map-marker-alt"></i> Untere Bachgasse 3, 93047 Regensburg</span>
<a class="top-item" href="tel:+4994160093260"><i class="fas fa-phone"></i> 0941 60093260</a>
<a class="top-item" href="mailto:info@frida-fred.com"><i class="fas fa-envelope"></i> info@frida-fred.com</a>
</div>
</div>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light sticky-top">
<div class="container-fluid px-5">
<a class="navbar-brand" href="index.html">Frida & Fred</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.html#about">Über uns</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#produkte">Produkte</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#services">Services</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#events">Events</a></li>
<li class="nav-item"><a class="nav-link active" href="lieferanten.html">Lieferanten</a></li>
<li class="nav-item"><a class="nav-link" href="index.html#contact">Kontakt</a></li>
</ul>
</div>
</div>
</nav>
<!-- Suppliers Section -->
<section id="lieferanten" class="section-suppliers">
<div class="container-fluid px-5">
<h2 class="section-heading text-center mb-3">Unsere Lieferanten</h2>
<p class="section-subtitle text-center mb-5">Wir arbeiten mit handverlesenen Produzenten zusammen, die unsere Werte teilen und hochwertige Bio-Produkte herstellen.</p>
<div class="suppliers-grid">
<div class="supplier-card">
<img src="https://frida-fred.com/wp-content/uploads/elementor/thumbs/liferant-baldauf-oxtu87bv6c9as07ddbndrkbajq9xunvvwprli30114.png" alt="Käserei Baldauf" class="supplier-image">
<!-- <div class="supplier-icon">
<i class="fas fa-cow"></i>
</div> -->
<h3>Käserei Baldauf</h3>
<p>Gegründet 1862 und seit fünf Generationen im Besitz der Familie Baldauf. Specialisiert auf beste Allgäuer Käsespezialitäten aus Heumilch. Für ihre Käseherstellung wird ausschließlich naturbelassene Heumilch verwendet.</p>
<a href="https://www.baldauf-kaese.de/" target="_blank" rel="noopener noreferrer" class="link-arrow">Produkte entdecken</a>
</div>
<div class="supplier-card">
<img src="https://weingut-haug.de/index.php?rex_media_file=picknick_0081.jpg&rex_media_type=modulevideo" alt="Weingut Haug" class="supplier-image">
<!-- <div class="supplier-icon">
<i class="fas fa-wine-bottle"></i>
</div> -->
<h3>Weingut Haug</h3>
<p>Hochwertige Weine vom Bodensee. Das Weingut Haug steht für traditionelle Weinbaukunst und nachhaltige Anbaumethoden in der Region Lindau.</p>
<a href="https://weingut-haug.de/" target="_blank" rel="noopener noreferrer" class="link-arrow">Produkte entdecken</a>
</div>
<div class="supplier-card">
<img src="https://www.weber-roesterei.de/content/images_con/17020422247222.jpg" alt="Rösterei Weber" class="supplier-image">
<!-- <div class="supplier-icon">
<i class="fas fa-coffee"></i>
</div> -->
<h3>Rösterei Weber</h3>
<p>Hochwertige handwerklich geröstete Kaffeespezialitäten. Rösterei Weber garantiert faire Sourcing-Praktiken und höchste Qualitätsstandards für alle Kaffeesorten.</p>
<a href="https://www.weber-roesterei.de/" target="_blank" rel="noopener noreferrer" class="link-arrow">Produkte entdecken</a>
</div>
<div class="supplier-card">
<img src="img/puntzelhof.jpg" alt="Puntzelhof" class="supplier-image">
<!-- <div class="supplier-icon">
<i class="fas fa-handshake"></i>
</div> -->
<h3>Puntzelhof</h3>
<p>Naturverbundenes Familienunternehmen spezialisiert auf selbstgemachte Köstlichkeiten wie Marmelade, Honig, Senf und Essig. Nur natürliche Zutaten aus eigenem Bauerngarten und umliegenden Wiesen frei von Chemie und Pestiziden.</p>
<a href="https://frida-allgaeuer-schmankerl.de/marken/puntzelhof/" target="_blank" rel="noopener noreferrer" class="link-arrow">Produkte entdecken</a>
</div>
<div class="supplier-card">
<img src="https://allgaeuer-naturprodukte.de/thumbnail/24/8e/48/1686903376/allgaeuer-naturprodukte-shop_800x800.jpg" alt="Aurelia Kräuter" class="supplier-image">
<!-- <div class="supplier-icon">
<i class="fas fa-leaf"></i>
</div> -->
<h3>Aurelia Kräuter</h3>
<p>Hochwertige Kräuterspezialitäten mit Leidenschaft angebaut und verarbeitet. Aurelia bietet getrocknete und frische Bio-Kräuter für Küche, Tee und Wellness.</p>
<a href="https://allgaeuer-naturprodukte.de/" target="_blank" rel="noopener noreferrer" class="link-arrow">Produkte entdecken</a>
</div>
<div class="supplier-card">
<img src="img/weingut_aufricht.png" alt="Weingut Aufricht" class="supplier-image">
<!-- <div class="supplier-icon">
<i class="fas fa-leaf"></i>
</div> -->
<h3>Weingut Aufricht</h3>
<p>Das Weingut Aufricht aus Hagnau am Bodensee produziert exquisite Weine mit großer Sorgfalt. Natürliche Weinherstellung mit modernster Technik.</p>
<a href="#" target="_blank" rel="noopener noreferrer" class="link-arrow">Produkte entdecken</a>
</div>
<div class="supplier-card">
<img src="img/sell_gmachts.jpg" alt="Sell G'machts" class="supplier-image">
<!-- <div class="supplier-icon">
<i class="fas fa-jar"></i>
</div> -->
<h3>Sell G'machts</h3>
<p>Traditionelle Allgäuer Spezialitäten mit handwerklicher Herstellung. Konfitüren, Marmeladen und Feinkost nach bewährten Rezepten der Region.</p>
<a href="#" target="_blank" rel="noopener noreferrer" class="link-arrow">Produkte entdecken</a>
</div>
<div class="supplier-card">
<img src="img/weingut_kress.jpg" alt="Weingut Kress" class="supplier-image">
<!-- <div class="supplier-icon">
<i class="fas fa-wine-bottle"></i>
</div> -->
<h3>Weingut Kress</h3>
<p>Qualitätsweine vom Bodensee aus dem Hause Kress in Überlingen. Bekannt für elegante und ausdrucksstarke Weine aus nachhaltiger Produktion.</p>
<a href="#" target="_blank" rel="noopener noreferrer" class="link-arrow">Produkte entdecken</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="site-footer">
<div class="container-fluid px-5">
<div class="footer-content">
<div class="footer-column">
<h4>Frida & Fred</h4>
<p>Ihre Adresse für Allgäuer Bio-Spezialitäten in Regensburg.</p>
<p style="margin-bottom: 0.5rem;">
<i class="fas fa-map-marker-alt" style="color: var(--secondary-color); margin-right: 8px;"></i>
Untere Bachgasse 3<br>
<i class="fas fa-city" style="color: var(--secondary-color); margin-right: 8px;"></i>
93047 Regensburg
</p>
<p style="margin-bottom: 0.5rem;">
<i class="fas fa-phone" style="color: var(--secondary-color); margin-right: 8px;"></i>
<a href="tel:+4994160093260">0941 60093260</a><br>
<i class="fas fa-mobile" style="color: var(--secondary-color); margin-right: 8px;"></i>
<a href="tel:+49015119426530">0151 19426530</a>
</p>
<p style="margin-bottom: 1.5rem;">
<i class="fas fa-envelope" style="color: var(--secondary-color); margin-right: 8px;"></i>
<a href="mailto:info@frida-fred.com">info@frida-fred.com</a>
</p>
<div class="social-links">
<!-- <a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a> -->
<a href="https://www.instagram.com/fridaundfred_regensburg?igsh=MXd4Nm91dHR3ejZ6YQ==" title="Instagram"><i class="fab fa-instagram"></i></a>
<!-- <a href="#" title="Twitter"><i class="fab fa-twitter"></i></a> -->
</div>
</div>
<div class="footer-column">
<h4>Öffnungszeiten</h4>
<p style="margin-bottom: 0.5rem;">
<strong>Montag:</strong><br>
Geschlossen
</p>
<p style="margin-bottom: 0;">
<strong>Dienstag - Samstag:</strong><br>
09:00 19:00 Uhr
</p>
</div>
<div class="footer-column">
<h4>Navigation</h4>
<ul>
<li><a href="index.html#about">Über uns</a></li>
<li><a href="index.html#produkte">Produkte</a></li>
<li><a href="index.html#services">Services</a></li>
<li><a href="lieferanten.html">Lieferanten</a></li>
</ul>
</div>
<div class="footer-column">
<h4>Rechtliches</h4>
<ul>
<li><a href="#">Datenschutz</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">AGB</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2026 Frida & Fred. Alle Rechte vorbehalten. | <a href="datenschutz.html">Datenschutz</a> | <a href="impressum.html">Impressum</a> | <a href="agb.html">AGB</a></p>
</div>
</div>
</footer>
<script src="lib/bootstrap.bundle.min.js"></script>
<script>
// Smooth scrolling for internal links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
// Active nav link on scroll
window.addEventListener('scroll', function() {
let current = '';
const sections = document.querySelectorAll('section');
sections.forEach(section => {
const sectionTop = section.offsetTop;
const sectionHeight = section.clientHeight;
if (pageYOffset >= sectionTop - 200) {
current = section.getAttribute('id');
}
});
document.querySelectorAll('.nav-link').forEach(link => {
link.classList.remove('active');
if (link.getAttribute('href') === '#' + current) {
link.classList.add('active');
}
});
});
</script>
<!-- Back to Top Button -->
<a href="#" class="back-to-top" id="backToTop" aria-label="Nach oben scrollen">
<i class="fas fa-chevron-up"></i>
</a>
<script>
// Show/hide back to top button
window.addEventListener('scroll', function() {
const backToTop = document.getElementById('backToTop');
if (window.pageYOffset > 300) {
backToTop.classList.add('visible');
} else {
backToTop.classList.remove('visible');
}
});
</script>
</body>
</html>