OpenFn/OpenFn-Site

View on GitHub
public/the_bridge_templates/cases/index.html

Summary

Maintainability
Test Coverage
<div class="cases">
  <header class="header-image">
      <div class="headline">
        <h1>
          our <strong>Impact</strong>
        </h1>
        <h3>
          We're making technology work better for international development.
        </h3>
      </div>
  </header>
  <br>

  <div class="container impact">
    <img src="/images/impact_transparent.png" class="img-responsive" alt="Responsive image">
  </div>

  <div class="featurette description">
    <div class="container">
      <br><br>
          <p class="lead">open<strong>Marketplace</strong> is an ‘AppStore’ for social-impact technologies. Users are guided right to the technologies they need and will be able to access real usage statistics, reviews, ratings, and in-depth case studies on best practices for implementation.</p>
          <br><br>
          <p class="lead">open<strong>Integrations</strong> makes technologies more powerful by connecting them. An SMS can automatically register a patient in a clinic system. A mobile payment can trigger the digital delivery of educational content. A mobile survey submission can be instantly mapped on the web. When integration is this easy, we will start to see an entirely new generation of focused, powerful, and user-friendly ‘apps’ be built to serve the social sector.</p>
          <br><br>
          <p class="lead">Learn more about the organizations that use OpenFn in our case studies below.</p>
          <br><br>
      </div>
    </div>
  </div>

  <div class="container">
    <br><br>
    <div ng-controller="CasesController as cases">
      <div class="row" ng-repeat="case in cases | orderBy:'order'">
        <div class="container col-md-3">
          <img ng-src="{{case.picture_url}}" class="case-pic" width=250px>
        </div>
        <div class="col-md-12">
          <h2><b>{{case.title}}</b><small>&nbsp&nbsp{{case.org_name}}</small></h2>
          <div class="featurette">
            <br>
            <p class="lead" ng-bind-html="case.body"></p><br>
          </div>
        </div>
      </div>
    </div>
  </div>

  </div>
</div>