---
layout: default
---

  <!-- Promo Section -->
  <section class="duik-promo bg-primary">
    <div class="container duik-promo-container">
      <div class="d-flex mh-25rem pt-11 py-6">
        <div class="align-self-center">
          <h1 class="text-white font-weight-light mb-3">Frequently Asked Questions</h1>

          <nav aria-label="breadcrumb">
            <ol class="breadcrumb breadcrumb-light">
              <li class="breadcrumb-item"><a href="/">Home</a></li>
              <li class="breadcrumb-item active" aria-current="page">FAQ</li>
            </ol>
          </nav>
        </div>
      </div>
    </div>

    <!-- SVG BG -->
    <svg class="position-absolute bottom-0 left-0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1920 323" enable-background="new 0 0 1920 323" xml:space="preserve">
      <polygon fill="#ffffff" style="fill-opacity: .05;" points="-0.5,322.5 -0.5,121.5 658.3,212.3 "></polygon>
      <polygon fill="#ffffff" style="fill-opacity: .1;" points="-2,323 1920,323 1920,-1 "></polygon>
    </svg>
    <!-- End SVG BG -->
  </section>
  <!-- End Promo Section -->

<p>
  <main>
    <div class="container pt-11 pb-8">
      <div class="row">
        <div class="col-lg-4 mb-4 mb-lg-3 order-lg-2">
          <div class="js-sticky-sidebar">
            <div class="list-group mb-4" id="faq" role="tablist">
              <a class="list-group-item list-group-item-action active" id="faq-purchase" data-toggle="tab" href="#faq-purchase-content" role="tab" aria-controls="faq-purchase-content" aria-selected="true">
                <i class="fa fa-fw fa-shopping-basket mr-1"></i> Purchase
              </a>

              <a class="list-group-item list-group-item-action" id="faq-installation" data-toggle="tab" href="#faq-installation-content" role="tab" aria-controls="faq-installation-content" aria-selected="false">
                <i class="fa fa-save fa-adjust mr-1"></i> Installation
              </a>

              <a class="list-group-item list-group-item-action" id="faq-update" data-toggle="tab" href="#faq-update-content" role="tab" aria-controls="faq-update-content" aria-selected="false">
                <i class="fa fa-fw fa-layer-group mr-1"></i> Update
              </a>

              <a class="list-group-item list-group-item-action" id="faq-contribute" data-toggle="tab" href="#faq-contribute-content" role="tab" aria-controls="faq-contribute-content" aria-selected="false">
                <i class="fab fa-fw fa-github mr-1"></i> Contribute
              </a>
            </div>

            <!-- Call To Action -->
            <a class="card border-0 bg-primary link-white text-white mb-4" href="https://github.com/LibreTime/libretime/releases">
              <div class="card-body z-index-1">
                <div class="d-flex align-items-center">
                  <i class="fab fa-github fa-3x mr-4"></i>
                  <p class="mb-0">Stay up to date for any updates and contributions!</p>
                </div>
              </div>

              <!-- SVG BG -->
              <svg class="position-absolute bottom-0 left-0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1920 323" enable-background="new 0 0 1920 323" xml:space="preserve">
                <polygon fill="#ffffff" style="fill-opacity: .05;" points="-0.5,322.5 -0.5,121.5 658.3,212.3 "></polygon>
                <polygon fill="#ffffff" style="fill-opacity: .1;" points="-2,323 1920,323 1920,-1 "></polygon>
              </svg>
              <!-- End SVG BG -->
            </a>
            <!-- End Call To Action -->
          </div>
        </div>

        <div class="col-lg-8 pr-lg-6 order-lg-1">
          <div class="tab-content" id="faqTabContent">
            <div class="tab-pane fade show active" id="faq-purchase-content" role="tabpanel" aria-labelledby="faq-purchase">
              <div class="accordion" id="accordionExample-001">
                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center" id="headingOne-001" data-toggle="collapse" data-target="#collapseOne-001" aria-expanded="true" aria-controls="collapseOne-001" role="region">
                    <h6 class="mb-0">What is Docs UI Kit?</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>

                  <div id="collapseOne-001" class="collapse show" aria-labelledby="headingOne-001" data-parent="#accordionExample-001">
                    <div class="card-body">Docs UI Kit is beautiful Open Source Bootstrap 4 UI Kit under MIT license. The UI Kit comes with more than 10 beautiful complete pages and includes a lot of reusable and customizable UI Blocks. Furthermore, Docs UI Kit includes 4 different Documentation Layouts.</div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center collapsed" id="headingTwo-001" data-toggle="collapse" data-target="#collapseTwo-001" aria-expanded="false" aria-controls="collapseTwo-001" role="region">
                    <h6 class="mb-0">Is it really free and under MIT license?</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>
                  <div id="collapseTwo-001" class="collapse" aria-labelledby="headingTwo-001" data-parent="#accordionExample-001">
                    <div class="card-body">Yes! It's just absolutely FREE and comes with a simple license! If you have any questions or doubts, please feel free to reach us <a href="#">here</a>.</div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center collapsed" id="headingThree-001" data-toggle="collapse" data-target="#collapseThree-001" aria-expanded="false" aria-controls="collapseThree-001" role="region">
                    <h6 class="mb-0">Can I use Docs UI Kit in commercial project?</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>
                  <div id="collapseThree-001" class="collapse" aria-labelledby="headingThree-001" data-parent="#accordionExample-001">
                    <div class="card-body">Yes! Docs UI Kit is absolutely Free and you can use in both personal and commercial projects without any attribution. However, we would much appreciate for any attribution.</div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center" id="headingFour-001" data-toggle="collapse" data-target="#collapseFour-001" aria-expanded="true" aria-controls="collapseFour-001" role="region">
                    <h6 class="mb-0">Where can I download Docs UI Kit?</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>

                  <div id="collapseFour-001" class="collapse" aria-labelledby="headingFour-001" data-parent="#accordionExample-001">
                    <div class="card-body">You can download Docs UI Kit on <a target="_blank" href="https://htmlstream.com/">Htmlstream website</a> or on the <a href="#">Github page</a>.</div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center collapsed" id="headingFive-001" data-toggle="collapse" data-target="#collapseFive-001" aria-expanded="false" aria-controls="collapseFive-001" role="region">
                    <h6 class="mb-0">Do you provide free or premium  support?</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>
                  <div id="collapseFive-001" class="collapse" aria-labelledby="headingFive-001" data-parent="#accordionExample-001">
                    <div class="card-body">Corrently, all our freebies comes with community support and you can open an issue on the product <a href="#">github page</a>. We will do our best to answers your questions.</div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center collapsed" id="headingSix-001" data-toggle="collapse" data-target="#collapseSix-001" aria-expanded="false" aria-controls="collapseSix-001" role="region">
                    <h6 class="mb-0">Can I contribute to Docs UI Kit?</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>
                  <div id="collapseSix-001" class="collapse" aria-labelledby="headingSix-001" data-parent="#accordionExample-001">
                    <div class="card-body">Sure! Please feel free to contribute - we appreciate any community help! You can <a href="#">pull request</a> on github page.</div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center collapsed" id="headingSeven-001" data-toggle="collapse" data-target="#collapseSeven-001" aria-expanded="false" aria-controls="collapseSeven-001" role="region">
                    <h6 class="mb-0">How to use search in Docs Layouts?</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>
                  <div id="collapseSeven-001" class="collapse" aria-labelledby="headingSeven-001" data-parent="#accordionExample-001">
                    <div class="card-body">You can check out our documenttion for detailed examples.</div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center collapsed" id="headingEight-001" data-toggle="collapse" data-target="#collapseEight-001" aria-expanded="false" aria-controls="collapseEight-001" role="region">
                    <h6 class="mb-0">How many pages includes Docs UI Kit?</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>
                  <div id="collapseEight-001" class="collapse" aria-labelledby="headingEight-001" data-parent="#accordionExample-001">
                    <div class="card-body">Docs UI Kit comes with 10+ example pages.</div>
                  </div>
                </div>
              </div>
            </div>

            <div class="tab-pane fade" id="faq-installation-content" role="tabpanel" aria-labelledby="faq-installation">
              <div class="accordion" id="accordionExample-002">
                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center" id="headingOne-002" data-toggle="collapse" data-target="#collapseOne-002" aria-expanded="true" aria-controls="collapseOne-002" role="region">
                    <h6 class="mb-0">Installation Group Item #1</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>

                  <div id="collapseOne-002" class="collapse show" aria-labelledby="headingOne-002" data-parent="#accordionExample-002">
                    <div class="card-body">
                      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                    </div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center collapsed" id="headingTwo-002" data-toggle="collapse" data-target="#collapseTwo-002" aria-expanded="false" aria-controls="collapseTwo-002" role="region">
                    <h6 class="mb-0">Installation Group Item #2</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>
                  <div id="collapseTwo-002" class="collapse" aria-labelledby="headingTwo-002" data-parent="#accordionExample-002">
                    <div class="card-body">
                      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                    </div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center collapsed" id="headingThree-002" data-toggle="collapse" data-target="#collapseThree-002" aria-expanded="false" aria-controls="collapseThree-002" role="region">
                    <h6 class="mb-0">Installation Group Item #3</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>
                  <div id="collapseThree-002" class="collapse" aria-labelledby="headingThree-002" data-parent="#accordionExample-002">
                    <div class="card-body">
                      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="tab-pane fade" id="faq-update-content" role="tabpanel" aria-labelledby="faq-update">
              <div class="accordion" id="accordionExample-003">
                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center" id="headingOne-003" data-toggle="collapse" data-target="#collapseOne-003" aria-expanded="true" aria-controls="collapseOne-003" role="region">
                    <h6 class="mb-0">Update Group Item #1</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>

                  <div id="collapseOne-003" class="collapse show" aria-labelledby="headingOne-003" data-parent="#accordionExample-003">
                    <div class="card-body">
                      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                    </div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center collapsed" id="headingTwo-003" data-toggle="collapse" data-target="#collapseTwo-003" aria-expanded="false" aria-controls="collapseTwo-003" role="region">
                    <h6 class="mb-0">Update Group Item #2</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>
                  <div id="collapseTwo-003" class="collapse" aria-labelledby="headingTwo-003" data-parent="#accordionExample-003">
                    <div class="card-body">
                      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                    </div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center collapsed" id="headingThree-003" data-toggle="collapse" data-target="#collapseThree-003" aria-expanded="false" aria-controls="collapseThree-003" role="region">
                    <h6 class="mb-0">Update Group Item #3</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>
                  <div id="collapseThree-003" class="collapse" aria-labelledby="headingThree-003" data-parent="#accordionExample-003">
                    <div class="card-body">
                      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                    </div>
                  </div>
                </div>
              </div>
            </div>

            <div class="tab-pane fade" id="faq-contribute-content" role="tabpanel" aria-labelledby="faq-contribute">
              <div class="accordion" id="accordionExample-004">
                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center" id="headingOne-004" data-toggle="collapse" data-target="#collapseOne-004" aria-expanded="true" aria-controls="collapseOne-004" role="region">
                    <h6 class="mb-0">Gitlab Group Item #1</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>

                  <div id="collapseOne-004" class="collapse show" aria-labelledby="headingOne-004" data-parent="#accordionExample-004">
                    <div class="card-body">
                      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                    </div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center collapsed" id="headingTwo-004" data-toggle="collapse" data-target="#collapseTwo-004" aria-expanded="false" aria-controls="collapseTwo-004" role="region">
                    <h6 class="mb-0">Gitlab Group Item #2</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>
                  <div id="collapseTwo-004" class="collapse" aria-labelledby="headingTwo-004" data-parent="#accordionExample-004">
                    <div class="card-body">
                      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                    </div>
                  </div>
                </div>

                <div class="card border-bottom mb-3">
                  <div class="card-header accordion-header d-flex align-items-center collapsed" id="headingThree-004" data-toggle="collapse" data-target="#collapseThree-004" aria-expanded="false" aria-controls="collapseThree-004" role="region">
                    <h6 class="mb-0">Gitlab Group Item #3</h6>
                    <i class="fas fa-angle-down accordion-control ml-auto text-primary"></i>
                  </div>
                  <div id="collapseThree-004" class="collapse" aria-labelledby="headingThree-004" data-parent="#accordionExample-004">
                    <div class="card-body">
                      Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <section class="bg-light py-11 text-center">
      <div class="container">
        <i class="fas fa-headset fa-4x text-primary mb-4"></i>
        <h2 class="h3 mb-3">Can't find what you're looking for?</h2>
        <div class="lead mb-5">Open an issue on our Github!</div>
        <a class="btn px-5 btn-primary" href="https://github.com/LibreTime/libretime/issues/new/choose">Submit a Request</a>
      </div>
    </section>
  </main>