index.html

<!DOCTYPE html>
<!--
 ____             ____
|  _ \  _____   _|  _ \ _ __ ___   __ _ _ __ ___  ___ ___  _   _ ___
| | | |/ _ \ \ / / |_) | '__/ _ \ / _` | '__/ _ \/ __/ __|| | | / __|
| |_| |  __/\ V /|  __/| | | (_) | (_| | | |  __/\__ \__ \| |_| \__ \
|____/ \___| \_/ |_|   |_|  \___/ \__, |_|  \___||___/___(_)__,_|___/
                                  |___/
 xxxxxxxxxxxxxxxxxxxxxxx
x                     //x
x   xxxxxxxxxxxxxxxxx///x   We are volunteers using our skills and expertise
x  x                 x//x   to create tech tools to help elect Hillary
x  x                 x//x   Clinton and other Democratic and progressive
x  x     .           x//x   candidates. We are coders, designers, leaders,
x  x  __.'.__        x//x   writers, mentors, and researchers. Each project
x  x '-.   .-'       x//x   we work on focuses on an app, service, data
x  x   /.'.\         x//x   resource, or other technology to advance the
x  x   '   '         x//x   cause. We are a team — join us!
x   xxxxxxxxxxxxxxxxx///x
x///////////////////////x   http://DevProgress.us
 xxxxxxxxxxxxxxxxxxxxxxx

-->

  <head>
    <!-- This header content from https://getbootstrap.com/examples/grid/ -->
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <!-- meta name='viewport' content='width=device-width, initial-scale=1'-->
    <meta name='viewport' content='width=device-width, initial-scale=1'>

    <meta name='description' content='Women for Hillary'>
    <link rel='icon' href='img/favicon.ico'>

    <title>Artists for Hillary</title>

    <link href='vendor/bootstrap/css/bootstrap.min.css' rel='stylesheet'>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <!-- https://github.com/Haixing-Hu/bootstrap3-ie10-viewport-bug-workaround -->
    <link href='vendor/ie10-viewport-bug-workaround.css' rel='stylesheet'>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src='vendor/html5shiv.min.js'></script>
      <script src='vendor/respond.min.js'></script>
    <![endif]-->

    <link rel="stylesheet" type="text/css" href="css/site.css">
    <link rel="stylesheet" type="text/css" href="css/video-page.css">

  </head>

  <body>
    <div class='container-fluid'>
      <div class='row'>
        <div class="video-container white">
          <div>
            <div id="player" data-video-id="sr5ec4o7zr8"></div>
          </div>
        </div>
      </div>
      <div class='bottom-gray-bar row'>
        <div class='col-sm-6 padded-left'>
          <div class='bottom-title'>
            About the artist:
          </div>
          <div class='bottom-paragraph'>
            Cruz Ortiz is a San Antonio-based artist who uses print, film, and performance to convey his experience growing up in the bicultural landscape of South Texas. He's been invited to show his work in exhibitions at the Louvre, Ev-A, the Los Angeles County Museum of Art (LACMA), and many stages across the globe. Ortiz is also the founder of Snake Hawk Press, a boutique design firm focused on printmaking.
          </div>
          <br/>
          <div class='button-container'>
            <a class="btn btn-join btn-danger" href="https://hillaryclinton.com/volunteer">Volunteer for Hillary</a>
          </div>
        </div>
        <div class='col-sm-6 padded-right'>
          <div class='bottom-title'>
            About the project:
          </div>
          <div class='bottom-paragraph'>
            Ortiz wanted to create a bold flag that would reflect America’s rich diversity. His incorporated meso-American design principles, along with patterns developed by Native American and African American quiltmakers. The word “ganas”—Spanish for ‘want’ or ‘desire’’—is superimposed on the flag as a symbol of our shared desire to achieve the American dream.
          </div>
          <br/>
          <div class='bottom-title attribution-title'>
              Paid for by Hillary for America
          </div>
          <div class='attribution'>
            <a target='_blank' href='https://www.hillaryclinton.com/page/terms-of-service/'>Terms of Service</a> &amp; <a target='_blank' href='https://www.hillaryclinton.com/page/privacy-policy/'>Privacy Policy</a>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script src='js/video-play.js'></script>

  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-1161728-1', 'auto');
    ga('send', 'pageview');
  </script>

  <script type="text/javascript">
     window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=t.forceSSL||"https:"===document.location.protocol,a=document.createElement("script");a.type="text/javascript",a.async=!0,a.src=(r?"https:":"http:")+"//cdn.heapanalytics.com/js/heap-"+e+".js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(a,n);for(var o=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","removeEventProperty","setEventProperties","track","unsetEventProperty"],c=0;c<p.length;c++)heap[p[c]]=o(p[c])};
    heap.load("3493884778");
  </script>
</html>