Re-usage FAQ Snippet

<div class="wrapper-fw rui-fp-block--18 ">
    <div class="wrapper-fw">
        <h3 class="rui-block-title text-left">Frequently Asked Questions</h3>
        <div class="rui-block-desc text-left">Simple FAQ block. You can add up to 20 items. Of course, you can copy an HTML code and reuse it everywhere on the page.</div>
    </div>
    <div class="wrapper-fw mt-3">
        <div class="accordion" id="block18Accordion">
            <div class="accordion-item">
                <h3 class="accordion-header" id="heading1"><button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse1" aria-expanded="false" aria-controls="collapse1">What is included with my purchase of monocolor?</button></h3>
                <div id="collapse1" class="accordion-collapse collapse" aria-labelledby="heading1" data-parent="#block18Accordion">
                    <div class="accordion-body">With your purchase of Monocolor, you will receive:
                        <ul class="rui-special-list rui-special-list--primary">
                            <li>6 months of free professional support.&nbsp;</li>
                            <li>8 bundled premium plugins.&nbsp;</li>
                            <li>22+ prebuilt front-page blocks,&nbsp;</li>
                            <li>Completely redesigned Moodle interface,</li>
                            <li>Detailed documentation, continually updated to ensure everything is current.&nbsp;&nbsp;</li>
                            <li>Free, consistent, and stable updates to ensure compatibility with industry standards &amp; trends.&nbsp;</li>
                            <li>Monocolor works with popular 3rd party Moodle plugins</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h3 class="accordion-header" id="heading2"><button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">Where can I get support?</button></h3>
                <div id="collapse2" class="accordion-collapse collapse" aria-labelledby="heading2" data-parent="#block18Accordion">
                    <div class="accordion-body">You can use standard ThemeForest support form (on the product page) or use dedicated <a href="https://roseathemes.ticksy.com" target="_blank">support page</a>.</div>
                </div>
            </div>
            <div class="accordion-item">
                <h3 class="accordion-header" id="heading3"><button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse3" aria-expanded="false" aria-controls="collapse3">Where can I find theme documentation?</button></h3>
                <div id="collapse3" class="accordion-collapse collapse" aria-labelledby="heading3" data-parent="#block18Accordion">
                    <div class="accordion-body">
                        <p dir="ltr" style="text-align: left;">Please visit&nbsp;<a href="https://rosea.gitbook.io/monocolor/" target="_blank">https://rosea.gitbook.io/monocolor/</a> to learn more about the theme.</p>
                    </div>
                </div>
            </div>
            <div class="accordion-item">
                <h3 class="accordion-header" id="heading4"><button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#collapse4" aria-expanded="false" aria-controls="collapse4">Are the pre-built blocks fully customizable?</button></h3>
                <div id="collapse4" class="accordion-collapse collapse" aria-labelledby="heading4" data-parent="#block18Accordion">
                    <div class="accordion-body">Yes, each prebuilt block is 100% customizable. It is HTML code with custom CSS classes, based on Bootstrap 4.x<p>You can add your own imagery, change text, change colors or completely change the block structure.</p>
                        <p><a href="https://rosea.gitbook.io/monocolor/getting-started/front-page-blocks" target="_blank" class="btn btn-sm btn-dark">Learn more about pre-build blocks</a></p>
                    </div>
                </div>
            </div>
        </div><!-- accortion-->
    </div><!-- wrapper-md -->
    <div class="rui-block-footer wrapper-md">
        <div>Learn how to use this block on any Moodle subpage. Check out the documentation page <a href="https://rosea.gitbook.io/monocolor/getting-started/front-page-blocks/block-18-faq" class="underline--anim" target="_blank">here</a>.</div>
    </div>
</div>
view rawmonocolor-block-18.html hosted with ❤ by GitHub