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?v=2">
    <link rel="stylesheet" type="text/css" href="css/video-page.css?v=2">

  </head>

  <body>
    <div class='container-fluid'>
      <div class='row'>
        <div class="video-container black">
          <div>
            <div id="player" data-video-id="3dVZW4NFNbQ"></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'>
            Jenny Holzer is a New York-based artist who uses text across a variety of media to question and convey ideas of feminism, hierarchy, oppression, and power. She is internationally recognized for her ability to spark and drive conversation through striking public displays. Her many accolades include the prestigious 1990 Leone D’Oro, the highest prize awarded at the Venice Biennale.
          </div>
          <br/>
          <div class='button-container'>
            <a type='button' class='btn btn-join btn-danger' href="https://www.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'>
            Holzer’s piece celebrates Hillary Clinton’s decades-long work to advance the rights of women and girls the world. Passages from past speeches are cast across the White House as a testament to Hillary’s work—and the milestone her presidency would represent for gender equality.
          </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?v=2'></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>