index.html

---
layout: default
---

<body>
  <!-- form does nothing right now -->
  <form action="process.php" method="POST">
 
<label>State:</label>
 <select name="state" class="states" id="stateId">
    <option value="">Select State</option>
</select>
<label>City:</label>
<select name="city" class="cities" id="cityId">
 <option value="">Select City</option>
</select>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="//geodata.solutions/includes/countrystatecity.js"></script>
</select>  
</form>

  <br>
  <hr>
    
  <iframe id ="myFrame" width="900" height="700" frameborder = "0" scrolling = "no" src="city_baton_rouge.html"></iframe>

<script>
function myFunction() {
  document.getElementById("myFrame").src = "https://www.hello-world.com";
}
</script>


  <hr>
  <h3>Current infection rate of:</h3>
  <p> 3.56 </p>
  <br>
  <br>
  <h3>Total cases: </h3>
  <p> 34,542 confirmed </p>
  <br>
  <br>
  <h3>Total deaths:</h3>
  <p> 7,321 deaths </p>
  <br>
  <br>
  <h3>Total recoveries:</h3>
  <p> 1,231 recoveries </p>
  <br>
  <br>
    
 
</body>