Nominees

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

<script src="//use.typekit.net/xss5ppa.js"></script>

<script>

  try {

    Typekit.load({

      async: true

    });

  } catch (e) {}

</script>

​

<div class="container">

  <br />

  <h2>Nomination Tracker</h2>

  <p>

    <div class="legend">

      <div class="btn-group">

        <span class="btn phase1 arrow" style="width:11.5%"><span class="tooltips">President Nominates<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus a orci et elementum. Cras faucibus tortor sed dui lobortis, nec vulputate enim aliquam.</span></span>

        </span>

        <span class="btn phase2 arrow" style="width:11.5%"><span class="tooltips">Senate Nominates<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus a orci et elementum. Cras faucibus tortor sed dui lobortis, nec vulputate enim aliquam.</span></span>

        </span>

        <span class="btn phase3 arrow" style="width:11.5%"><span class="tooltips">Senate Committee Vote<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus a orci et elementum. Cras faucibus tortor sed dui lobortis, nec vulputate enim aliquam.</span></span>

        </span>

        <span class="btn phase4 arrow" style="width:11.5%"><span class="tooltips">Floor Debate<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus a orci et elementum. Cras faucibus tortor sed dui lobortis, nec vulputate enim aliquam.</span></span>

        </span>

        <span class="btn phase5 arrow" style="width:11.5%"><span class="tooltips">Cloture Debate<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rhoncus a orci et elementum. Cras faucibus tortor sed dui lobortis, nec vulputate enim aliquam.</span></span>

        </span>

        <em class='right'>total process days</em>

      </div>

    </div>

  </p>

​

  <div id='nominations'>

​

  </div>

​

  <p class="nominee">

    <div class='name'>Justice New, 2016</div>

    <div class="timeline">

      <div class="btn-group">

        <span class="btn pill waiting only-pill" style="width:4%">&nbsp;</span><span class='waiting-text'>4 days and waiting</span>

      </div>

    </div>

  </p>

​

​

</div>