sercempieczone/kontakt.html at main · Swartor/sercempieczone · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Kontakt – Sercem pieczone</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Kontakt do Sercem pieczone – domowe szarlotki na zamówienie.">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="style.css">
</head>
<body>
<header>
    <div class="header-inner">
        <div class="logo">
            <img src="img/logo-sercem-pieczone.png" alt="Sercem pieczone – logo">
            <div>
                <div class="logo-text">Sercem pieczone</div>
                <div class="tagline">Domowe szarlotki na świeżych jabłkach</div>
            </div>
        </div>
        <nav>
            <ul class="nav-list">
                <li><a href="index.html">Start</a></li>
                <li><a href="oferta.html">Oferta</a></li>
                <li><a href="dlaczego.html">Dlaczego warto</a></li>
                <li><a href="kontakt.html" class="active">Kontakt</a></li>
            </ul>
        </nav>
        <button class="menu-toggle" aria-label="Menu">
            <span></span>
            <span></span>
            <span></span>
        </button>
    </div>
</header>

<script>
// Mobile menu toggle
const menuToggle = document.querySelector('.menu-toggle');
const nav = document.querySelector('nav');

menuToggle.addEventListener('click', function() {
    this.classList.toggle('active');
    nav.classList.toggle('active');
});

// Close menu when clicking on a link
const navLinks = document.querySelectorAll('.nav-list a');
navLinks.forEach(link => {
    link.addEventListener('click', function() {
        menuToggle.classList.remove('active');
        nav.classList.remove('active');
    });
});
</script>

<div class="wrapper">
    <section>
        <h2>Kontakt</h2>
        <p class="lead">Najprościej zadzwonić lub wysłać SMS. Jeśli nie odbieramy, najczęściej jesteśmy właśnie w kuchni – oddzwonimy 🙂</p>
    </section>

    <section class="contact-grid">
        <div class="contact-box">
            <div class="contact-item">
                <div class="contact-label">Telefon / SMS</div>
                <div class="highlight">505 332 033</div>
            </div>
            <div class="contact-item">
                <div class="contact-label">E-mail</div>
                <div class="highlight">kinga.sercempieczone@gmail.com</div>
            </div>
            <div class="contact-item">
                <div class="contact-label">Lokalizacja</div>
                <div>Warszawa i okolice – odbiór osobisty, dokładny adres podajemy przy potwierdzeniu zamówienia.</div>
            </div>
        </div>

        <div class="contact-box">
            <h3>Jak złożyć zamówienie?</h3>
            <ol>
                <li>Napisz lub zadzwoń, podając termin oraz rodzaj szarlotki (klasyczna / bez białka).</li>
                <li>Ustalimy godzinę odbioru i potwierdzimy dostępność terminu.</li>
                <li>Szarlotkę pieczemy na świeżo na ustalony dzień.</li>
            </ol>
            <p>Prosimy o składanie zamówień minimum 2 dni przed planowanym odbiorem – dzięki temu mamy czas wszystko dobrze zaplanować.</p>
        </div>
    </section>

    <section>
        <h2>Najczęstsze pytania</h2>
        <div class="card-grid">
            <div class="card">
                <h3>Czy robicie dostawę?</h3>
                <p>Obecnie prowadzimy tylko odbiór osobisty. Dzięki temu szarlotka trafia do Ciebie świeża i w nienaruszonym stanie.</p>
            </div>
            <div class="card">
                <h3>Jak długo szarlotka się trzyma?</h3>
                <p>W lodówce spokojnie 4–5 dni. Można ją też zamrozić – po rozmrożeniu smakuje jak świeżo upieczona.</p>
            </div>
            <div class="card">
                <h3>Czy można zamówić mniejszą/większą szarlotkę?</h3>
                <p>Standardowo pieczemy ciasta około 2 kg. Jeśli masz specjalne potrzeby, napisz – postaramy się to rozwiązać.</p>
            </div>
        </div>
    </section>
</div>

<footer>
    &copy; 2024 Sercem pieczone – domowe szarlotki
</footer>
</body>
</html>