About

About

A map and an address for the relevant team.

Can be used in conjunction with the contact stratum.

<div class="about-contact bg-cornflower-25-light small-padding">
    <!-- SECTION: About us -->
    <section class="about-us small-padding stack-section">
        <header class="text-center">
            <div class="row column">
                <div class="section-header">
                    <h1 class="section-heading">About us</h1>
                    <p>The Faculty brings together seven Departments building on an excellent reputation for both research and teaching. Our diverse teaching and research benefit from close collaboration with industry across sectors, ensuring great job prospects.</p>
                </div>
                <hr class="section-header-divider">
            </div>
        </header>
        <div class="row column">
            <div class="flex-wrapper small-padding">
                <div class="card complex-card single-item text-center">
                    <div class="embedded-media">
                        <!-- Map code -->
                        <!-- COMPONENT: Embedded media - Map -->
                        <div class="embedded-media">
                            <iframe scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=-2.331386804580689%2C51.37818286327943%2C-2.324563264846802%2C51.381614790395275&amp;layer=mapnik&amp;marker=51.37989718489204%2C-2.327975034713745"
                                style="border: 1px solid black" width="425" height="350" frameborder="0"></iframe><br><small><a href="http://www.openstreetmap.org/?mlat=51.37990&amp;mlon=-2.32798#map=18/51.37990/-2.32798">View Larger Map</a></small>
                        </div>
                        <!-- End component: Embedded media - Map -->
                    </div>
                    <footer>
                        <address>
              <span>Wessex House</span>
              <span>University of Bath</span>
              <span>Claverton Down</span>
              <span>Bath</span>
              <span>BA2 7AY</span>
              <span>United Kingdom</span>
            </address>
                    </footer>
                </div>
            </div>
        </div>
        <footer class="small-padding text-center">
            <div class="row column">
                <!-- COMPONENT: Standard button -->
                <a href="#" class="button">Button text</a>
                <!-- End component: Standard button -->
                <hr class="divider">
            </div>
        </footer>
    </section>
    <!-- SECTION: Contact us -->
    <section class="contact-us small-padding text-only stack-section">
        <header class="text-center">
            <div class="row column">
                <div class="section-header">
                    <h1 class="section-heading">Contact us</h1>
                    <p>If you have any enquiries, please do not hesitate to contact us </p>
                </div>
                <hr class="section-header-divider">
            </div>
        </header>
        <div class="row column" data-equalizer="card-header" data-equalize-on="medium" data-resize="card-header" data-mutate="card-header">
            <div class="flex-wrapper small-padding">
                <article class="card standard-card">
                    <header data-equalizer-watch="card-header" style="height: auto;">
                        <h1>Emma Perry, Faculty Coordinator</h1>
                    </header>
                    <footer>
                        <ul class="no-bullet-list">
                            <li class="email"><a href="mailto:e.perry@bath.ac.uk">e.perry@bath.ac.uk</a></li>
                            <li class="telephone">01225 384592</li>
                        </ul>
                    </footer>
                </article>
            </div>
            <div class="flex-wrapper small-padding">
                <!-- Facebook -->
                <div class="social-button facebook">
                    Like us on Facebook
                </div>
                <!-- Twitter -->
                <div class="social-button twitter">
                    Follow us on Twitter
                </div>
                <!-- Instagram -->
                <div class="social-button instagram">
                    Follow us on Instagram
                </div>
                <!-- Sina Weibo -->
                <div class="social-button sinaweibo">
                    Follow us on Sina Weibo
                </div>
                <!-- Snapchat -->
                <div class="social-button snapchat">
                    Follow us on SnapChat
                </div>
                <!-- WeChat -->
                <div class="social-button wechat">
                    Subscribe to us on WeChat
                </div>
                <!-- Youtube -->
                <div class="social-button youtube">
                    Subscribe to us on YouTube
                </div>
            </div>
        </div>
    </section>
</div>