# Re-usage FAQ Snippet

<figure><img src="/files/lB4lRCCUp5cYn7qKWY1Q" alt=""><figcaption></figcaption></figure>

{% code lineNumbers="true" %}

```html
<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>
```

{% endcode %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://rosea.gitbook.io/scholastica-moodle-theme/theme-settings/front-page-blocks/faq/re-usage-faq-snippet.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
