Block #12

Tips:

  1. How to hide any element for non-logged in users or show it only for logged in users? Learn more

  2. Title modifications - Learn more

Available options

  • Turn on

  • Show Block Separator (hr)

  • Additional Class Name (only for developers)

  • Intro Title

  • Intro Content

  • HTML Content

  • Footer Content

Preview

Code snippet

<div class="row">

    <!-- Start item -->
    <div class="col-12 col-md-3 px-3 my-3 my-lg-0 text-center">
        <div class="display-3 mb-2">$99<sup class="text-muted">/ $3k</sup></div>
        <p class="text-light">Standard / Extended License</p>
    </div>
    <!-- End item -->

    <!-- Start item -->
    <div class="col-12 col-md-3 px-3 my-3 my-lg-0 text-center">
        <div class="display-3 mb-2">Free</div>
        <p class="text-light">Updates and bug fixes</p>
    </div>
    <!-- End item -->

    <!-- Start item -->
    <div class="col-12 col-md-3 px-3 my-3 my-lg-0 text-center">
        <div class="display-3 mb-2">1900+</div>
        <p class="text-light">Trusted users</p>
    </div>
    <!-- End item -->

    <!-- Start item -->
    <div class="col-12 col-md-3 px-3 my-3 my-lg-0 text-center">
        <div class="display-3 mb-2">Moodle</div>
        <p class="text-light">Compatible with Moodle 3.11 and later e.g Moodle 4.0</p>
    </div>
    <!-- End item -->
</div>

Last updated