old_sections.html

  <!-- Services -->
  <section id="services" class="services bg-primary text-white">
    <div class="header  service-image route-improvements"></div>
    <div class="container text-center">
      <h2>
        API
      </h2>
      <h4>
        Access speed and reliability metrics for routes using our GraphQL API.
      </h4>
    </div>
  </section>

  <section id="services" class="services bg-primary text-white">
    <div class="header  service-image new-routes"></div>
    <div class="container text-center">
      <h2>
        Visualize
      </h2>
      <h4>
        Visualize speed and reliability metrics for routes in our web-app (launching in early February).
      </h4>
    </div>
  </section>

  <section id="services" class="services bg-primary text-white">
    <div class=" header service-image crowding"></div>
    <div class="container text-center">
      <h2>
        Engage
      </h2>
      <h4>
        See Muni’s proposed projects on a map, comment on them, learn about the thoughts of other stakeholders, reach out to elected officials, and engage with your community's transit planning.  
      </h4>
    </div>
  </section>

  <section id="services" class="services bg-primary text-white">
    <div class=" header service-image disruptions"></div>
    <div class="container text-center">
      <h2>
        Trips
      </h2>
      <h4>
        Enter your trips to learn how proposed projects could impact your commute and transit usage.  
      </h4>
    </div>
  </section>

  <section id="services" class="services bg-primary text-white">
    <div class=" header service-image optimize"></div>
    <div class="container text-center">
      <h2>
        Optimize
      </h2>
      <h4>
        Discover how taking more or less transit will affect your commute.  
      </h4>
    </div>
  </section>