index.html

---
layout: default
---

<!-- Content for Section 1 - Catchline -->
<section id="landing">
    <div class="ui centered stackable grid display-big-screen-only">
        <div class="center aligned column">
            <div class="row">
                <div class="ui  compact menu">
                    <a class="item" href="#our-story">
                        Our Story
                    </a>
                    <a class="item" href="#warm-up-party">
                        Warm-up Party
                    </a>
                    <a class="item" href="#wedding">
                        Wedding
                    </a>
                    <a class="item" href="#new-year">
                        New Years Eve
                    </a>
                    <a class="item" href="#travel-accomodation">
                        Travel &amp; Accomodation
                    </a>
                    <a class="item" href="#around-reykjavik">
                        In and around Reykjavik
                    </a>
                     <a class="item" href="#contact">
                        Contact
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="ui centered stackable grid display-small-screen-only no-top-margin">
        <div class="right aligned column">
            <div class="row">
             <a class="launch-sidebar">
            <i class="sidebar big icon"></i>
            </a>
            </div>
        </div>
    </div>
</section>
<!-- End Content for Section 1 - Catchline-->

<!-- Content for Section 2 - Our Story -->
<section id="our-story">
    <div class="ui center aligned grid stackable relaxed-padding">
        <div class="row">
            <h1> Our Story</h1>
        </div>
        <div class="row">
            <div class="four wide middle aligned column">                      
                <img class="ui medium circular centered image" src="/images/our-story.jpg" alt= "our story"></img>
            </div>
            <div class="twelve wide middle aligned column">
                <p class="paragraph-css">
                Four years ago a young french man set sails for Iceland to discover the country of fire and ice. In search for adventure and wanting to fit in with the vikings he ended up falling in love with a local. Without a beard and blond hair the case seemed to be lost but that was without counting on his french touch to seduce her. After few nights getting to know each other she fell for his charm and as couch surfing goes he finally upgraded from the sofa!
                </p>
                <p class="paragraph-css">
                 Then fast forward, the next year was marked by numerous back and forth between France and Iceland, trying to build up as a couple despite a long distance relationship. Figuring out that they both shared a passion for travelling (and mainly dying to finally be together) they decided to take off on a year long world trip across Asia and Africa. 24/7 on each others back, what a change! If we would survive this trip we would not have any secrets anymore! Let's face it, it was not always easy but we made it and moreover, feel like we only grew stronger together!
                </p>
                <p class="paragraph-css">
                After the trip it was finally time to settle down. We both made the decision to settle in beautiful Iceland to build our nest. Isolated in the middle of the Atlantic Ocean it was the perfect place to get our lives together and continue nurturing our relationship. Two years later he proposed and a new chapter opens. We are excited to share with all of you the first page as a husband and wife. 
                </p>   
            </div>
        </div>
    </div>
</section>
<!-- End of Content for Section 2 - Our Story -->

<!-- Content for Section 3 - Warm up -->
<section id="warm-up-party">
        <div class="ui center aligned stackable grid relaxed-padding">
            <div class="six wide column">
                <h1>Warm-up Party</h1>
                <h2>28.12.2016 at 7 PM</h2>
                <h2>Sæta Svínið</h2>
                <h2>Hafnarstraeti 1-3</h2>
                <div class="border relaxed-margin paragraph-css">
                    <p>It is time for the Frenchies and the Vikings to get to know each other! Come and join us for a fun night down town Reykjavik! Pub quiz will start at 8 PM.</p>
                </div>
            </div>
        </div>
</section>
<!-- End of Content for Section 3 - Warm-up -->

<!-- Content for Section 4 - Wedding -->
<section id="wedding">
        <div class="ui center aligned grid stackable relaxed-padding">
        <div class="four wide column">
            <h1>The wedding</h1>
            <h2>30.12.2016</h2>
        </div>
        <div class="row">
             <div class="four wide middle aligned column">                      
                <img class="ui medium circular centered image" src="/images/kirkja.png" alt="church"></img>
            </div>
            <div class="eight wide middle aligned column">
                <p class="paragraph-css">
                We are looking forward to celebrate our union and share this special moment with our family and friends. The ceremony will take place at Dómkirkjan by Austurvöllur at 4:30 PM followed by a cocktail and dinner at Iðnó starting at 5:15 PM. Please bring your <a target="_blank" href="https://www.youtube.com/watch?v=YWqHkYtREAE">babelfish</a> with you as there will be talks in Icelandic, French and English!
                </p>
                <p class="paragraph-css">
                On a side note. The church is warmed so no worries! We recommend bringing warm boots, a coat, gloves and a hat for the two minutes walk over to Iðnó. Bringing heels in a bag is normal in Iceland, so no need to wear boots all night, unless you want to!
                </p>
                <p class="paragraph-css">
                We have not signed up with any gift registry but we are saving for our honeymoon. 
                </p>   
            </div>
            <div class="four wide middle aligned column">                      
                <img class="ui medium circular centered image" src="/images/idno.jpg" alt="church"></img>
            </div>
        </div>
    </div>
</section>
<!-- End of Content for Section 4 - Wedding -->

<!-- Content for Section 5 - New Year -->
<section id="new-year">
        <div class="ui center aligned stackable grid relaxed-padding">
            <div class=" ten wide column white">
                <h1>New Years Eve</h1>
                <h2>31.12.2016 at 6 PM</h2>
                <h2> Bryggjan Brugghús</h2>
                <h2>Grandagarður 8</h2>
                <div class="ui inverted compact segment relaxed-margin light-opacity">
                    <p class="paragraph-css">We will celebrate New Years Eve at Bryggjan Brugghús, Brewery and Restaurant by Reykjavik Harbor. They will put together a three course menu for 10.000 ISK per person. Please bring new years hat, glasses or a mask for the party. They have a phenomenal beer selection we recommend! Later we plan on shooting up fireworks and dancing the night away! Please send an email to trota.antoine@gmail.com for confirmation and let us know about any food allergies!</p>
                </div>
            </div>
            <div class="row">
                <button class="ui big button modal-button-menu">Food Menu</button>
            </div>
        </div>
        <div id="modal-menu" class="ui basic modal">
            <div class="row">
                <img class="ui  image" src="/images/menu.jpg" alt="menu"></img>
            </div>
        </div>
</section>


<!-- End of Content for Section 5 - New Year -->

<!-- Content for Section 6 - Travel -->
<section id="travel-accomodation">
    <div class="ui three column center aligned grid stackable relaxed-padding white">
        <div class="row">
            <h1>Travel &amp; Accomodation</h1>
        </div>
        <div class="row">
            <div class="one wide column"> 
            </div>
            <div class="six wide column border">                      
                <h2>Car Rental</h2>
                <div class="ui center aligned grid relaxed-margin">
                    <div class="ui compact segment">
                        <a  target="_blank" href="https://www.cheapjeep.is/"><h3>CheapJeep</h3></a>
                        <a  target="_blank" href="http://sadcars.com/"><h3>SadCar</h3></a>
                        <a  target="_blank" href="https://www.vikingcarrental.is/en/"><h3>VikingCar</h3></a>
                        <a  target="_blank" href="https://www.thrifty.is/"><h3>Thrifty</h3></a>
                    </div>
                </div>
                 <div class="row">
                    <p class="paragraph-css white">All other European agencies are also available (HERTZ, AVIS, etc...). If you plan to travel outside of the Reykjavik area and off the main roads we highly recommend to rent a 4x4. During the winter, roads are really often closed, please always check the <a target="_blank" href="http://www.vegagerdin.is/ferdaupplysingar/faerd-og-vedur/">road conditions</a> before planning a trip.</p>
                </div>
            </div>
            <div class="one wide column"> 
            </div>
            <div class="six wide column border white">                      
                <h2 >Housing</h2>
                    <div class="ui center aligned grid relaxed-margin">
                        <div class="ui compact segment">
                            <a  target="_blank" href="https://www.airbnb.com/"><h3>AirBnB</h3></a>
                            <a  target="_blank" href="http://www.hotelfron.is/"><h3>Hotel Fron</h3></a>
                            <a  target="_blank" href="http://www.centerhotels.com/"><h3>Center Hotels</h3></a>
                            <a  target="_blank" href="http://www.fosshotel.is/"><h3>Foss Hotels</h3></a>
                        </div>
                    </div>
                 <div class="row">
                    <p class="paragraph-css white">Hotels and Guest houses are really expensive in Iceland so we encourage that you use AirBnB for accomodation. The New Years period is one of the busiest of the year so we highly recommend that you book your accomodation as soon as possible.</p>
                </div>
            </div>
            <div class="one wide column"> 
            </div>
        </div>
    </div>
</section>
<!-- End of Content for Section 6 - Travel -->

<!-- Content for Section 6 - Travel -->
<section id="around-reykjavik">
    <div class="ui two column center aligned grid stackable relaxed-padding white">
        <div class="row">
            <h1>In and Around Reykjavik</h1>
        </div>
        <div class="row">
            <div class="seven wide column display-big-screen-only">
            <h2>Our Favorite Spots</h2>
                <iframe src="https://www.google.com/maps/d/embed?mid=103MIT23DSW63RysxWGbSPwww66g" width="400" height="300"></iframe>
            </div>
            <div class="seven wide column display-small-screen-only">
            <h2>Our Favorite Spots</h2>
                <iframe src="https://www.google.com/maps/d/embed?mid=103MIT23DSW63RysxWGbSPwww66g" width="300" height="300"></iframe>
            </div>
            <div class="seven wide column display-big-screen-only">
            <h2>Wedding Places</h2>
                <iframe src="https://www.google.com/maps/d/embed?mid=1dM45b-l2oiRXdnegqyOHF6io6fE" width="400" height="300"></iframe>
            </div>
             <div class="seven wide column display-small-screen-only">
            <h2>Wedding Places</h2>
              <iframe src="https://www.google.com/maps/d/embed?mid=1dM45b-l2oiRXdnegqyOHF6io6fE" width="300" height="300"></iframe>
            </div>
        </div>
         <div class="row">
            <div class="eight wide column">
                <h1>Auroras</h1>
                <p class="paragraph-css">Northern Lights activity varies a lot and the lights can only be spotted if there are no clouds and the activity is quite good. Here is a link to the official <a target="_blank" href="http://en.vedur.is/weather/forecasts/aurora/"> Aurora Forecast website</a> so you can be prepared for hunting while you will be in Iceland.</p>
            </div>
        </div>
    </div>
</section>
<!-- End of Content for Section 6 - Travel -->

<!-- Content for Section 7 - Contact -->
<section id="contact">
    <div class="ui center aligned stackable grid relaxed-padding">
        <div class="row">
            <h1>Contact</h1>
        </div>
        <div class="row">
            <div class="four wide column">
                <div class="ui center aligned basic segment">
                    <h3>Our Address</h3>
                    <p>Stakkholt 2a Apt 501<br>105 Reykjavik</p>
                </div>
            </div>
            <div class="four wide column">
                <div class="ui center aligned basic segment">
                    <h3>Guðrun Maria</h3>
                    <p>gudmarjo@gmail.com<br>+354 867 5435</p>
                </div>
            </div>
            <div class="four wide column">
                <div class="ui center aligned basic segment">
                    <h3>Antoine</h3>
                    <p>trota.antoine@gmail.com<br>+354 786 3442<br></p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End of Content for Section 7 - Contact -->

<script type="text/javascript">
$('.modal-button-menu').click(function(){
      $('#modal-menu').modal('show');
    });
</script>