responsive-multipage-2/index.html at main · jimmylee88/responsive-multipage-2 · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Brew Thirty Two Café</title>
    <link rel="stylesheet" href="./assets/reset.css">
    <link rel="stylesheet" href="./assets/style.css">
    <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=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Kumbh+Sans:wght@100..900&display=swap" rel="stylesheet">
</head>

<body>
    <nav id="navigation">
        <a class="logo" href="./index.html"><img class="logo" src="./assets/images/logo_horiz.png" alt="Brew Thirty Two logo"></a>

        <a href="./index.html"> <img class="logo-h" src="./assets/images/logo.png" alt="Brew Thirty Two logo in square format"></a>

        <div class="nav-links">
            <a href="./food-drink.htm"><span class="nowrap">Food & Drink</span></a>
            <a href="./contact.htm">Contact</a>
        </div>
    </nav>

    <header>
        <div class="intro">
            <h1 class="intro-heading">Home cooked <br>& Hand made</h1>
            <p class="intro-subheading">
            Serving fabulous sandwiches and wonderful coffee to our local community in Stretford along with private catering for parties, corporate events and TV/Film sets. Find us on Taylors Road!
            </p>
        </div>
        <img class="hero-image" src="./assets/images/549174166_17876762244406574_7688084552349789463_n.jpg" alt="Photo of the Brew Thirty Two shopfront, showing a green door, and hand painted shop sign">
    </header>

    <main>

        <section class="features">
            <h2 class="feature-text">Everything is made in-house, from the chilli in our jacket potatoes, to the wide variety of sandwich fillings we prepare fresh every day.</h2>
            <article class="feature-card">
                <h2>🥪</h2>
                <p>Our sandwiches are freshly made with locally baked bread, and cost the same (or less!) than the Co-op across the road.</p>
            </article>
            <article class="feature-card">
                <h2>🥗</h2>
                <p>Our salad items are delivered every single morning from a local greengrocer, ensuring freshness and supporting other small businesses.</p>
            </article>
            <article class="feature-card">
            <h2>☕</h2>
            <p>Our coffee is cheaper than Costa, and we proudly use beans from local roaster Second City Coffee, rather than generic supermarket beans.</p>
            </article>
            <article class="feature-card">
            <h2>🍰</h2>
            <p>Our cakes, pastries and biscuits are freshly made every week by Mandy, bringing that proper homemade touch to everything on the counter.</p>
            </article>
        </section>
    </main>

    <section class="location">
        <div id="location-text">
            <h2>Visit Us!</h2>
            <p class="address">2A Taylor's Rd,<br> Stretford,<br> Manchester<br> M32 0JA</p>
            <p class="open-hours">
                Monday to Saturday<br>
                8am — 2pm
            </p>
            <p class="phone">
                07512187830
            </p>
        </div>
        <div id="location-image">
        <img src="./assets/images/shop_interior.jpg" alt="Photo of the Brew Thirty Two shop interior displaying fresh ingredients">
        </div>
        <div class="google-map">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2660.3376220290784!2d-2.3001078!3d53.455173699999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487baf00507e8a13%3A0xf024e4758ebf8c8a!2sBrew%20Thirty%20Two!5e1!3m2!1sen!2suk!4v1759412209409!5m2!1sen!2suk" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
        </div>
    </section>

    <footer>
        <ul class="quick-links">
            <li><a href="#navigation">Back to Top</a></li>
            <li><a href="./food-drink.htm">Food & Drink</a></li>
            <li><a href="./contact.htm">Contact</a></li>
        </ul>

        <a href="./index.html"><img class="footer-logo" src="./assets/images/logo_light.png"></a>

        <ul class="social-links">
            <li><a href="https://www.instagram.com/brewthirtytwo/"><i class="fa-brands fa-instagram"></i></a></li>
            <li><a href="https://www.facebook.com/profile.php?id=61574786495084"><i class="fa-brands fa-facebook"></i></a></li>

            <li><a href="https://deliveroo.co.uk/menu/manchester/stretford/brew-thirty-two-2a-taylors-road-stretford">
                <img class="deliveroo-icon" src="./assets/images/deliveroo.png" alt="deliveroo icon">
            </a>
            </li>
        </ul>
    </footer>
<!-- Font Awesome icons -->
<script src="https://kit.fontawesome.com/de94b8ad47.js" crossorigin="anonymous"></script>
</body>
</html>