Filled

<div class="filled filled-icon-small filled-mono">
  <div class="row">
    <div class="filled-col filled-col-long-right col-xs-12">
      <div class="container">
        <div class="filled-mono-content ">
          <div class="filled-icon"><i class='fa fa-clock-o'></i></div>
          <div class="filled-text">
            <h3 class="filled-text-title h2">We take care of your time</h3>
            <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi</p>
            <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="filled block-tiny-alt">
  <div class="row">
    <div class="filled-col filled-col-long-right">
      <div class="hidden-xs col-sm-4 col-md-offset-1 col-md-3 col-lg-offset-2 col-lg-2 text-right filled-icon filled-icon-large"><i class='fa fa-clock-o'></i></div>
      <div class="filled-text col-sm-8 col-sm-7 col-lg-6">
        <h3 class="filled-text-title h2">We take care of your time</h3>
        <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
        <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
      </div>
    </div>
  </div>
</div>

<div class="filled filled-icon-small filled-mono block-small">
  <div class="container-fluid">
    <div class="row">
      <div class="filled-col col-xs-12 col-xs-offset-0 col-sm-6 col-sm-offset-0">
        <div class="filled-mono-content">
          <div class="filled-icon"><i class='fa fa-clock-o'></i></div>
          <div class="filled-text">
            <h3 class="filled-text-title h2">We take care of your time</h3>
            <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
            <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
          </div>
        </div>
      </div>
      <div class="filled-col col-xs-12 col-xs-offset-0 col-sm-6 col-sm-offset-0">
        <div class="filled-mono-content">
          <div class="filled-icon"><i class='fa fa-diamond'></i></div>
          <div class="filled-text">
            <h3 class="filled-text-title h2">You get top quality service</h3>
            <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
            <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="filled block-tiny-alt">
  <div class="container-fluid">
    <div class="row">
      <div class="filled-col col-xs-12 col-xs-offset-0 col-sm-6 col-sm-offset-0">
        <div class="filled-icon"><i class='fa fa-clock-o'></i></div>
        <div class="filled-text">
          <h3 class="filled-text-title h2">We take care of your time</h3>
          <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
          <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
        </div>
      </div>
      <div class="filled-col col-xs-12 col-xs-offset-0 col-sm-6 col-sm-offset-0">
        <div class="filled-icon"><i class='fa fa-diamond'></i></div>
        <div class="filled-text">
          <h3 class="filled-text-title h2">You get top quality service</h3>
          <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
          <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="filled filled-icon-small filled-mono block-small">
  <div class="container-fluid">
    <div class="row">
      <div class="filled-col col-xs-12 col-xs-offset-0 col-sm-4 col-sm-offset-0">
        <div class="filled-mono-content">
          <div class="filled-icon"><i class='fa fa-clock-o'></i></div>
          <div class="filled-text">
            <h3 class="filled-text-title h2">We take care of your time</h3>
            <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
            <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
          </div>
        </div>
      </div>
      <div class="filled-col col-xs-12 col-xs-offset-0 col-sm-4 col-sm-offset-0">
        <div class="filled-mono-content">
          <div class="filled-icon"><i class='fa fa-diamond'></i></div>
          <div class="filled-text">
            <h3 class="filled-text-title h2">You get top quality service</h3>
            <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
            <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
          </div>
        </div>
      </div>
      <div class="filled-col col-xs-12 col-xs-offset-0 col-sm-4 col-sm-offset-0">
        <div class="filled-mono-content">
          <div class="filled-icon"><i class='fa fa-commenting-o'></i></div>
          <div class="filled-text">
            <h3 class="filled-text-title h2">Excellent clients feedbacks</h3>
            <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
            <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="filled filled-icon-small block-tiny-alt">
  <div class="container-fluid">
    <div class="row">
      <div class="filled-col col-xs-12 col-xs-offset-0 col-sm-4 col-sm-offset-0">
        <div class="filled-icon"><i class='fa fa-clock-o'></i></div>
        <div class="filled-text">
          <h3 class="filled-text-title">Saving time!</h3>
          <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
          <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
        </div>
      </div>
      <div class="filled-col col-xs-12 col-xs-offset-0 col-sm-4 col-sm-offset-0">
        <div class="filled-icon"><i class='fa fa-diamond'></i></div>
        <div class="filled-text">
          <h3 class="filled-text-title">Top quality!</h3>
          <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
          <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
        </div>
      </div>
      <div class="filled-col col-xs-12 col-xs-offset-0 col-sm-4 col-sm-offset-0">
        <div class="filled-icon"><i class='fa fa-commenting-o'></i></div>
        <div class="filled-text">
          <h3 class="filled-text-title">High rating!</h3>
          <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
          <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="filled filled-icon-small filled-mono block-small">
  <div class="container-fluid">
    <div class="row">
      <div class="filled-col col-xs-12 col-sm-6 col-md-3">
        <div class="filled-mono-content">
          <div class="filled-icon"><i class='fa fa-clock-o'></i></div>
          <div class="filled-text">
            <h3 class="filled-text-title h2">We take care of your time</h3>
            <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
            <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
          </div>
        </div>
      </div>
      <div class="filled-col col-xs-12 col-sm-6 col-md-3">
        <div class="filled-mono-content">
          <div class="filled-icon"><i class='fa fa-diamond'></i></div>
          <div class="filled-text">
            <h3 class="filled-text-title h2">You get top quality service</h3>
            <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
            <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
          </div>
        </div>
      </div>
      <div class="filled-col col-xs-12 col-sm-6 col-md-3">
        <div class="filled-mono-content">
          <div class="filled-icon"><i class='fa fa-commenting-o'></i></div>
          <div class="filled-text">
            <h3 class="filled-text-title h2">Excellent clients feedbacks</h3>
            <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
            <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
          </div>
        </div>
      </div>
      <div class="filled-col col-xs-12 col-sm-6 col-md-3">
        <div class="filled-mono-content">
          <div class="filled-icon"><i class='fa fa-smile-o'></i></div>
          <div class="filled-text">
            <h3 class="filled-text-title h2">Working with us is easy and fun</h3>
            <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
            <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="filled filled-icon-small block-tiny-alt">
  <div class="container-fluid">
    <div class="row">
      <div class="filled-col col-xs-12 col-sm-6 col-md-3">
        <div class="filled-icon"><i class='fa fa-clock-o'></i></div>
        <div class="filled-text">
          <h3 class="filled-text-title">Saving time!</h3>
          <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
          <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
        </div>
      </div>
      <div class="filled-col col-xs-12 col-sm-6 col-md-3">
        <div class="filled-icon"><i class='fa fa-diamond'></i></div>
        <div class="filled-text">
          <h3 class="filled-text-title">Top quality!</h3>
          <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
          <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
        </div>
      </div>
      <div class="filled-col col-xs-12 col-sm-6 col-md-3">
        <div class="filled-icon"><i class='fa fa-commenting-o'></i></div>
        <div class="filled-text">
          <h3 class="filled-text-title">High rating!</h3>
          <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
          <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
        </div>
      </div>
      <div class="filled-col col-xs-12 col-sm-6 col-md-3">
        <div class="filled-icon"><i class='fa fa-smile-o'></i></div>
        <div class="filled-text">
          <h3 class="filled-text-title">Lot of fun!</h3>
          <p class="content">Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.</p>
          <a class="button button-border button-primary button-inverse" href="#">Read more...</a>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="filled filled-perspective">
  <div class="row">
    <div class="col-sm-6">
      <div class="img-wrapper no-img">
        
        <span class="perspective-text">Analysis</span>
      </div>
    </div>
    <div class="col-sm-6">
      <div class="img-wrapper ">
        <img src='/img/perspective/1.png' alt='Perspective 1'>
        <span class="perspective-text">Design</span>
      </div>
    </div>
    <div class="col-sm-6">
      <div class="img-wrapper ">
        <img src='/img/perspective/2.png' alt='Perspective 2'>
        <span class="perspective-text">Development</span>
      </div>
    </div>
    <div class="col-sm-6">
      <div class="img-wrapper ">
        <img src='/img/perspective/3.png' alt='Perspective 3'>
        <span class="perspective-text">Support</span>
      </div>
    </div>
  </div>
</div>

<div class="filled filled-massive">
  <div class="row">
      <div class="col-xs-12">
        <div class="container">
          <h2 class="average-heading-alt text-uppercase">Analysis</h2>
          <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum. Maecenas diam odio, commodo et dapibus ut, aliquam et leo. Suspendisse euismod ullamcorper ipsum non feugiat. Phasellus ultricies nisi tempor urna facilisis euismod. Pellentesque lectus purus, placerat eu dolor volutpat, facilisis consequat diam. Sed vehicula accumsan tortor ac posuere</p>
        </div>
      </div>
  </div>
</div>

<div class="filled filled-massive">
  <div class="row">
      <div class="col-sm-6">
        <h2 class="average-heading-alt text-uppercase">Analysis</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum. Maecenas diam odio, commodo et dapibus ut, aliquam et leo. Suspendisse euismod ullamcorper ipsum non feugiat</p>
      </div>
      <div class="col-sm-6">
        <h2 class="average-heading-alt text-uppercase">Design</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum. Maecenas diam odio, commodo et dapibus ut, aliquam et leo. Suspendisse euismod ullamcorper ipsum non feugiat</p>
      </div>
  </div>
</div>

<div class="filled filled-massive">
  <div class="row">
      <div class="col-md-4">
        <h2 class="average-heading-alt text-uppercase">Analysis</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
      </div>
      <div class="col-md-4">
        <h2 class="average-heading-alt text-uppercase">Design</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
      </div>
      <div class="col-md-4">
        <h2 class="average-heading-alt text-uppercase">Development</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante. Donec eu aliquet elit. Nulla facilisi. Nullam dignissim imperdiet condimentum</p>
      </div>
  </div>
</div>

<div class="filled filled-massive">
  <div class="row">
      <div class="col-md-6 col-lg-3">
        <h2 class="average-heading-alt text-uppercase">Analysis</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante</p>
      </div>
      <div class="col-md-6 col-lg-3">
        <h2 class="average-heading-alt text-uppercase">Design</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante</p>
      </div>
      <div class="col-md-6 col-lg-3">
        <h2 class="average-heading-alt text-uppercase">Development</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante</p>
      </div>
      <div class="col-md-6 col-lg-3">
        <h2 class="average-heading-alt text-uppercase">Support</h2>
        <p class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec elementum quis dolor vehicula suscipit. Ut interdum et arcu non hustensaft. Nullam nec volutpat felis, ac convallis tortor. Nam quis mauris metus. Nunc consectetur urna vitae tellus dapibus pulvinar id non turpis. Fusce quis nunc dictum, fringilla nisi eu, bibendum ante</p>
      </div>
  </div>
</div>