_faqs.php

<section class="section faqs border-page-right border-page-left" id="faqs">
   <div class="container">
      <div class="row align-items-center">
         <div class="col-lg-5 col-xl-4 mb-5 mb-lg-0">
            <h3 class="section__title fs-48">Frequently asked <span class="d-block text-primary">questions</span></h3>
            <p class="section__desc mb-0">
               Below we’ve provided a bit of ICO, ICO Token and few others. If you have any other questions, please get in touch via email.
            </p>
            <ul class="nav flex-row flex-lg-column nav-pills mt-40" id="pills-tab" role="tablist">
               <li class="nav-item" role="presentation">
                  <button class="nav-link active" id="pills-1-tab" data-bs-toggle="pill" data-bs-target="#pills-1" type="button" role="tab" aria-controls="pills-1" aria-selected="true"><i class="fa-solid fa-angle-right me-3"></i>General Questions</button>
               </li>
               <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-2-tab" data-bs-toggle="pill" data-bs-target="#pills-2" type="button" role="tab" aria-controls="pills-2" aria-selected="false"><i class="fa-solid fa-angle-right me-3"></i>ICO Questions</button>
               </li>
               <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-3-tab" data-bs-toggle="pill" data-bs-target="#pills-3" type="button" role="tab" aria-controls="pills-3" aria-selected="false"><i class="fa-solid fa-angle-right me-3"></i>Tokens Sales</button>
               </li>
               <li class="nav-item" role="presentation">
                  <button class="nav-link" id="pills-4-tab" data-bs-toggle="pill" data-bs-target="#pills-4" type="button" role="tab" aria-controls="pills-4" aria-selected="false"><i class="fa-solid fa-angle-right me-3"></i>Clients Releted</button>
               </li>
            </ul>
         </div>
         <div class="col-lg-7 col-xl-6 position-relative ms-auto">
            <div class="faq__image">
               <svg width="491" height="199" viewBox="0 0 491 199" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_ii_250_2137)"> <path d="M0.749023 185L0.749023 3.18181L128.59 3.18181V42.9545H50.1098V74.2045H120.777V113.977H50.1098L50.1098 185H0.749023ZM171.27 185H118.003L178.017 3.18181L245.489 3.18181L305.503 185L252.236 185L212.463 53.2528H211.043L171.27 185ZM161.327 113.267H261.469V150.199H161.327V113.267ZM384.782 117.528H423.134L436.984 134.929L460.421 161.562L490.961 198.494H447.282L425.62 173.281L411.061 152.33L384.782 117.528ZM490.606 94.0909C490.606 114.332 486.67 131.407 478.799 145.316C470.927 159.165 460.303 169.671 446.927 176.832C433.551 183.935 418.636 187.486 402.183 187.486C385.611 187.486 370.637 183.905 357.261 176.744C343.944 169.523 333.35 158.988 325.478 145.138C317.666 131.23 313.759 114.214 313.759 94.0909C313.759 73.8494 317.666 56.804 325.478 42.9545C333.35 29.0459 343.944 18.5405 357.261 11.4382C370.637 4.27675 385.611 0.696016 402.183 0.696016C418.636 0.696016 433.551 4.27675 446.927 11.4382C460.303 18.5405 470.927 29.0459 478.799 42.9545C486.67 56.804 490.606 73.8494 490.606 94.0909ZM439.825 94.0909C439.825 83.2008 438.375 74.027 435.475 66.5696C432.634 59.053 428.402 53.3712 422.779 49.5241C417.216 45.6179 410.35 43.6648 402.183 43.6648C394.015 43.6648 387.12 45.6179 381.497 49.5241C375.934 53.3712 371.702 59.053 368.802 66.5696C365.961 74.027 364.541 83.2008 364.541 94.0909C364.541 104.981 365.961 114.184 368.802 121.701C371.702 129.158 375.934 134.84 381.497 138.746C387.12 142.594 394.015 144.517 402.183 144.517C410.35 144.517 417.216 142.594 422.779 138.746C428.402 134.84 432.634 129.158 435.475 121.701C438.375 114.184 439.825 104.981 439.825 94.0909Z" fill="#F0F6FF"/> </g> <defs> <filter id="filter0_ii_250_2137" x="0.749023" y="-1.3042" width="490.212" height="201.798" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"> <feFlood flood-opacity="0" result="BackgroundImageFix"/> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="2"/> <feGaussianBlur stdDeviation="1"/> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> <feColorMatrix type="matrix" values="0 0 0 0 0.860937 0 0 0 0 0.89375 0 0 0 0 0.95 0 0 0 1 0"/> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_250_2137"/> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/> <feOffset dy="-2"/> <feGaussianBlur stdDeviation="2"/> <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"/> <feBlend mode="normal" in2="effect1_innerShadow_250_2137" result="effect2_innerShadow_250_2137"/> </filter> </defs> </svg>
            </div>
            <div class="faq-card">
               <div class="tab-content" id="pills-tabContent">
                  <div class="tab-pane fade show active" id="pills-1" role="tabpanel" aria-labelledby="pills-1-tab">
                     <h4 class="section__title mb-3">
                        General Questions
                     </h4>
                     <div id="accordionFaqs">
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
                           <span>What is Tegro Crypto Currency?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse1" class="collapse show" data-bs-parent="#accordionFaqs">
                              <div class="faq-card__body">
                                 <strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
                           <span>When was the project started?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse2" class="collapse" data-bs-parent="#accordionFaqs">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse3" aria-expanded="false" aria-controls="collapse3">
                           <span>How can I buy a token in pre-sale?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse3" class="collapse" data-bs-parent="#accordionFaqs">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse4" aria-expanded="false" aria-controls="collapse4">
                           <span>How do I benefit from the ICO Token?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse4" class="collapse" data-bs-parent="#accordionFaqs">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse5" aria-expanded="false" aria-controls="collapse5">
                           <span>What are the token parameters?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse5" class="collapse" data-bs-parent="#accordionFaqs">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="tab-pane fade" id="pills-2" role="tabpanel" aria-labelledby="pills-2-tab">
                     <h4 class="section__title mb-3">
                        ICO Questions
                     </h4>
                     <div id="accordionFaqs-2">
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse6" aria-expanded="true" aria-controls="collapse6">
                           <span>What is Tegro Crypto Currency?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse6" class="collapse show" data-bs-parent="#accordionFaqs-2">
                              <div class="faq-card__body">
                                 <strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse7" aria-expanded="false" aria-controls="collapse7">
                           <span>When was the project started?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse7" class="collapse" data-bs-parent="#accordionFaqs-2">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse8" aria-expanded="false" aria-controls="collapse8">
                           <span>How can I buy a token in pre-sale?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse8" class="collapse" data-bs-parent="#accordionFaqs-2">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse9" aria-expanded="false" aria-controls="collapse9">
                           <span>How do I benefit from the ICO Token?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse9" class="collapse" data-bs-parent="#accordionFaqs-2">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse10" aria-expanded="false" aria-controls="collapse10">
                           <span>What are the token parameters?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse10" class="collapse" data-bs-parent="#accordionFaqs-2">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="tab-pane fade" id="pills-3" role="tabpanel" aria-labelledby="pills-3-tab">
                     <h4 class="section__title mb-3">
                        Tokens Sales
                     </h4>
                     <div id="accordionFaqs-3">
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse11" aria-expanded="true" aria-controls="collapse11">
                           <span>What is Tegro Crypto Currency?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse11" class="collapse show" data-bs-parent="#accordionFaqs-3">
                              <div class="faq-card__body">
                                 <strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse12" aria-expanded="false" aria-controls="collapse12">
                           <span>When was the project started?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse12" class="collapse" data-bs-parent="#accordionFaqs-3">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse13" aria-expanded="false" aria-controls="collapse13">
                           <span>How can I buy a token in pre-sale?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse13" class="collapse" data-bs-parent="#accordionFaqs-3">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse14" aria-expanded="false" aria-controls="collapse14">
                           <span>How do I benefit from the ICO Token?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse14" class="collapse" data-bs-parent="#accordionFaqs-3">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse15" aria-expanded="false" aria-controls="collapse15">
                           <span>What are the token parameters?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse15" class="collapse" data-bs-parent="#accordionFaqs-3">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
                  <div class="tab-pane fade" id="pills-4" role="tabpanel" aria-labelledby="pills-4-tab">
                     <h4 class="section__title mb-3">
                        Clients Releted
                     </h4>
                     <div id="accordionFaqs-4">
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse16" aria-expanded="true" aria-controls="collapse16">
                           <span>What is Tegro Crypto Currency?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse16" class="collapse show" data-bs-parent="#accordionFaqs-4">
                              <div class="faq-card__body">
                                 <strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse17" aria-expanded="false" aria-controls="collapse17">
                           <span>When was the project started?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse17" class="collapse" data-bs-parent="#accordionFaqs-4">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse18" aria-expanded="false" aria-controls="collapse18">
                           <span>How can I buy a token in pre-sale?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse18" class="collapse" data-bs-parent="#accordionFaqs-4">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse19" aria-expanded="false" aria-controls="collapse19">
                           <span>How do I benefit from the ICO Token?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse19" class="collapse" data-bs-parent="#accordionFaqs-4">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                        <div class="faq-card__item">
                           <a href="#!" class="faq-card__link d-flex align-items-center justify-content-between" data-bs-toggle="collapse" data-bs-target="#collapse20" aria-expanded="false" aria-controls="collapse20">
                           <span>What are the token parameters?</span>
                           <span>+</span>
                           </a>
                           <div id="collapse20" class="collapse" data-bs-parent="#accordionFaqs-4">
                              <div class="faq-card__body">
                                 <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>