Public Lab Wiki documentation



sandbox-3

This is a revision from September 06, 2018 20:11. View all revisions
2 | 60 | | #15533

Froala Blocks

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

Button

    <p>Follow us on</p>
    <p>
      <a href="https://www.froala.com"><i class="fa fa-twitter" aria-hidden="true"></i></a>&nbsp;&nbsp;
      <a href="https://www.froala.com"><i class="fa fa-facebook" aria-hidden="true"></i></a>&nbsp;&nbsp;
      <a href="https://www.froala.com"><i class="fa fa-instagram" aria-hidden="true"></i></a>&nbsp;&nbsp;
      <a href="https://www.froala.com"><i class="fa fa-pinterest" aria-hidden="true"></i></a>&nbsp;&nbsp;
      <a href="https://www.froala.com"><i class="fa fa-google" aria-hidden="true"></i></a>
    </p>
  </div>
</div>

Design Blocks

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

      <p class="text-h3 mt-4"><a href="https://www.froala.com">Read More</a></p>
    </div>
  </div>
</div>

Froala Design Blocks

<div class="row pt-4">
  <div class="col-6 col-md-3">
    <img alt="image" class="img-fluid" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/colors_wide_1.jpg">
  </div>
  <div class="col-6 col-md-3">
    <img alt="image" class="img-fluid" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/colors_wide_2.jpg">
  </div>
  <div class="col-6 col-md-3 mt-4 mt-md-0">
    <img alt="image" class="img-fluid" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/colors_wide_1.jpg">
  </div>
  <div class="col-6 col-md-3 mt-4 mt-md-0">
    <img alt="image" class="img-fluid" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/colors_wide_2.jpg">
  </div>
</div>

Design Blocks

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.

    <p><strong>Works in every browser:</strong></p>
    <p>
      <img alt="image" class="fdb-icon" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/img_square_1.svg">
      <img alt="image" class="fdb-icon ml-2" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/img_square_2.svg">
      <img alt="image" class="fdb-icon ml-2" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/img_square_3.svg">
      <img alt="image" class="fdb-icon ml-2" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/img_square_4.svg"></p>
  </div>
  <div class="col-12 col-md-8 m-auto ml-lg-auto mr-lg-0 col-lg-6 pt-5 pt-lg-0">
    <img alt="image" class="img-fluid" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/colors_wide_1.jpg">
  </div>
</div>

Froala Design Blocks

<div class="row-70"></div>

<div class="row text-center justify-content-sm-center no-gutters">
  <div class="col-12 col-sm-10 col-md-8 col-lg-7 col-xl-3 m-auto">
    <div class="fdb-box fdb-touch">
      <h2>Feature 1</h2>
      <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia.</p>
      <p class="mt-4"><a href="https://www.froala.com">Learn More &gt;</a></p>
    </div>
  </div>
  <div class="col-12 col-sm-10 col-md-8 col-lg-7 col-xl-3 m-auto pt-5 pt-xl-0">
    <div class="fdb-box fdb-touch">
      <h2>Feature 2</h2>
      <p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
      <p class="mt-4"><a href="https://www.froala.com">Learn More &gt;</a></p>
    </div>
  </div>
  <div class="col-12 col-sm-10 col-md-8 col-lg-7 col-xl-3 m-auto pt-5 pt-xl-0">
    <div class="fdb-box fdb-touch">
      <h2>Feature 3</h2>
      <p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p>
      <p class="mt-4"><a href="https://www.froala.com">Learn More &gt;</a></p>
    </div>
  </div>
</div>

Froala Design Blocks

<div class="row text-left align-items-center pt-5 pb-md-5">
  <div class="col-4 col-md-5">
    <img alt="image" class="img-fluid" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/img_square_1.svg">
  </div>

  <div class="col-12 col-md-5 m-md-auto">
    <h2><strong>Feature One</strong></h2>
    <p class="text-h3">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
    <p><a href="https://www.froala.com">Learn More &gt;</a></p>
  </div>
</div>

<div class="row text-left align-items-center pt-5 pb-md-5">
  <div class="col-4 col-md-5 m-md-auto order-md-5">
    <img alt="image" class="img-fluid" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/img_square_3.svg">
  </div>

  <div class="col-12 col-md-5">
    <h2><strong>Feature Two</strong></h2>
    <p class="text-h3">Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
    <p><a href="https://www.froala.com">Learn More &gt;</a></p>
  </div>
</div>

<div class="row text-left align-items-center pt-5">
  <div class="col-4 col-md-5">
    <img alt="image" class="img-fluid" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/img_square_2.svg">
  </div>

  <div class="col-12 col-md-5 m-md-auto">
    <h2><strong>Feature Three</strong></h2>
    <p class="text-h3">On her way she met a copy. The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn
      around.</p>
    <p><a href="https://www.froala.com">Learn More &gt;</a></p>
  </div>
</div>