{% load static imagefit useragent %}
<div class="container-fluid hook-workshop text-center">
    <div class="row">
        <div class="col-lg-4 offset-lg-1 col-md-10 offset-md-1 hook-workshop-intro">
            {% is_mobile as mobile %}
            {% if mobile %}
                <h1 class="mb-1">VISIT THE </h1><h1 class="mt-0">HOOK WORKSHOP</h1>
            {% else %}
                <h1>VISIT THE HOOK WORKSHOP</h1>
            {% endif %}
            <img class="lazy mb-3" alt="Hook Coffee" data-src="{{ "landing/CoffeeBag.png"|resize:"100x100" }}"/>
            <p>
                Still unsure about what coffee or services you need? Want to learn more about specialty
                coffee and home brewing? Curious to know more about us and meet the faces behind Hook
                Coffee?
            </p>
            <p>

                Then come meet us at The Hook Workshop!
            </p>
            <p>
                Enjoy a coffee on us while we answer your queries or simply over a friendly chat. Make an
                appointment to drop by and once we’ve sent you a confirmation — it’s a date!
            </p>
            <a href="mailto:hola@hookcoffee.com.sg" class="btn btn-hook btn-info">MAKE AN APPOINTMENT WITH US</a>
        </div>
    </div>
</div>