<div id="inputForm">
  <h1>5 Day Forecast</h1>
  <input class="animated pulse" type="text" placeholder="Enter zip code">
  <span id="getWeather" class="animated bounceInRight">&#x26C5;</span>
</div>

<div id="container" class="hidden">
  <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner" role="listbox">

      <div class="carousel-item active">
      </div>

      <div class="carousel-item" data-pause="hover">
      </div>

      <div class="carousel-item" data-pause="hover">
      </div>

      <div class="carousel-item" data-pause="hover">
      </div>

      <div class="carousel-item" data-pause="hover">
      </div>

      <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>

  </div>