Event Cards

<section id="two" class="wrapper alt style2">
  <section class="spotlight">
    <div class="image"><img src="images/the_couple.jpg" alt="" /></div>
    <div class="content">
      <h2>The Couple</h2>
      <h3>Take the quiz !</h3>
      <p>
        We could tell you our story ... or we could see how well you know it.
      </p>
      <ul class="actions">
        <a href="pages/the_couple.html" class="button primary fit">Challenge Accepted !</a>
      </ul>
    </div>
  </section>
</section>

<section id="two" class="wrapper alt style2">
  <!-- Event 1: The Couple -->
  <section class="spotlight">
    <div class="image"><img src="images/the_couple.jpg" alt="" /></div>
    <div class="content">
      <h2>The Couple</h2>
      <h3>Take the quiz !</h3>
      <p>
        We could tell you our story ... or we could see how well you know it.
        Find some inside secrets and facts you probably have never heard about.
        <ul class="actions">
          <a href="pages/the_couple.html" class="button primary fit">Challenge Accepted !</a>
        </ul>
      </p>
    </div>
  </section>

  <!-- Event 2: Schedule -->
  <section class="spotlight">
    <div class="image"><img src="images/schedule.jpg" alt="" /></div>
    <div class="content">
      <h2>Schedule</h2>
      <h3>Here's what we have in store</h3>
      <p>
        Find the detailed list of events, location inside the venue and hints on the dress code.
        <ul class="actions">
          <a href="pages/schedule.html" class="button primary fit">Let's have some fun!</a>
        </ul>
      </p>
    </div>
  </section>

  <!-- Event 3: Encomium -->
  <section class="spotlight">
    <div class="image"><img src="images/encomium.jpg" alt="" /></div>
    <div class="content">
      <h2>Encomium</h2>
      <h3>An ode to memories that last forever</h3>
      <p>
        The greatest storytellers, heroes, source of unconditional love and the keepers of traditions.
        <ul class="actions">
          <a href="pages/encomium.html" class="button primary fit">A trip down memory lane !</a>
        </ul>
      </p>
    </div>
  </section>
</section>

<section class="spotlight">
  <div class="image"><img src="images/travel_and_accomadation.jpg" alt="" /></div>
  <div class="content">
    <h2>Travel and Accommodation</h2>
    <h3>One stop shop to make your attendance a breeze</h3>
    <p>
      Are you traveling from out of station and need help booking a room?
      Want tips on best route to the venue?
      Fear not, we have got you covered.
    </p>
    <ul class="actions">
      <a href="pages/travel_and_accommodation.html#Accommodation Form" class="button primary fit">Take me to the form !</a>
      <a href="pages/travel_and_accommodation.html#Tips" class="button">Give me tips !</a>
    </ul>
  </div>
</section>

<a href="pages/travel_and_accommodation.html#Accommodation Form" class="button primary fit">
  Take me to the form !
</a>

<section id="one" class="wrapper style1 special">
  <div class="inner">
    <header class="major">
      <h2>Happily married since</h2>
      <div class="countdown">
        <h2 class="days">Time</h2>
        <h2>Days |</h2>
        <h2 class="hours">Time</h2>
        <h2>Hours |</h2>
        <h2 class="minutes">Time</h2>
        <h2>Minutes |</h2>
        <h2 class="seconds">Time</h2>
        <h2>Seconds</h2>
      </div>
    </header>
    <ul class="icons major">
      <li><span class="icon fa-gem major style1"><span class="label">Lorem</span></span></li>
      <li><span class="icon solid fa-heart major style2"><span class="label">Ipsum</span></span></li>
      <li><span class="icon solid fa-ring major style3"><span class="label">Dolor</span></span></li>
      <li><span class="icon solid fa-clock major style4"><span class="label">Dolor</span></span></li>
    </ul>
    <section>
      <p>
        Click the button below to <b>confirm</b> your attendance for <i>all</i> or <i>specific events.</i>
      </p>
      <ul class="actions">
        <a href="pages/confirm_attendance.html#Confirm Attendance" class="button primary fit">Confirm Attendance / RSVP</a>
      </ul>
    </section>
  </div>
</section>

<section id="three" class="wrapper style3 special">
  <div class="inner">
    <header class="major">
      <h2>A heartfelt thanks to everyone involved</h2>
      <p>This is a token of appreciation and gratitude.</p>
    </header>
    <ul class="features">
      <li class="icon fa-building">
        <h3><a href="http://www.thenesara.com/">Nesara Center For Culture</a></h3>
        <p>
          Set in an idyllic locale on the outskirts of Bangalore, Nesara is stunningly landscaped.
        </p>
      </li>
      <li class="icon solid fa-camera-retro">
        <h3><a href="https://pixelenastudio.com/">Pixelena Studio</a></h3>
        <p>
          Specializing in wedding photography, they capture the very essence of your wedding day.
        </p>
      </li>
      <li class="icon solid fa-video">
        <h3><a href="https://pixelstream.in/">Pixel Stream</a></h3>
        <p>
          One of the leading production houses incorporating passionate Photographers & Videographers.
        </p>
      </li>
      <li class="icon solid fa-utensils">
        <h3><a href="#">Rao Caterers</a></h3>
        <p>
          Best known for their traditional South Indian delicacies and customer satisfaction.
        </p>
      </li>
    </ul>
  </div>
</section>