<div class="row justify-content-center">
    <div class="py-2">
        <p class="text-center"><a class="btn btn-outline-secondary" data-toggle="collapse" href="#bootstrap-material-notice" role="button" aria-expanded="false" aria-controls="bootstrap-material-notice">About Material Design, Bootstrap &amp; Materialize</a></p>
        <div class="collapse" id="bootstrap-material-notice">
            <div class="card card-body">
                <h2 class="h4 mt-0 mb-4">PHP Form Builder's Material Forms can be built with Bootstrap 4 or Materialize framework.</h2>
                <h3 class="h5 mb-3">Bootstrap Material Forms</h3>
                <ul class="text-muted">
                    <li><strong>Bootstrap 4</strong> is the framework used as the <strong>main css</strong> on your page</li>
                    <li><strong>Material Design</strong> is a customized version of Materialize framework containing only the <strong>minimal css/js</strong> required for forms.</li>
                    <li>These forms are using PHP Form Builder's <a href="https://www.phpformbuilder.pro/documentation/jquery-plugins.php#material-design">materialize plugin</a></li>
                </ul>
                <hr>
                <h3 class="h5 mb-3">Pure Material Forms</h3>
                <ul class="text-muted">
                    <li><strong>Materialize</strong> is the framework used as the <strong>main css</strong> on your page</li>
                    <li>These forms don't use any extra plugin</strong></a></li>
                </ul>
                <hr>
                <p class="text-muted mb-0">Detailed explanations here: <a href="https://www.phpformbuilder.pro/documentation/class-doc.php#frameworks">Material Design Forms</a></p>
            </div>
        </div>
    </div>
</div>
