index.html

<!doctype html>
<html class="no-js" lang="">
<head>
    <meta name="google-site-verification" content="zKYye_26rEXowrDux50EtTF7Aamdz95mHfE3T1xlX_Q" />
    <script src="js/main.js"></script>
    <script src="js/plugins.js"></script>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <link rel="apple-touch-icon" href="apple-touch-icon.png">

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="Main.css">


</head>
<body>

<div class="intro">
    <div class="banner">


        <div class="text">Abbi Suresh & Brian Devins</div>


    </div>

    <h1>


    </h1>


    <h2>


        06.16.18
        <br>


    </h2>

<h3>


</h3>

<div class="tab">
    <button class="tablinks" onclick="openPage(event,'Home')">Home</button>
    <button class="tablinks" onclick="openPage(event, 'About us')">About us</button>


    <div class="dropdown">
        <button class="dropbtn">Photos</button>
        <div class="dropdown-content">
            <button class="tablinks" onclick="openPage(event, 'General')">General Photos</button>
            <button class="tablinks" onclick="openPage(event, 'Engagement')">Engagement</button>
        </div>

    </div>


    <div class="dropdown" id="close">
        <button class="dropbtn">Wedding Party</button>
        <div class="dropdown-content">
            <button class="tablinks" onclick="openPage(event, 'Bridesmaids')">Bridesmaids (and men)</button>
            <button class="tablinks" onclick="openPage(event, 'Groomsmen')">Groomsmen</button>

        </div>
    </div>

    <div class="dropdown" id="close2">
        <button class="dropbtn">Details</button>
        <div class="dropdown-content">
            <button class="tablinks" onclick="openPage(event, 'Ceremony')">Ceremony</button>
            <button class="tablinks" onclick="openPage(event, 'Reception')">Reception</button>
            <button class="tablinks" onclick="openPage(event, 'Travel info')">Travel info</button>
            <button class="tablinks" onclick="openPage(event, 'Accommodations')">Accommodations</button>
            <button class="tablinks" onclick="openPage(event, 'Sightseeing')">Sightseeing</button>
        </div>

    </div>

    <button class="tablinks" onclick="openPage(event, 'RSVP')">RSVP</button>
    <button class="tablinks" onclick="openPage(event, 'Registry')">Registry</button>
    <button class="tablinks" onclick="openPage(event, 'WeddingPictures')">Wedding Pics</button>


</div>


    <p>

</p>


    <div id="Home" class="tabcontent page" style="font-size: x-large; color:#33032B">

        <div class="typewriter">
            Welcome to our wedding website!


        </div>
        <p></p>

        <img src="img/holding hands bandi.jpg" style="opacity: 1;  width: 50%; align-content: center">

</div>
<div id="About us" class="tabcontent column"
     style="display:none; background-color: #532C3F; border: solid; border-color: #c0c0c0; color: #F0EADF; font-size: 18px; width: 95%; margin-left: 2%; margin-right: 2%; align-content: center">

    <p></p>


    <div class="row">
        <p></p>

        <div class="col-sm-4" ; style="padding-left:2%; color: #CDCDCD">

            <b style="color: #656732; font-size:larger"> The 2 minute scoop</b>

            <p></p>
            Abbi's story:

            <b style="color: #CDCDCD; font-family: 'Gill Sans', serif; font-size:18px; font-weight: normal"> I grew up
                living in
                southern Maine for most of my life, partly inland and partly coastal.
                As for vocation, I am a 4th year medical student at the University of Vermont. I plan on working in a
                non-clinical field upon graduation from medical school this coming May.
                My favorite hobbies: painting, reading, coding websites, singing. </b>

            <p></p>

            <img src="img/me%20lilacs.jpeg" style="width:80%; align-content: center">

        </div>

        <div class="col-sm-4" ; style="padding-top: 3%; color: #CDCDCD">

            <b style="color: #656732; font-size:larger"> The 2 minute scoop</b>

            <p></p>
            Brian's story:

            <b style="color: #CDCDCD; font-family: 'Gill Sans', serif; font-size:18px; font-weight: normal">

                I have grown up living in Vermont almost all of my life.
                I spent a few years at Clarkson University in Potsdam, NY, and a couple years working as a software
                engineer
                after college in Rome, NY. Getting my job at Dealer.com brought me to Burlington, VT
                where I would eventually meet and fall in love with Abbi.
                My hobbies are learning as much as possible about computers, the occasional video game,
                and obsessing about hockey, much to Abbi’s raving approval :)

            <p></p>

            <img src="img/brian.jpg" style="width:60%; align-content: center; padding-bottom: 20%">
            </b>

        </div>
        <b style="color: #CDCDCD;font-family: 'Gill Sans', serif; font-size:18px; font-weight: normal">

        </b>
        <p></p>
        <div class="col-sm-4" style="padding-left: 2%; padding-right: 2%">
            <b style="color: #656732; font-size:larger"> The beginning of us</b>

            <p></p>
            <b style="color: #CDCDCD; font-family: 'Gill Sans', serif; font-size:18px; font-weight: normal"> It was
                a snowy day in
                December of 2014 in Burlington, VT.
                I (Abbi) hauled myself over about a foot of snow with the crisp wind blowing in my face
                for about 1 mile from my apartment to get to Duine Duende, an eclectic American style restaurant.
                There I met a lanky, tall guy who shyly smiled and introduced himself. We awkwardly made our way to the dinner
                table and sat down- silent- for about 10 minutes. I found out- quite quickly- that I was the chatterbox compared
                to Brian and if I wanted to have a conversation I was going to have to say something first haha.
                After the food came out- delicious chicken and waffles might I add-though we talked a little bit more
                and walked out of the restaurant an hour later with smiles on our faces. I have to say from the start I felt
                like
                I had met someone special.
                From then on we met up quite regularly and in about 3 months had become fairly serious in our relationship. </b>

            <p>
            </p>
        </div>

    </div>

</div>

    <div id="Ceremony" class="tabcontent"
         style="display:none; background-color: #532C3F; color: #CDCDCD; border: solid; border-color: #656732; font-size: large; width: 55%; text-align: center; margin-left: 22%; margin-right: 22%">

        <b style="font-size: x-large; color: #888888"> Ceremony Details </b>
        <p></p>

        <p> Our Ceremony will be held at 3 p.m. at First Parish Congregational Church in Saco, Maine.</p>

        <p></p>
        Address: 12 Beach St, Saco, ME 04072

        <p></p>

        Formal or semi-formal attire requested

</div>


    <div id="Reception" class="tabcontent"
         style="background-color: #532C3F; color: #CDCDCD; border: solid; border-color: #656732; display:none; font-size: large; width: 55%; text-align: center; margin-left: 22%; margin-right: 22%">
        <b style="font-size: x-large; color:  #888888"> Reception Details </b>
        <p></p>

        <p> Our reception will be at 5 p.m. at Village by the Sea in Wells, Maine.</p>

        <p></p>
        Address: 1373 Post Rd, Wells, ME 04090
        <p></p>
        Please RSVP on the tab to the right.
        <p></p>
        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="color: darkgray">
            Dinner will be a buffet menu including the following options as entrees: </p>
        <p></p>
        Haddock Au Gratin with cheese sauce
        <p></p>
        Prime Rib
        <p></p>
        Vegetarian option


</div>

    <div id="myModal" class="modal">

        <span class="close">&times;</span>

        <img src="" class="modal-content" id="gen1">

        <div id="caption" style="font-family: 'Gill Sans', serif"></div>
    </div>

<div id="General" class="tabcontent" style="display:none">

    <img id="grad" src="img/AD%20grad%20.jpg" alt="Allison's (Brian's sister's) graduation" width="20%"
         style="border: solid; color: #33032B">


    <img id="brewery" src="img/breweryfestival .jpg" alt="Brewery festival" width="20%"
         style="border: solid; color: #33032B">

    <p></p>

    <img id="momgrad" src="img/momgrad_bandi.jpg" alt="Mom's graduation at Dartmouth" width="20%"
         style="border: solid; color: #33032B">
    <img id="running" src="img/running.jpg" alt="Covered Bridges Half Marathon 2016" width="20%"
         style="border: solid; color: #33032B">
    <img id="flight" src="img/flight.jpg" alt="London & Ireland Trip 2017" width="20%"
         style="border: solid; color: #33032B">

    <p></p>

    <img id="wedding" src="img/chel2bad.jpg" alt="At Chelsea & Sam Steward's wedding" width="20%"
         style="border: solid; color: #33032B">
    <img id="wedding2" src="img/chelsea_wed_bas.jpg" alt="At Chelsea & Sam Steward's wedding" width="20%"
         style="border: solid; color: #33032B">
    <img id="xmas" src="img/xmas.jpg" alt="Christmas 2016" width="20%" style="border: solid; color: #33032B">


</div>

<div id="Engagement" class="tabcontent" style="display:none">


    <img id="happyeng" src="img/happy_engagementphoto.jpg" alt="" width="25%" style="border: solid; color: #33032B">

    <p></p>


    <img id="eyeseng" src="img/eyes.jpg" alt="" width="25%" style="border: solid; color: #33032B">

    <p></p>

    <img id="bencheng" src="img/bench.jpg" alt="" width="20%" style="border: solid; color: #33032B">
    <img id="ringeng" src="img/ring.jpg" alt="" width="20%" style="border: solid; color: #33032B">
    <img id="hugeng" src="img/hug.jpg" alt="" width="20%" style="border: solid; color: #33032B">


</div>


    <div id="Registry" class="tabcontent" style="display:none; font-size: large; color:#33032B">

        <p style="color:#33032B; font-size: x-large">The following links will connect you to all the places we have made
            a registry</p>


        <p></p>
    <div style='vertical-align:middle; text-align:center'><a
        href='https://www.amazon.com/wedding/abishag-suresh-brian-devins-wells-june-2018/registry/3KR3IUR8E8UVR'
        target="_blank">
        <img src="img/amazon_logo_RGB.jpg" style="width: 20%; height:20%"></a></div>
    <p></p>

        <div style="width:200px; margin:0 auto;"><a target="_blank" href="http://www.honeyfund.com/wedding/devinssuresh"
                                                    style="text-align:left;background:url('http://www.honeyfund.com/share/honeyfund3.png') no-repeat;display:block;width:200px;height:100px;text-indent:-9999em;">Visit
            our honeyfund at Honeyfund.com, the free honeymoon registry</a>
            <p style="margin:0;padding:0;font-size:10px;text-align:center;">
                <a href="http://www.honeyfund.com/"></a></p></div>

        <p></p>


    <div style='vertical-align:middle; text-align:center'><a href='https://www.macys.com/wgl/registry/guest/6824087'
                                                             target="_blank">
        <img src="img/Macys_Logo.jpg" style="width:20%; height: 20%"> </a></div>
    <p></p>


        <div
            style="vertical-align:middle; background-color: #C0C0C0; border: solid black; text-align: center; padding-top: 2%; padding-bottom: 2%; width: 13%; margin-left: 43%; margin-right: 43%">
            <a href='http://www.travelersjoy.com/abbiandbrian/'
               target="_blank">
        Traveler's Joy Registry </a></div>
    <p></p>


    <div style='vertical-align:middle; text-align:center'><a target="_blank"
                                                             href='https://www.bedbathandbeyond.com/store/giftregistry/view_registry_guest.jsp?registryId=545034147&eventType=Wedding&pwsurl='>
        <img src="img/Bed_Bath_BeyondLogo.jpg" style="width:20%; height: 20%"></a></div>


</div>


    <div id="RSVP" class="tabcontent"
         style="display: none; width: 90%; height: auto; text-align: center; border: solid; border-color: #33032B; margin-left: 5%; margin-right: 5%">

        <!--<iframe-->
        <!--src="http://abbibrianwedding.rsvpify.com/"-->
        <!--frameborder="0"-->
        <!--scrolling="yes"-->
        <!--style="overflow: auto; height:100%; width:90%; border:0; text-align: center; margin-left:5%; margin-right:5%"-->
        <!--allowfullscreen></iframe>-->


        <!--<iframe id="RSVPifyIFrame"-->
        <!--style="width: 100%; border: none; overflow: auto;"-->
        <!--onload="window.parent.scrollTo(0,0)" allowtransparency="true"-->
        <!--src="http://abbibrianwedding.app.rsvpify.com/?embed=1&amp;js=1"-->
        <!--frameborder="0" scrolling="yes"></iframe>-->

        <!--<script type="text/javascript" src="http://app.rsvpify.com/embed/500052564"></script>-->
        <!--<script type="text/javascript" src="http://app.rsvpify.com/js/iframeResizer.min.js"></script>-->
        <!--<script type="text/javascript">-->
        <!--iFrameResize({-->
        <!--autoResize: false,-->
        <!--heightCalculationMethod: 'max',-->
        <!--enablePublicMethods: true,-->
        <!--scrolling: true-->
        <!--}, "#RSVPifyIFrame");-->
        <!--</script>-->

        <a href="http://abbibrianwedding.rsvpify.com" target="_blank">RSVP here
        </a>

</div>

    <div id="Travel info" class="tabcontent"
         style="display: none; background-color: #532C3F; color: #CDCDCD; border: solid; border-color: #656732; width: 55%; text-align: center; margin-left: 22%; margin-right:22%; font-size: large">


        <b style="color: #888888; font-size: x-large">Important travel information</b>
        <p></p>

        Closest Airports:

        <p></p>

        <p style="font-size: medium"> Portland International Jetport (PWM)- Portland, ME </p>
        <p style="font-size: medium"> Manchester-Boston Regional Airport- Manchester, NH </p>
        <p style="font-size: medium"> Boston International Airport (Logan)- Boston, MA </p>

        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="color: #888888"> Directions from Boston: </p>
        <p></p>

        <iframe
            src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d747682.4394193696!2d-71.37471498923787!3d42.94383106650911!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x89e37014d5da4937%3A0xc9394c31f2d5144!2sBoston+Logan+International+Airport%2C+1+Harborside+Dr%2C+Boston%2C+MA+02128!3m2!1d42.3656132!2d-71.0095602!4m5!1s0x4cb2a45eeca89d4b%3A0x3e703808b11b58c8!2s12+Beach+St%2C+Saco%2C+ME+04072!3m2!1d43.5006688!2d-70.4423336!5e0!3m2!1sen!2sus!4v1516636090976"
            width="50%" height="60%" frameborder="0" style="border:0" allowfullscreen></iframe>

        <p></p>

        Note: Amtrak also provides rail service from the Boston North Station to Portland, ME. In addition, buses are
        available
        from Logan Airport.

        <p></p>

        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="color: #888888"> Directions from Manchester: </p>

        <iframe
            src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d745448.1306925681!2d-71.505731074585!3d43.12748486799033!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x89e24ed668666ca3%3A0x6b0432461f357179!2sManchester%2C+NH!3m2!1d42.9956397!2d-71.4547891!4m5!1s0x4cb2a45eeca89d4b%3A0x3e703808b11b58c8!2s12+Beach+St%2C+Saco%2C+ME+04072!3m2!1d43.5006688!2d-70.4423336!5e0!3m2!1sen!2sus!4v1516636337131"
            width="50%" height="80%" frameborder="0" style="border:0" allowfullscreen></iframe>

        <p></p>
        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="color: #888888"> Directions from White River Junction: </p>

        <p style="width: 60%; margin-left: 20%; margin-right:20%">

            <iframe
                src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d740523.8004266518!2d-71.93801044202745!3d43.530050995203!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x4cb4cb9cfdff35bd%3A0xe460379aa54a2b52!2sWhite+River+Junction%2C+Hartford%2C+VT!3m2!1d43.6489596!2d-72.3192579!4m5!1s0x4cb2a45eeca89d4b%3A0x3e703808b11b58c8!2s12+Beach+St%2C+Saco%2C+ME+04072!3m2!1d43.5006688!2d-70.4423336!5e0!3m2!1sen!2sus!4v1516636443889"
                width="60%" height="80%" frameborder="0" style="border:0" allowfullscreen></iframe>
        </p>

        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="color: #888888"> Directions from Burlington: </p>

        <p style="color: #CDCDCD; width: 45%; margin-left: 26%; margin-right:26%">


            Quickest route (4 hours)- I89 South to White River Junction; Take I93 South Exit toward Manchester/Boston;
            Take left exit for NH 101E towards NH seacoast/Portsmouth;
            Take I95 North exit toward Portsmouth; Continue until Maine I-95 Exit 36 (Saco/Old Orchard Beach)
        </p>

        <!--</p>-->
        <!--<p style="color: #CDCDCD; width: 45%; margin-left: 26%; margin-right:26%">-->
        <!--Toll-Free/Scenic route- -->
        <!--</p>-->


        <p></p>

        <iframe
            src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d1480779.409978673!2d-72.94640353043125!3d43.540971629744625!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e0!4m5!1s0x4cca7a55b69b55e5%3A0xc35fe519720e498e!2sBurlington%2C+VT!3m2!1d44.4758825!2d-73.21207199999999!4m5!1s0x4cb2a45eeca89d4b%3A0x3e703808b11b58c8!2s12+Beach+St%2C+Saco%2C+ME+04072!3m2!1d43.5006688!2d-70.4423336!5e0!3m2!1sen!2sus!4v1516636606638"
            width="60%" height="60%" frameborder="0" style="border:0" allowfullscreen></iframe>
        <p></p>
        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="color:whitesmoke; width: 45%; margin-left: 26%; margin-right:26%">


        <p style="color: #888888"> General Map of First Parish Congregational Church (Ceremony area) Location: </p>

        <p></p>
        12 Beach St, Saco, ME 04072

        <p></p>

        <iframe
            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2894.080271077669!2d-70.44453288436316!3d43.50066097912687!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4cb2a4bd00d1864b%3A0x423fa069ff598409!2sFirst+Parish+Congregational+Church!5e0!3m2!1sen!2sus!4v1509132607428"
            height="60%" width="50%" frameborder="0"
            style="border:0; text-align: right; margin-left:25%; margin-right:25%" allowfullscreen></iframe>

        <p></p>


        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="color:whitesmoke; width: 45%; margin-left: 26%; margin-right:26%">


        <p style="color: #888888"> General Map of Village by the Sea (Reception area) Location: </p>


        <p></p>

        1373 Post Road, Wells, ME 04090
        <p></p>

        <iframe
            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6248.872290655664!2d-70.58156919999999!3d43.31538630000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e2a82f1d099823%3A0x1c08894ef0deffe9!2sVillage+By+the+Sea!5e1!3m2!1sen!2sus!4v1508944370628"
            height="60%" width="50%" frameborder="0"
            style="border:0; text-align: right; margin-left:25%; margin-right:25%" allowfullscreen></iframe>

        <p></p>

    </div>


    <div id="Bridesmaids" class="tabcontent"
         style="background-color: #532C3F; color: #CDCDCD; border: solid; border-color: #c0c0c0; display:none; font-family: 'Gill Sans', serif; font-size: large; padding-left: 2%; padding-right: 2%; width: 65%; text-align: center; margin-left: 17%; margin-right: 17%">

        <b style="font-size: x-large; color: rgb(150, 50, 100)"> About the Bridesmaids & Bridesman </b>
        <p></p>

        <p style="font-size: 20px; color:#888888">
            Brenda Warman </p>

        <b style="font-family: 'Snell Roundhand', cursive; font-size: 18px; color: #976594"> Maid of Honor </b>

        <p></p>

        I met Brenda on an Alternative Spring Break trip to Tennessee in March of 2015. We
        clicked from
        the start and started
        hanging out and talking regularly. I am so glad I met someone as special as you Brenda! Thank you for sharing in
        my special day.
        Brenda is currently a Graduate student at the University of Vermont getting her Masters so that she can be a
        Licensed Clinical Health
        Counselor.

        <p></p>


        <!--#A45855-->

        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="font-size: 20px; color: #888888">
            Caroline Suresh </p>

        <b style="font-family: 'Snell Roundhand', cursive; font-size: 18px; color: #976594"> Maid of Honor </b>

        <p></p>

        My sister and I used to be the best partners in crime (AKA 'Fantastic Four', Summers
        2005-2006)
        and she still is the
        probably the best mind-reader (of me) that I know of... :) We have our differences for sure but I love you
        and I'm so proud of you- my wicked smart and passionate sister.

        Caroline is currently a second year medical student at New York Medical College in Valhalla, NY.

        <p></p>

        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="font-size: 20px; color: #888888">
            Andrew Calkins </p>

        <b style="font-family: 'Snell Roundhand', cursive; font-size: 18px; color: #976594"> Bridesman </b>

        <p></p>

        I met Andrew in 2009 while working in a Neuroscience lab at Bowdoin. Together, Andrew
        (and
        Audrey Bergeron) and I became
        the "3 musketeers" during our time at Bowdoin and for a few years after as well. Andrew has been a very good and
        trusted friend and I thank
        you for that!

        Andrew currently does research at Dartmouth College in Hanover, NH.

        <p></p>

        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="font-size: 20px; color: #888888">
            Ignatia Chen </p>

        <b style="font-family: 'Snell Roundhand', cursive; font-size: 18px; color: #976594"> Bridesmaid </b>

        <p></p>

        Ignatia has been a strong behind-the-scenes support structure for me since I met her at
        Bowdoin. Unfortunately, due to unforeseen circumstances, she won't be able to make it over to Maine on my
        wedding day.
        However, I would still like to acknowledge her as my bridesmaid in my heart. I am glad for all the times you
        have lifted me up
        when I was feeling down Ignatia. Thank you for everything.

        She is currently living and working in Colorado.

        <p></p>

        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="font-size: 20px; color: #888888">
            Allison Devins </p>

        <b style="font-family: 'Snell Roundhand', cursive; font-size: 18px; color: #976594"> Bridesmaid </b>

        <p></p>

        Allison is Brian's youngest sibling. She has been immensely helpful in planning Abbi's bridal shower with Brenda
        and Caroline.
        Allison and Brian have always been close.

        She is currently living and working in Burlington.


    </div>

    <div id="Groomsmen" class="tabcontent"
         style="background-color: #532C3F; color: #CDCDCD; display:none; border: solid; border-color: #c0c0c0;  font-size: large; width: 65%; text-align: center; padding-left: 2%; padding-right: 2%; margin-left: 17%; margin-right: 17%">

        <b style="font-size: 24px; color: rgb(150, 50, 100)"> About the Groomsmen </b>
        <p></p>

        <p style="font-size: 20px; color:#888888">
            Christopher Potter </p>

        <b style="font-family: 'Snell Roundhand', cursive; font-size: 18px; color: #976594"> Best Man </b>

        <p></p>

        Chris and I met as freshmen at Clarkson where he lived across the hall from Spencer.
        We knew him as Potter because both he and his roommate were named Chris so obviously
        we needed a way to differentiate between them. We really became friends during Sophomore year
        when the engineering students started to take their specialized classes and he and I were taking most of the
        same ones.
        We would eventually live together in 4 person dorms during Junior and Senior years, and both had internships at
        IBM
        our last summer of college. Chris first met Abbi at Thanksgiving of 2016 when we had lunch/brunch at American
        Flatbread
        and told her of his plan to buy a castle one day. Chris currently lives in Poughkeepsie, NY.

        <p></p>
        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="font-size: 20px; color:#888888">
            Spencer Tobin </p>

        <b style="font-family: 'Snell Roundhand', cursive; font-size: 18px; color: #976594"> Groomsman </b>

        <p></p>

        Spencer is my oldest friend. I don’t actually remember when we first met but I assume it either involved youth
        hockey or soccer.
        We spent a lot of time in school together, and annoyed a few teachers in the process, including both of the
        Heeremans’.
        We ended up both applying to Clarkson and both going. Spencer had a car during college and so he and I would
        make the 4 hour treks
        back and forth with me paying for gas and snacks.
        He would end up rooming with Chris and was part of the 4 person dorms. Spencer currently lives in Erie, PA.


        <p></p>
        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="font-size: 20px; color:#888888">
            Joseph Andrist </p>

        <b style="font-family: 'Snell Roundhand', cursive; font-size: 18px; color: #976594"> Groomsman </b>

        <p></p>

        Joe is the last member of our 4 person dorms, and was my roommate from the middle of Sophomore year until the
        end of college.
        He moved onto my freshman floor for second semester and became my friend. Joe and I bonded over our love of
        computers and movies.
        He had the sound system that could get the RA to pound on the door because the movies were so loud he could hear
        it downstairs.
        Joe was one of the people who helped me break out of the shy person I was when I came to Clarkson. Joe now owns
        a house and lives
        in Albany, NY.

        <p></p>

        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="font-size: 20px; color:#888888">
            Daniel Devins </p>

        <b style="font-family: 'Snell Roundhand', cursive; font-size: 18px; color: #976594"> Groomsman </b>

        <p></p>

        Dan is my brother. People who know us know we don’t always get along, this is definitely evident in the fact
        that he chose
        to follow me onto the high school cross-country team and then follow me all the way to Clarkson for college, and
        to Dealer.com for work.
        Of the almost 4 years I have lived in Burlington, Dan and I shared an apartment for 2 ½ of it.
        While Dan and I are wildly different people we both enjoy hockey, good beer, and good food. Dan lives in
        Burlington, VT.

        <p></p>
    </div>


    <div id="Accommodations" class="tabcontent"
         style="background-color: #532C3F; color: #CDCDCD; display:none; border: solid; border-color: #656732; font-size: large; width: 55%; text-align: center; margin-left: 22%; margin-right: 22%">


        <p style="font-weight: 700; color: #888888; font-size:x-large">Stay at our reception area:
        </p>

        10 suites have been blocked out (NOT paid for) at Village by the Sea until May 15th, 2018.
        <p></p>
        Please call and book with them before this date and state that you are with the "Suresh & Devins Wedding" to
        confirm/pay for your room if you would like to stay here.

        <p></p>

        Phone number to call: 1-800-444-8862
        <p></p>
        1 bedroom units: can fit 4 guests [Price: $119/night before tax]
        <p></p>
        2 bedroom units: up to 6 guests [Price: $159/night before tax]

        <p></p>
        <a target="_blank" href="http://www.vbts.com/vacation/hotelhome.htm"> Village by the Sea </a>

        <p></p>

        **Please note: The above rates are for the lower level. If you would like an upper level room which has a view
        towards to the ocean
        it is an additional $20/night in addition to the above costs**
        <p></p>
        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>
        <p style="font-weight: 700; color:  #888888; font-size: x-large">Other hotels/motels around the area:
        </p>

        <a target="_blank"
           href="https://www.elmwood-resort.com/">

            Elmwood Resort Hotel
        </a>

        <p></p>
        <a target="_blank"
           href="http://hamptoninn3.hilton.com/en/hotels/maine/hampton-inn-saco-biddeford-PWMSCHX/index.html?WT.mc_id=zLADA0WW1HX2OLX3DA4HWB5TABL6PWMSCHX">
            Hampton Inn
        </a>

        <p></p>

        <a target="_blank"
           href="https://www.wyndhamhotels.com/ramada/saco-maine/ramada-saco-old-orchard-beach-area/overview?iata=00065402&cid=fe:ra:20161215:tabl:pp:raus:36788&tel=18009465338">
            Ramada (Wyndham Hotel) </a>
    </div>

    <div id="WeddingPictures" class="tabcontent" style="font-size: large; display: none">


        <p> Please check your email for the password.

    </div>


    <div id="Sightseeing" class="tabcontent"
         style="background-color: #532C3F; color: #CDCDCD; display:none; border: solid; border-color: #656732; font-size: large; width: 55%; text-align: center; margin-left: 22%; margin-right: 22%">

        <p style="font-size: larger; font-weight: 700; color:  #888888">Things to do around Southern Maine & Places to
            Eat (An abbreviated list)
        </p>

        <img src="img/Lighthouse.jpg" width="50%" style="border: solid; color: #33032B">

        <p></p>

        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        <p style="font-size: large"></p>

        * Portland Headlights
        <p></p>
        * Cape Elizabeth- Fort Williams Park
        <p></p>
        * Maine Mall
        <p></p>
        * Old Orchard Beach

        <p></p>

        <a target="_blank" href="https://southernmainecoast.com/areaattractions.htm">
            Southern Maine Tourist spots
        </a>

        <hr style="color: #33032B; width: 100%; height: 6px; display: block; margin: 0 auto"/>

        Places to eat around Saco:
        <p></p>
        <a target="_blank" href="http://www.therunofthemill.net/"> Run of the Mill (American) </a>
        <p></p>
        <a target="_blank" href="http://www.skippersmaine.com/"> Skippers (Quick Seafood) </a>

        <p></p>

        <a target="_blank" href="http://www.traditionssaco.com/"> Traditions (Italian Restaurant) </a>
        <p></p>

        <a target="_blank" href="http://www.pizzabymichael.com/"> Pizza by Michael's </a>

        <p></p>

        Places to eat around Wells:
        <p></p>

        <a target="_blank" href="http://www.fishermanscatchwells.com/"> Fisherman's Catch (Old school seafood place)</a>
        <p></p>

        <a target="_blank" href="http://www.litchfieldsbarandgrill.com/Content/2/Summary.aspx"> Litchfield's Bar & Grill
            (American, Sports) </a>
        <p></p>

        <a target="_blank" href="http://www.feilerestaurantandpub.com/menu.html"> Féile Irish Pub and Restaurant </a>

        <p></p>

        <a target="_blank" href="http://www.mikesclamshack.com/"> Mike's Clam Shack </a>

        <p></p>

        Places to eat around Portland:
        <p></p>

        <a target="_blank" href="http://duckfat.com/"> Duck Fat (Sandwiches) </a>
        <p></p>

        <a target="_blank" href="http://www.dimillos.com/restaurant/dinner.html"> DiMillos on the Water (Seafood
            restaurant in Old Port on the Harbor) </a>

        <p></p>

        <a target="_blank" href="https://www.flatbreadcompany.com/"> Flatbread Company (Pizza) </a>

        <p></p>

        <a target="_blank" href="http://www.bodamaine.com/dinnermenu"> Boda (Thai) </a>

        <p></p>

        <a target="_blank" href="http://www.tajofmaine.com/"> Taj (Indian) </a>

    </div>

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>


<p>
</p>
<p>
</p>
<p>
</p>
<p>
</p>


    <div
        style="position:relative; align-content: center; margin-left: 30%; margin-right: 30%; height:0;padding-bottom:56.25%">

        <video id="vid">
            <iframe width="150" height="100" src="https://www.youtube.com/embed/FM7MFYoylVs"
                    frameborder="0" allow="accelerometer; autoplay; encrypted-media;
                gyroscope; picture-in-picture" allowfullscreen></iframe>
        </video>


    </div>


    <div
    style="position:relative; bottom:10px;font-size: medium; color: black; text-align:center; width: 90%; margin:0 auto; height:30px; border:0 solid black;">
        <p>This webpage was created & designed by Abbi Suresh</p>
</div>

</div>

</body>
</html>