index.html

---
layout: page
title: #WeAreWhatWeVote
permalink: /
---

<!-- Slider Start -->
<section id="slider">
  <div class="container">
    <div class="row">
      <div class="col-md-12 index-top-slider">
        <div class="col-md-3 col-sm-12">
          <h4>We're making voting as easy as ordering coffee</h4>
        </div>
        <div class="col-md-6 col-sm-12">
          <div class="block centered-block">
            <div class=" iframe-container">
              <iframe width="560" height="315" src="https://www.youtube.com/embed/vjgs-fPqccs?rel=0&amp;showinfo=0&autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen ></iframe>
            </div>
              <a href="https://www.votesaveamerica.com/ballot"><h1 class="animated fadeInUp frontButton">FIND OUT WHAT'S ON YOUR BALLOT </h1></a>
              <a href="https://www.rockthevote.org/voting-information/"><h1 class="animated fadeInUp frontButton">FIND INFO ABOUT VOTING IN YOUR STATE</h1></a>
              <!--<p class="animated fadeInUp">We love the Web and the work we do. We work closely with our clients to deliver the best possible solutions for their needs</p>-->
          </div>  
        </div>
        <div class="col-md-3 col-sm-12">
          <h4>
            Share these videos today to inspire your friends to vote!
          </h4>
        </div>
    </div>
  </div>
</section>
<!-- Wrapper Start -->
<section id="intro">
  <div class="container">
    <ul class="grid-full">
      <li class="grid-cell grid-cell-even grid-cell-smaller-odd">
        <div class="grid-cell-inner grid-cell-inner-img">
          <div class="group-img half-margin-group">
            <a href="videos"><img src="img/people2.png"></a>
            <a href="videos"><h1 style="color:black;">Meet the People</h1></a>
          </div>
        </div>
      </li>
      <li class="grid-cell grid-cell-odd grid-cell-smaller-even">
        <div class="grid-cell-inner grid-cell-front-videos iframe-grid">
          <div class="iframe-container half-margin-iframe">
            <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLZezseATSIMMkNUxcP3uSl46SErKDGLT-&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
          </div>
        </div>
      </li>
      <li class="grid-cell grid-cell-odd grid-cell-smaller-odd">
        <div class="grid-cell-inner grid-cell-inner-img2">
          <div class="poster2 half-margin-poster">
            <a href="posters"><img src="img/posters/education-borders.jpg"></a>
          </div>
        </div>
      </li>
      <li class="grid-cell grid-cell-even grid-cell-smaller-even">
        <div class="grid-cell-inner grid-cell-inner-about">
          <div class="grid-about half-margin-about">
            <h1>About Us</h1>
            <p><span class="weareblue">We Are What We Vote</span> is a project by real people for real people. We’re a bunch of artists who think it’s vitally important for everyone who can to take part in our democracy, and that voting should be as easy as ordering coffee. So we made it simple.</p>
          </div>
        </div>
      </li>
      <li class="grid-cell grid-cell-even grid-cell-smaller-odd">
        <div class="grid-cell-inner grid-cell-inner-about">
          <div class="grid-about grid-cell-social half-margin-social">
            <h1>Get social!</h1>
            <a href="https://www.instagram.com/explore/tags/wearewhatwevote/"><p>Share these posters on social media with the hashtag <span class="weareblue">#wearewhatwevote</span></p></a>
          </div>
        </div>
      </li>
      <li class="grid-cell grid-cell-odd grid-cell-smaller-even">
        <div class="grid-cell-inner grid-cell-inner-img2">
          <div class="poster2 half-margin-poster">
            <a href="posters"><img src="img/poster3.jpg"></a>
          </div>
        </div>
      </li>
    </ul>
    </div>
  </div>
</section>