Re-usage FAQ Snippet

<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 class="wrapper-fw mt-3">
  <div id="courseFAQ" class="accordion">
    <div class="accordion-item">
      <h3 id="heading1" class="accordion-header"><button
          class="accordion-button collapsed" type="button"
          data-toggle="collapse" data-target="#q1" aria-expanded="false"
          aria-controls="collapse1">What is included with my purchase of
          monocolor?</button></h3>
      <div id="q1" class="accordion-collapse collapse"
        aria-labelledby="heading1" data-parent="#courseFAQ">
        <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. </li>
            <li>8 bundled premium plugins. </li>
            <li>22+ prebuilt front-page blocks, </li>
            <li>Completely redesigned Moodle interface,</li>
            <li>Detailed documentation, continually updated to ensure everything
              is current.  </li>
            <li>Free, consistent, and stable updates to ensure compatibility
              with industry standards &amp; trends. </li>
            <li>Monocolor works with popular 3rd party Moodle plugins</li>
          </ul>
        </div>
      </div>
    </div>
    <div class="accordion-item">
      <h3 id="heading2" class="accordion-header"><button
          class="accordion-button collapsed" type="button"
          data-toggle="collapse" data-target="#q2" aria-expanded="false"
          aria-controls="collapse2">Where can I get support?</button></h3>
      <div id="q2" class="accordion-collapse collapse"
        aria-labelledby="heading2" data-parent="#courseFAQ">
        <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"
            rel="noopener">support page</a>.</div>
      </div>
    </div>
    <div class="accordion-item">
      <h3 id="heading3" class="accordion-header"><button
          class="accordion-button collapsed" type="button"
          data-toggle="collapse" data-target="#q3" aria-expanded="false"
          aria-controls="collapse3">Where can I find theme
          documentation?</button></h3>
      <div id="q3" class="accordion-collapse collapse"
        aria-labelledby="heading3" data-parent="#courseFAQ">
        <div class="accordion-body">
          <p dir="ltr" style="text-align: left;">Please visit <a
              href="https://rosea.gitbook.io/monocolor/" target="_blank"
              rel="noopener">https://rosea.gitbook.io/monocolor/</a> to learn
            more about the theme.</p>
        </div>
      </div>
    </div>
    <div class="accordion-item">
      <h3 id="heading4" class="accordion-header"><button
          class="accordion-button collapsed" type="button"
          data-toggle="collapse" data-target="#q4" aria-expanded="false"
          aria-controls="collapse4">Are the pre-built blocks fully
          customizable?</button></h3>
      <div id="q4" class="accordion-collapse collapse"
        aria-labelledby="heading4" data-parent="#courseFAQ">
        <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 class="btn btn-sm btn-dark"
              href="https://rosea.gitbook.io/monocolor/getting-started/front-page-blocks"
              target="_blank" rel="noopener">Learn more about pre-build
              blocks</a></p>
        </div>
      </div>
    </div>
  </div>
  <!-- accordion-->
</div>