<section id="featured">
  <!-- start slider -->
  <!-- Slider -->
  <div id="nivo-slider">
    <div class="nivo-slider">
      <!-- Slide #1 image -->
      <img src="img/layouts/home/justice.jpg" alt="Enviable track record" title="#caption-1" />
      <!-- Slide #2 image -->
      <img src="img/layouts/home/contract.jpg" alt="Client focused" title="#caption-2" />
      <!-- Slide #3 image -->
      <img src="img/layouts/home/library.jpg" alt="Specialized skills" title="#caption-3" />
    </div>
    <div class="container">
      <div class="row">
        <div class="span12">
          <!-- Slide #1 caption -->
          <div class="nivo-caption" id="caption-1">
            <div>
              <h2><strong>E<span class="highlight">nv</span>iable</strong> track record</h2>
              <p>
                Established in the Port Elizabeth and Eastern Cape region. We have an enviable track record spanning 15 years.
              </p>
              <a href="about" class="btn btn-theme">About our company</a>
            </div>
          </div>
          <!-- Slide #2 caption -->
          <div class="nivo-caption" id="caption-2">
            <div>
              <h2><strong>Client</strong> focused</h2>
              <p>
                We are perfectly placed in order to steer you to safe waters.
              </p>
              <a href="services" class="btn btn-theme">Our Services</a>
            </div>
          </div>
          <!-- Slide #3 caption -->
          <div class="nivo-caption" id="caption-3">
            <div>
              <h2><strong>Specialized</strong> skills</h2>
              <p>
                We uniquely, provide value-adding, solution-orientated service to our clients.
              </p>
              <a href="team" class="btn btn-theme">Meet our team</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- end slider -->
</section>
<section class="callaction">
  <div class="container">
    <div class="row">
      <div class="span12">
        <div class="big-cta">
          <div class="cta-text">
            <h3>Get in <span class="highlight"><strong>touch</strong></span> with us.</h3>
          </div>
          <div class="cta floatright">
            <a class="btn btn-large btn-theme btn-rounded" href="contact">Contact Us</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section id="content">
  <div class="container">
    <div class="row">
      <div class="span12">
        <div class="row">
          <div class="span3">
            <div class="box aligncenter">
              <div class="aligncenter icon">
                <img src="img/layouts/home/services/commercial.jpg" class="img-polaroid" alt="Commercial Litigation and Public Law Practice" />
              </div>
              <div class="text">
                <a class="link lead" href="services#commercial-litigation-and-public-law-practice"><strong>Commercial Litigation and Public Law Practice</strong></a>
              </div>
            </div>
          </div>
          <div class="span3">
            <div class="box aligncenter">
              <div class="aligncenter icon">
                <img src="img/layouts/home/services/litigation.jpg" class="img-polaroid" alt="General Litigation" />
              </div>
              <div class="text">
                <a class="link lead" href="services#general-litigation"><strong>General Litigation</strong></a>
              </div>
            </div>
          </div>
          <div class="span3">
            <div class="box aligncenter">
              <div class="aligncenter icon">
                <img src="img/layouts/home/services/criminal.jpg" class="img-polaroid" alt="Criminal Law Litigation" />
              </div>
              <div class="text">
                <a class="link lead" href="services#criminal-law-litigation"><strong>Criminal Law Litigation</strong></a>
              </div>
            </div>
          </div>
          <div class="span3">
            <div class="box aligncenter">
              <div class="aligncenter icon">
                <img src="img/layouts/home/services/debt.jpg" class="img-polaroid" alt="Debt Collection" />
              </div>
              <div class="text">
                <a class="link lead" href="services#debt-collection"><strong>Debt Collection</strong></a>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="span3">
            <div class="box aligncenter">
              <div class="aligncenter icon">
                <img src="img/layouts/home/services/property.jpg" class="img-polaroid" alt="Property Law and Conveyancing" />
              </div>
              <div class="text">
                <a class="link lead" href="services#property-law-and-conveyancing"><strong>Property Law and Conveyancing</strong></a>
              </div>
            </div>
          </div>
          <div class="span3">
            <div class="box aligncenter">
              <div class="aligncenter icon">
                <img src="img/layouts/home/services/business.jpg" class="img-polaroid" alt="Insolvency, Business Rescue and Estate Planning" />
              </div>
              <div class="text">
                <a class="link lead" href="services#insolvency-business-rescue-and-estate-planning"><strong>Insolvency, Business Rescue and Estate Planning</strong></a>
              </div>
            </div>
          </div>
          <div class="span3">
            <div class="box aligncenter">
              <div class="aligncenter icon">
                <img src="img/layouts/home/services/labour.jpg" class="img-polaroid" alt="Labour and Employment Law" />
              </div>
              <div class="text">
                <a class="link lead" href="services#labour-and-employment-law"><strong>Labour and Employment Law</strong></a>
              </div>
            </div>
          </div>
          <div class="span3">
            <div class="box aligncenter">
              <div class="aligncenter icon">
                <img src="img/layouts/home/services/entertainment.jpg" class="img-polaroid" alt="Entertainment Law" />
              </div>
              <div class="text">
                <a class="link lead" href="services#entertainment-law"><strong>Entertainment Law</strong></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section id="bottom">
  <div class="container">
    <div class="row">
      <div class="span12">
        <div class="aligncenter">
          <div id="twitter-wrapper">
            <div id="twitter">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>