index.html

---
id: home
---
<div>

    <div id="main">
        <div class="site-main-title">The Fergley Wedding</div>

        <img class="main-photo desktop" src="assets/us.jpg"
            alt="Matthias &amp; Rebecca"
            title="Matthias &amp; Rebecca, under the Weeping Beech tree where we got engaged"
        />

        <div class="site-subtitle desktop">
            <div>April 28, 2018</div>
            <div>The Waterworks Museum, Boston, Mass.</div>
        </div>

        <div class="site-subtitle mobile">
            <div>April 28, 2018</div>
            <div>The Waterworks Museum</div>
            <div>Boston, Mass.</div>
        </div>

        <img class="main-photo mobile" src="assets/us.jpg"
            alt="Matthias &amp; Rebecca"
            title="Matthias &amp; Rebecca, under the Weeping Beech tree where we got engaged"
        />

        <div class="main-nav-menu">
            <ul>
                <li><a href="event.html">Basic information</a></li>
                <li><a href="venue.html">About the venue</a></li>
                <li><a href="transportation.html">Getting around</a></li>
                <li><a href="lodging.html">Where to stay</a></li>
                <li><a href="boston.html">Things to do in Boston</a></li>
                <li><a href="registry.html">Registry</a></li>
                <li><a href="faq.html">F.A.Q.</a></li>
                <li><a href="contact.html">Contact us</a></li>
            </ul>
        </div>

        <div style="clear: both" />

        <div class="emailSignup">
            <form>
                <div class="heading">Mailing list signup</div>

                <div class="caption">Give us your contact information here and we’ll let you know when we have important information to share.</div>

                <div class="fields">
                    <label for="name">Your name</label>
                    <input type="text" id="name" name="name" />
                    <label for="email">Your email address</label>
                    <input type="email" id="email1" name="email1" />
                    <label for="email">Type your email again</label>
                    <input type="email" id="email2" name="email2" />
                    <input type="button" id="submitBtn" value="Keep me posted!" />
                </div>
            </form>

            <div id="emailSignupResponse">...</div>
        </div>

    </div>

</div>

<script src="js/emailCollection.js"></script>
<script>
    $(function() {
        setupEmailCollection();
    });
</script>