index.html

---
layout: default
---
<section class="flex-ns vh-100-l items-center mb5">
    <div class="mw7 pr5-l">
        <img src="{{ site.baseurl }}/images/this-one.jpg">
    </div>
    <div class="tc tl-ns ph3">
        <h1 class="f1 f-headline-l fw2 mb3 mt4 mt0-ns">The Brick House</h1>
        <p class="f3 f3-l mb4 mb5-l lh-copy"> Specialist Fine Art Paintings and Frame Conservation & Restoration </p>
    </div>
</section>

<section class="bg-secondary pv5 pb3-l ph4 ph5-l overflow-hidden" id="about">
    <h2 class="sans-serif f6 ttu tracked white">What we do</h2>
    <h1 class="f2 f1-l white fw2">A studio dedicated to caring for your Fine Art. </h1>
    <p class="sans-serif f3 lh-copy measure white pb5 pb3-l">
        Our skilled
        team
        of MA
        qualified and
        ICON Accredited painting conservators
        work closely with clients to protect, restore and care for artworks in accordance with professional and ethical
        standards.</p> 

</section>

<section class="bg-secondary pv5 ph4 ph4-l pt3-l overflow-hidden" id="service">
    {% for service in site.services %}

<article class="fl w-100 w-25-l pa3-ns pb4" data-aos="fade-up">
    <a href="{{ service.url }}">
        <span class="hidden">{{ service.title }}</span>
        <div class="aspect-ratio aspect-ratio--6x4">
            <img style="background-image:url({{ site.baseurl }}{{ service.image }});"
                class="db bg-center cover aspect-ratio--object dim" />
        </div>
    </a>
    <a href="{{ service.url }}" class="pb2 link db dim primary">
        <h1 class="sans-serif f4 mb0 fw4 ttu tracked">{{ service.title }}</h1>
    </a>
    <p class="white pb3 lh-copy">{{ service.excerpt }}</p>
</article>
{% endfor %}

</section>

<section class="cf ph4 pv6 pa4-m pa5-l mw9 center bg-white" id="work">
    <div class="fr w-100 w-80-l">
        <h2 class="sans-serif f6 ttu tracked">Our work</h2>
        <h1 class="f2 f1-l lh-title mt0 mb4 mb5-ns fw1">
            We work for <br class="dn db-ns"> a wide range of clients from charitable institutions to private individuals 
        </h1>
    </div>
    <div class="f6 lh-copy fl w-100 mb4">
        <div class="fl-ns w-100 w-20-l pr3-m pr5-l">
            <p class="f4">
                Palace of Westminster</small>
            </p>
        </div>
        <div class="fl-ns w-50-m w-20-l pr3-m pr5-l">
            <p class="f4">
                Russell Cotes Museum & Art Gallery
            </p>
        </div>
        <div class="fl-ns w-50-m w-20-l pr3-m pr5-l">
            <p class="f4">
                Watts Gallery
            </p>
        </div>
        <div class="fl-ns w-50-m w-20-l pr3-m pr5-l">
            <p class="f4">
                Gainsborough's House and Museum
            </p>
        </div>
        <div class="fl-ns w-50-m w-20-l pr3-m pr5-l">
            <p class="f4">
                The National Trust
            </p>
        </div>
    </div>
    <div class="fr w-100 w-80-l pt4-l">
        <a href="{{ site.baseurl }}/work/" class="custom-btn bg-secondary white db cb mw5">See our work</a>
    </div>

</section>