index.html

---
layout: default
---

    <div class="container">
    
      
      <div class="row">
      <div class="col-md-12">
          <h2 class="section-title">Latest</h2>
         </div>
      	{% for item in site.categories.situation-report limit:1 %}
        <div class="summary-date col-md-2">
        	{{item.date|date:'%B %d, %Y'}}
        </div>
        <div class="summary-narrative col-md-10">
          <p>{{item.latest}}</p>
        </div>
        <div class="col-md-12 view-report">
          <a href="{{site.baseurl}}{{item.url}}" class="btn btn-primary pull-right">View full report</a>
        </div>
        {% endfor %}
      </div>
      

      <div class="row">
       <div class="col-md-12">
          <h2 class="section-title">Cases</h2>
         </div>
        <div class="col-md-4 col-sm-4 stat">
          Total cases<br>
          <span class="summary-cases">0</span>
          <small>Since epidemic week 1</small>
        </div>

        <div class="col-md-4 col-sm-4 stat">
          Total deaths<br>
          <span class="summary-deaths">0</span>
          <small>Since epidemic week 1</small>
        </div>

        <div class="col-md-4 col-sm-4 stat">
          New cases<br>
          <span class="summary-cases-recent">0</span>
          <small>Past 7 days</small>
        </div>
     </div>

      <div class="row">
        <div class="col-md-8 col-sm-8">
          <div id="global-epi" class="summary-curve">
     			<!-- global curve lives here -->
          </div>
          <div><small>* Data is based on official information reported by Ministries of Health</small></div>
        </div>    
    

	  <div class="col-md-4 col-sm-4">
	   <div id="cases-map" class="summary-map">
	      	 <iframe width='100%' height='300' frameBorder='0' src='{{site.baseurl}}/maps/cases-total.html'></iframe>
	   </div>
	   <div><small>* Data is from the latest complete week as of Oct 12</small></div>
	  </div>
	</div>

<!--       <div class="row">
        <div class="col-md-12">
         <div class="table-responsive">
          <table class="table transmission-table table-responsive">
            <tr class="table-labels">
              <td>Countries with widespread and intense transmission</td>

              <td></td>

              <td>Countries with initial or localized transmission</td>

              <td></td>

              <td>Countries neighboring those with intense transmission</td>

              <td></td>
            </tr>

            <tr>
              <td>Guinea</td>

              <td></td>

              <td>Nigeria</td>

              <td></td>

              <td>Benin</td>

              <td></td>
            </tr>

            <tr>
              <td>Liberia</td>

              <td></td>

              <td>Senegal</td>

              <td></td>

              <td>Burkina Faso</td>

              <td></td>
            </tr>

            <tr>
              <td>Sierra Leone</td>

              <td></td>

              <td>United States</td>

              <td></td>

              <td>Cote d'Ivorie</td>

              <td></td>
            </tr>

            <tr>
              <td></td>

              <td></td>

              <td></td>

              <td></td>

              <td>Guinea Bissau</td>

              <td></td>
            </tr>

            <tr>
              <td></td>

              <td></td>

              <td></td>

              <td></td>

              <td>Mali</td>

              <td></td>
            </tr>

            <tr>
              <td></td>

              <td></td>

              <td></td>

              <td></td>

              <td>Senegal</td>

              <td></td>
            </tr>
          </table>
         </div>
        </div>
      </div> -->
      
      <div class="row">
        <div class="col-md-12">
          <a href="{{ site.baseurl }}/cases" class="btn btn-primary pull-right">View all case data</a>
        </div>
      </div>

		<div class="row">
		  <div class="col-md-12">
            <h2 class="section-title">Response</h2>
         </div>	
			<div class="summary-narrative col-md-12">
				<p>Response monitoring data will be updated as data is available.</p>
			</div>
		</div>

		<div class="row">
        <div class="col-md-12">
          <button class="btn btn-default pull-right" style='background-color:#999;border-color:#999;'>View all response data</button>
        </div>
      </div>

       
        <div class="row">
        <div class="col-md-12">
          <h2 class="section-title">Funds</h2>
         </div>
           {% include fund-shortfall.html %}
        <div class="col-md-12">
          <a href="{{ site.baseurl }}/funds" class="btn btn-primary pull-right">View all funding data</a>
        </div>
      </div>
  
  	  </div><!-- end container -->