540co/ads-bpa

<header>
  <div class="header-content" id="header-style">
    <div class="container-fluid">
    <div class="row" id="intro-row">
        <div class="col-md-8 col-md-offset-2 text-center" id="header-content-text">
          <h3>Arthralgia  = Joint Pain</h3><br>
          <h1><strong id="dre-title"><span class="text-icons">D</span>rug <span class="text-icons">R</span>eactions <span class="text-icons">E</span>xplained</strong></h1>
          <p class="lead divider-color">DRE provides clear definitions to the medical terms used to describe the reactions patients have experienced when taking certain drugs.
</p>
        </div>
    </div>

            <div ng-init="init()">
            <!-- Start search -->
            <div id ="search-wrapper">
                <div class="row">
                    <div class="col-md-6 col-md-offset-3">
                        <div class="input-group" id="search">
                          <form ng-submit="search(keyword)">
                            <input type="text" class="form-control" ng-model="keyword" placeholder="Search brand name or drug (example: motrin)">
                            <button class="btn btn-dre search-btn" id="search-btn" type="submit">Search</button>
                        </form>
                        <div class="row text-center top-search">
                            <div>
                              <h6>Top Searched Terms:</h6>
                              <button type="button" ng-click="search('{{ term.search }}')" class="btn btn-default btn-sm search-tag search-common-btn text-uppercase primary-color-dark" aria-label="Left Align" ng-repeat="term in commonSearchTerms | limitTo: 5">
                                {{ term.search }}
                              </button>
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
              </div>
                <!-- End search -->

                <div class="container">
                <div class="row text-center">
                    <div class="col-md-4">
                      <h1>Search</h1>
                      <p>
                        Search by drug name or brand across <br>
                        FDA's open-source APIs.
                      </p>
                    </div>
                    <div class="col-md-4">
                      <h1>Discover</h1>
                      <p>
                        Dive into top reactions, brand names, manufacturers and more.
                      </p>
                    </div>
                    <div class="col-md-4">
                      <h1>Collaborate</h1>
                      <p>
                        Upvote/Downvote reaction definitions for those hard to pronounce med terms.
                      </p>
                    </div>
                </div>
            </div>
            </div>
            <!-- End container -->
    </div>
  </div>
</header>

        <div class="footer text-center">
              <h4><span class="accent-color">Powered</span> by</h4><br />
              <a href="https://angularjs.org/"><img src="../images/angular.png" alt="AngularJS" title="AngularJS" class="footer-icon"/></a>
              <a href="http://aws.amazon.com/"><img src="../images/aws.png" atl="Amazon Web Services" title="Amazon Web Services" class="footer-icon"/></a>
              <a href="http://getbootstrap.com/"><img src="../images/bootstrap.png" alt="Bootstrap" title="Bootstrap" class="footer-icon"/></a>
              <a href="http://bower.io/"><img src="../images/bower.png" alt="Bower" title="Bower Package Manager"  class="footer-icon"/></a>
              <a href="https://github.com/google/cadvisor"><img src="../images/cadvisor.png" alt="cAdvisor" title="cAdvisor"  class="footer-icon"/></a>
              <a href="https://codeclimate.com/"><img src="../images/code-climate.jpg" alt="Code Climate" title="Code Climate" class="footer-icon"/></a>
              <a href="https://www.docker.com/"><img src="../images/docker.png" alt="Docker" title="Docker" class="footer-icon"/></a>
              <a href="http://expressjs.com/"><img src="../images/expressjs.png" alt="ExpressJS" title="ExpressJS"class="footer-icon"/></a>
              <a href="https://github.com/"><img src="../images/github.png" alt="GitHub" title="GitHub" class="footer-icon"/></a>
              <a href="http://gruntjs.com/"><img src="../images/grunt.png" alt="Grunt JS" title="Grunt Task Runner" class="footer-icon"/></a>
              <a href="http://jasmine.github.io/"><img src="../images/jasmine.png" alt="JasmineJS" title="Jasmine Behavior-Driven JavaScript" class="footer-icon"/></a>
              <a href="http://karma-runner.github.io/0.12/index.html"><img src="../images/karma.png" alt="KarmaJS" title="KarmaJS" class="footer-icon"/></a>
              <a href="http://mochajs.org/"><img src="../images/mocha.png" alt="MochaJS" title="MochaJS" class="footer-icon"/></a>
              <a href="https://www.mongodb.org/"><img src="../images/mongodb.png" alt="MongoDB" title="MongoDB" class="footer-icon"/></a>
              <a href="https://nodejs.org/"><img src="../images/node.png" alt="NodeJS" title="NodeJS" class="footer-icon"/></a>
              <a href="https://www.runscope.com/"><img src="../images/runscope.png" alt="Runscope" title="Runscope" class="footer-icon"/></a>
              <a href="https://slack.com/"><img src="../images/slack.png" alt="Slack" title="Slack" class="footer-icon"/></a>
              <a href="https://travis-ci.org/"><img src="../images/travis-ci.png" alt="Travis-CI" title="Travis-CI" class="footer-icon"/></a>
        </div>