<nav class="navbar navbar-fixed-top" data-spy="scroll">
  <div class="container-fluid">
      <div class="row">
      <div class="navbar-header">
        <a class="navbar-brand col-lg-12 col-md-12 col-sm-12 col-xs-6" href="#top"><img src="/img/logo.png" class="img-responsive" alt="Rhino Group Logo"></a>
        <div class="col-xs-1 col-xs-offset-1 visible-xs phoneIcon text-center"><a href="#"><i class="fa fa-phone"></i></a></div>
        <button type="button" data-toggle="collapse" data-target="#navigation-bar" class="navbar-toggle collapsed col-xs-2">
          <span class="sr-only"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
      </div>
      <div class="collapse navbar-collapse top-pull-right" id="navigation-bar">
        <ul class="nav navbar-nav">
          <li class="caps"><a href="#Services">services</a></li>
          <li class="caps"><a href="#Portfolio">portfolio</a></li>
          <li class="caps"><a href="#Contact">contact</a></li>
        </ul>
      </div>
    </div>
  </div>
</nav>

<div class="about-background">
<section class="about"> <!-- begin about -->
  <div class="container-fluid">
    <div class="row" data-spy="scroll">
      <h1 class="slogan text-center">The <span class="red">POWER</span> of the <span class="blue">WEB</span></h1>
      <p class="text-center col-md-6 col-md-offset-3 col-xs-10 col-xs-offset-1  ">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>

      <button class="read-more text-center col-md-4 col-md-offset-4 col-sm-10 col-sm-offset-1 col-xs-10 col-xs-offset-1" type="button" data-toggle="collapse" data-target="#aboutUs">
        <h4 class="caps">continue reading</h4>
      </button>
        <div class="collapse panel-body col-md-10 col-md-offset-1 col-sm-10 col-sm-offset-1 col-xs-12" id="aboutUs">
          <p class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis ante vulputate, tincidunt est nec, porttitor lorem. Praesent id nisi leo. Nunc imperdiet lacus quis condimentum tempus. Vestibulum mollis, magna at fermentum consequat, turpis elit suscipit libero, ac tincidunt purus nibh vitae massa. Aenean eleifend ipsum aliquam est euismod, non convallis ante mollis. Sed maximus dui sit amet dui vestibulum mattis.
          </p>
        </div>
    </div>
  </div>
</section> <!-- end about -->