Vvveb.Sections.add("play-bootstrap/about", {
    name: "About",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/about-thumb.jpeg",
    html: `<section id="about" class="ud-about">
  <div class="container">
    <div class="ud-about-wrapper wow fadeInUp" data-wow-delay=".2s">
      <div class="ud-about-content-wrapper">
        <div class="ud-about-content">
          <span class="tag">About Us</span>
          <h2>Brilliant Toolkit to Build Nextgen Website Faster.</h2>
          <p>
            The main ‘thrust’ is to focus on educating attendees on how to
            best protect highly vulnerable business applications with
            interactive panel discussions and roundtables led by subject
            matter experts.
          </p>

          <p>
            The main ‘thrust’ is to focus on educating attendees on how to
            best protect highly vulnerable business applications with
            interactive panel.
          </p>
          <a href="javascript:void(0)" class="ud-main-btn">Learn More</a>
        </div>
      </div>
      <div class="ud-about-image">
        <img src="images/about/about-image.svg" alt="about-image" />
      </div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("play-bootstrap/blog-details", {
    name: "Blog details",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/blog-details-thumb.jpeg",
    html: `<section class="ud-blog-details">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="ud-blog-details-image">
          <img src="images/blog/blog-details-01.jpg" alt="blog details" />
          <div class="ud-blog-overlay">
            <div class="ud-blog-overlay-content">
              <div class="ud-blog-author">
                <img src="images/blog/author-01.png" alt="author" />
                <span>
                  By <a href="javascript:void(0)"> Samuyl Joshi </a>
                </span>
              </div>

              <div class="ud-blog-meta">
                <p class="date">
                  <i class="lni lni-calendar"></i>
                  <span>12 Jan 2024</span>
                </p>
                <p class="comment">
                  <i class="lni lni-comments"></i>
                  <span>50</span>
                </p>
                <p class="view">
                  <i class="lni lni-eye"></i>
                  <span>35</span>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="col-lg-8">
        <div class="ud-blog-details-content">
          <h2 class="ud-blog-details-title">
            Facing a challenge is kind of a turn-on for an easy rider
          </h2>
          <p class="ud-blog-details-para">
            There’s a time and place for everything… including asking for
            reviews. For instance: you should not asking for a review on
            your checkout page. The sole purpose of this page is to guide
            your customer to complete their purchase, and this means that
            the page should be as minimalist and pared-down possible. You
            don’t want to have any unnecessary elements or Call To Actions.
          </p>
          <p class="ud-blog-details-para">
            There’s a time and place for everything… including asking for
            reviews. For instance: you should not asking for a review on
            your checkout page. The sole purpose of this page is to guide
            your customer to complete their purchase, and this means that
            the page should be as minimalist and pared-down possible. You
            don’t want to have any unnecessary elements or Call To Actions.
          </p>
          <h3 class="ud-blog-details-subtitle">Sea no quidam vulputate</h3>
          <p class="ud-blog-details-para">
            At quo cetero fastidii. Usu ex ornatus corpora sententiae,
            vocibus deleniti ut nec. Ut enim eripuit eligendi est, in
            iracundia signiferumque quo. Sed virtute suavitate suscipiantur
            ea, dolor this can eloquentiam ei pro. Suas adversarium
            interpretaris eu sit, eum viris impedit ne. Erant appareat
            corrumpit ei vel.
          </p>

          <div class="ud-blog-quote">
            <i class="lni lni-quotation"></i>
            <p>
              A spring of truth shall flow from it: like a new star it shall
              scatter the darkness of ignorance, and cause a light
              heretofore unknown to shine amongst men.
            </p>
            <h6>“Andrio Domeco”</h6>
          </div>
          <h3 class="ud-blog-details-subtitle">
            What is it with your ideas?
          </h3>
          <p class="ud-blog-details-para">
            At quo cetero fastidii. Usu ex ornatus corpora sententiae,
            vocibus deleniti ut nec. Ut enim eripuit eligendi est, in
            iracundia signiferumque quo. Sed virtute suavitate suscipiantur
            ea, dolor this can eloquentiam ei pro. Suas adversarium
            interpretaris eu sit, eum viris impedit ne. Erant appareat
            corrumpit ei vel.
          </p>
          <p class="ud-blog-details-para">
            At quo cetero fastidii. Usu ex ornatus corpora sententiae,
            vocibus deleniti ut nec. Ut enim eripuit eligendi est, in
            iracundia signiferumque quo. Sed virtute suavitate suscipiantur
            ea, dolor this can eloquentiam ei pro. Suas adversarium
            interpretaris eu sit, eum viris impedit ne. Erant appareat
            corrumpit ei vel.
          </p>

          <div class="ud-blog-details-action">
            <ul class="ud-blog-tags">
              <li>
                <a href="javascript:void(0)">Design</a>
              </li>
              <li>
                <a href="javascript:void(0)">Development</a>
              </li>
              <li>
                <a href="javascript:void(0)">Info</a>
              </li>
            </ul>
            <div class="ud-blog-share">
              <h6>Share This Post</h6>
              <ul class="ud-blog-share-links">
                <li>
                  <a href="javascript:void(0)" class="facebook">
                    <i class="lni lni-facebook-filled"></i>
                  </a>
                </li>
                <li>
                  <a href="javascript:void(0)" class="twitter">
                    <i class="lni lni-twitter-filled"></i>
                  </a>
                </li>
                <li>
                  <a href="javascript:void(0)" class="linkedin">
                    <i class="lni lni-linkedin-original"></i>
                  </a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="ud-blog-sidebar">
          <div class="ud-newsletter-box">
            <img src="images/blog/dotted-shape.svg" alt="shape" class="shape shape-1" />
            <img src="images/blog/dotted-shape.svg" alt="shape" class="shape shape-2" />
            <h3 class="ud-newsletter-title">Join our newsletter!</h3>
            <p>Enter your email to receive our latest newsletter.</p>
            <form class="ud-newsletter-form">
              <input type="email" name="email" placeholder="Your Email address" />
              <button class="ud-main-btn">Subscribe Now</button>
              <p class="ud-newsletter-note">Don't worry, we don't spam</p>
            </form>
          </div>

          <div class="ud-articles-box">
            <h3 class="ud-articles-box-title">Popular Articles</h3>
            <ul class="ud-articles-list">
              <li>
                <div class="ud-article-image">
                  <img src="images/blog/article-author-01.png" alt="author" />
                </div>
                <div class="ud-article-content">
                  <h5 class="ud-article-title">
                    <a href="javascript:void(0)">
                      The 8 best landing page builders, reviewed
                    </a>
                  </h5>
                  <p class="ud-article-author">Martin Fedous</p>
                </div>
              </li>
              <li>
                <div class="ud-article-image">
                  <img src="images/blog/article-author-02.png" alt="author" />
                </div>
                <div class="ud-article-content">
                  <h5 class="ud-article-title">
                    <a href="javascript:void(0)">
                      Create engaging online courses your student…
                    </a>
                  </h5>
                  <p class="ud-article-author">Glomiya Lucy</p>
                </div>
              </li>
              <li>
                <div class="ud-article-image">
                  <img src="images/blog/article-author-03.png" alt="author" />
                </div>
                <div class="ud-article-content">
                  <h5 class="ud-article-title">
                    <a href="javascript:void(0)">
                      The ultimate formula for launching online course
                    </a>
                  </h5>
                  <p class="ud-article-author">Andrio jeson</p>
                </div>
              </li>
              <li>
                <div class="ud-article-image">
                  <img src="images/blog/article-author-04.png" alt="author" />
                </div>
                <div class="ud-article-content">
                  <h5 class="ud-article-title">
                    <a href="javascript:void(0)">
                      50 Best web design tips & tricks that will help you
                    </a>
                  </h5>
                  <p class="ud-article-author">Samoyel Dayno</p>
                </div>
              </li>
            </ul>
          </div>

          <div class="ud-banner-ad">
            <a href="javascript:void(0)">
              <img src="images/blog/bannder-ad.png" alt="ad banner" />
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("play-bootstrap/blog-grids", {
    name: "Blog grids",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/blog-grids-thumb.jpeg",
    html: `<section class="ud-blog-grids">
  <div class="container">
    <div class="row">
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-blog">
          <div class="ud-blog-image">
            <a href="blog-details.html">
              <img src="images/blog/blog-01.jpg" alt="blog" />
            </a>
          </div>
          <div class="ud-blog-content">
            <span class="ud-blog-date">Dec 22, 2023</span>
            <h3 class="ud-blog-title">
              <a href="blog-details.html">
                Meet AutoManage, the best AI management tools
              </a>
            </h3>
            <p class="ud-blog-desc">
              Lorem Ipsum is simply dummy text of the printing and
              typesetting industry.
            </p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-blog">
          <div class="ud-blog-image">
            <a href="blog-details.html">
              <img src="images/blog/blog-02.jpg" alt="blog" />
            </a>
          </div>
          <div class="ud-blog-content">
            <span class="ud-blog-date">Dec 22, 2023</span>
            <h3 class="ud-blog-title">
              <a href="blog-details.html">
                How to earn more money as a wellness coach
              </a>
            </h3>
            <p class="ud-blog-desc">
              Lorem Ipsum is simply dummy text of the printing and
              typesetting industry.
            </p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-blog">
          <div class="ud-blog-image">
            <a href="blog-details.html">
              <img src="images/blog/blog-03.jpg" alt="blog" />
            </a>
          </div>
          <div class="ud-blog-content">
            <span class="ud-blog-date">Dec 22, 2023</span>
            <h3 class="ud-blog-title">
              <a href="blog-details.html">
                The no-fuss guide to upselling and cross selling
              </a>
            </h3>
            <p class="ud-blog-desc">
              Lorem Ipsum is simply dummy text of the printing and
              typesetting industry.
            </p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-blog">
          <div class="ud-blog-image">
            <a href="blog-details.html">
              <img src="images/blog/blog-02.jpg" alt="blog" />
            </a>
          </div>
          <div class="ud-blog-content">
            <span class="ud-blog-date">Dec 22, 2023</span>
            <h3 class="ud-blog-title">
              <a href="blog-details.html">
                How to earn more money as a wellness coach
              </a>
            </h3>
            <p class="ud-blog-desc">
              Lorem Ipsum is simply dummy text of the printing and
              typesetting industry.
            </p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-blog">
          <div class="ud-blog-image">
            <a href="blog-details.html">
              <img src="images/blog/blog-03.jpg" alt="blog" />
            </a>
          </div>
          <div class="ud-blog-content">
            <span class="ud-blog-date">Dec 22, 2023</span>
            <h3 class="ud-blog-title">
              <a href="blog-details.html">
                The no-fuss guide to upselling and cross selling
              </a>
            </h3>
            <p class="ud-blog-desc">
              Lorem Ipsum is simply dummy text of the printing and
              typesetting industry.
            </p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-blog">
          <div class="ud-blog-image">
            <a href="blog-details.html">
              <img src="images/blog/blog-01.jpg" alt="blog" />
            </a>
          </div>
          <div class="ud-blog-content">
            <span class="ud-blog-date">Dec 22, 2023</span>
            <h3 class="ud-blog-title">
              <a href="blog-details.html">
                Meet AutoManage, the best AI management tools
              </a>
            </h3>
            <p class="ud-blog-desc">
              Lorem Ipsum is simply dummy text of the printing and
              typesetting industry.
            </p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-blog">
          <div class="ud-blog-image">
            <a href="blog-details.html">
              <img src="images/blog/blog-01.jpg" alt="blog" />
            </a>
          </div>
          <div class="ud-blog-content">
            <span class="ud-blog-date">Dec 22, 2023</span>
            <h3 class="ud-blog-title">
              <a href="blog-details.html">
                Meet AutoManage, the best AI management tools
              </a>
            </h3>
            <p class="ud-blog-desc">
              Lorem Ipsum is simply dummy text of the printing and
              typesetting industry.
            </p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-blog">
          <div class="ud-blog-image">
            <a href="blog-details.html">
              <img src="images/blog/blog-02.jpg" alt="blog" />
            </a>
          </div>
          <div class="ud-blog-content">
            <span class="ud-blog-date">Dec 22, 2023</span>
            <h3 class="ud-blog-title">
              <a href="blog-details.html">
                How to earn more money as a wellness coach
              </a>
            </h3>
            <p class="ud-blog-desc">
              Lorem Ipsum is simply dummy text of the printing and
              typesetting industry.
            </p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-blog">
          <div class="ud-blog-image">
            <a href="blog-details.html">
              <img src="images/blog/blog-03.jpg" alt="blog" />
            </a>
          </div>
          <div class="ud-blog-content">
            <span class="ud-blog-date">Dec 22, 2023</span>
            <h3 class="ud-blog-title">
              <a href="blog-details.html">
                The no-fuss guide to upselling and cross selling
              </a>
            </h3>
            <p class="ud-blog-desc">
              Lorem Ipsum is simply dummy text of the printing and
              typesetting industry.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("play-bootstrap/contact", {
    name: "Contact",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/contact-thumb.jpeg",
    html: `<section id="contact" class="ud-contact">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-xl-8 col-lg-7">
        <div class="ud-contact-content-wrapper">
          <div class="ud-contact-title">
            <span>CONTACT US</span>
            <h2>
              Let’s talk about
              <br />
              Love to hear from you!
            </h2>
          </div>
          <div class="ud-contact-info-wrapper">
            <div class="ud-single-info">
              <div class="ud-info-icon">
                <i class="lni lni-map-marker"></i>
              </div>
              <div class="ud-info-meta">
                <h5>Our Location</h5>
                <p>401 Broadway, 24th Floor, Orchard Cloud View, London</p>
              </div>
            </div>
            <div class="ud-single-info">
              <div class="ud-info-icon">
                <i class="lni lni-envelope"></i>
              </div>
              <div class="ud-info-meta">
                <h5>How Can We Help?</h5>
                <p>info@yourdomain.com</p>
                <p>contact@yourdomain.com</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-xl-4 col-lg-5">
        <div class="ud-contact-form-wrapper wow fadeInUp" data-wow-delay=".2s">
          <h3 class="ud-contact-form-title">Send us a Message</h3>
          <form class="ud-contact-form">
            <div class="ud-form-group">
              <label for="fullName">Full Name*</label>
              <input type="text" name="fullName" placeholder="Adam Gelius" />
            </div>
            <div class="ud-form-group">
              <label for="email">Email*</label>
              <input type="email" name="email" placeholder="example@yourmail.com" />
            </div>
            <div class="ud-form-group">
              <label for="phone">Phone*</label>
              <input type="text" name="phone" placeholder="+885 1254 5211 552" />
            </div>
            <div class="ud-form-group">
              <label for="message">Message*</label>
              <textarea name="message" rows="1" placeholder="type your message here"></textarea>
            </div>
            <div class="ud-form-group mb-0">
              <button type="submit" class="ud-main-btn">
                Send Message
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("play-bootstrap/faq", {
    name: "Faq",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/faq-thumb.jpeg",
    html: `<section id="faq" class="ud-faq">
  <div class="shape">
    <img src="images/faq/shape.svg" alt="shape" />
  </div>
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="ud-section-title text-center mx-auto">
          <span>FAQ</span>
          <h2>Any Questions? Answered</h2>
          <p>
            There are many variations of passages of Lorem Ipsum available
            but the majority have suffered alteration in some form.
          </p>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-lg-6">
        <div class="ud-single-faq wow fadeInUp" data-wow-delay=".1s">
          <div class="accordion">
            <button class="ud-faq-btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapseOne">
              <span class="icon flex-shrink-0">
                <i class="lni lni-chevron-down"></i>
              </span>
              <span>How to use UIdeck?</span>
            </button>
            <div id="collapseOne" class="accordion-collapse collapse">
              <div class="ud-faq-body">
                Lorem Ipsum is simply dummy text of the printing and
                typesetting industry. Lorem Ipsum has been the industry's
                standard dummy text ever since the 1500s, when an unknown
                printer took a galley of type and scrambled it to make a
                type specimen book.
              </div>
            </div>
          </div>
        </div>
        <div class="ud-single-faq wow fadeInUp" data-wow-delay=".15s">
          <div class="accordion">
            <button class="ud-faq-btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapseTwo">
              <span class="icon flex-shrink-0">
                <i class="lni lni-chevron-down"></i>
              </span>
              <span>How to download icons from Lineicons?</span>
            </button>
            <div id="collapseTwo" class="accordion-collapse collapse">
              <div class="ud-faq-body">
                Lorem Ipsum is simply dummy text of the printing and
                typesetting industry. Lorem Ipsum has been the industry's
                standard dummy text ever since the 1500s, when an unknown
                printer took a galley of type and scrambled it to make a
                type specimen book.
              </div>
            </div>
          </div>
        </div>
        <div class="ud-single-faq wow fadeInUp" data-wow-delay=".2s">
          <div class="accordion">
            <button class="ud-faq-btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapseThree">
              <span class="icon flex-shrink-0">
                <i class="lni lni-chevron-down"></i>
              </span>
              <span>Is GrayGrids part of UIdeck?</span>
            </button>
            <div id="collapseThree" class="accordion-collapse collapse">
              <div class="ud-faq-body">
                Lorem Ipsum is simply dummy text of the printing and
                typesetting industry. Lorem Ipsum has been the industry's
                standard dummy text ever since the 1500s, when an unknown
                printer took a galley of type and scrambled it to make a
                type specimen book.
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-6">
        <div class="ud-single-faq wow fadeInUp" data-wow-delay=".1s">
          <div class="accordion">
            <button class="ud-faq-btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapseFour">
              <span class="icon flex-shrink-0">
                <i class="lni lni-chevron-down"></i>
              </span>
              <span>Can I use this template for commercial project?</span>
            </button>
            <div id="collapseFour" class="accordion-collapse collapse">
              <div class="ud-faq-body">
                Lorem Ipsum is simply dummy text of the printing and
                typesetting industry. Lorem Ipsum has been the industry's
                standard dummy text ever since the 1500s, when an unknown
                printer took a galley of type and scrambled it to make a
                type specimen book.
              </div>
            </div>
          </div>
        </div>
        <div class="ud-single-faq wow fadeInUp" data-wow-delay=".15s">
          <div class="accordion">
            <button class="ud-faq-btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapseFive">
              <span class="icon flex-shrink-0">
                <i class="lni lni-chevron-down"></i>
              </span>
              <span>Do you have plan releasing Play Pro?</span>
            </button>
            <div id="collapseFive" class="accordion-collapse collapse">
              <div class="ud-faq-body">
                Lorem Ipsum is simply dummy text of the printing and
                typesetting industry. Lorem Ipsum has been the industry's
                standard dummy text ever since the 1500s, when an unknown
                printer took a galley of type and scrambled it to make a
                type specimen book.
              </div>
            </div>
          </div>
        </div>
        <div class="ud-single-faq wow fadeInUp" data-wow-delay=".2s">
          <div class="accordion">
            <button class="ud-faq-btn collapsed" data-bs-toggle="collapse" data-bs-target="#collapseSix">
              <span class="icon flex-shrink-0">
                <i class="lni lni-chevron-down"></i>
              </span>
              <span>Where and how to host this template?</span>
            </button>
            <div id="collapseSix" class="accordion-collapse collapse">
              <div class="ud-faq-body">
                Lorem Ipsum is simply dummy text of the printing and
                typesetting industry. Lorem Ipsum has been the industry's
                standard dummy text ever since the 1500s, when an unknown
                printer took a galley of type and scrambled it to make a
                type specimen book.
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("play-bootstrap/features", {
    name: "Features",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/features-thumb.jpeg",
    html: ` <section id="features" class="ud-features">
   <div class="container">
     <div class="row">
       <div class="col-lg-12">
         <div class="ud-section-title">
           <span>Features</span>
           <h2>Main Features of Play</h2>
           <p>
             There are many variations of passages of Lorem Ipsum available
             but the majority have suffered alteration in some form.
           </p>
         </div>
       </div>
     </div>
     <div class="row">
       <div class="col-xl-3 col-lg-3 col-sm-6">
         <div class="ud-single-feature wow fadeInUp" data-wow-delay=".1s">
           <div class="ud-feature-icon">
             <i class="lni lni-gift"></i>
           </div>
           <div class="ud-feature-content">
             <h3 class="ud-feature-title">Free and Open-Source</h3>
             <p class="ud-feature-desc">
               Lorem Ipsum is simply dummy text of the printing and industry.
             </p>
             <a href="javascript:void(0)" class="ud-feature-link">
               Learn More
             </a>
           </div>
         </div>
       </div>
       <div class="col-xl-3 col-lg-3 col-sm-6">
         <div class="ud-single-feature wow fadeInUp" data-wow-delay=".15s">
           <div class="ud-feature-icon">
             <i class="lni lni-move"></i>
           </div>
           <div class="ud-feature-content">
             <h3 class="ud-feature-title">Multipurpose Template</h3>
             <p class="ud-feature-desc">
               Lorem Ipsum is simply dummy text of the printing and industry.
             </p>
             <a href="javascript:void(0)" class="ud-feature-link">
               Learn More
             </a>
           </div>
         </div>
       </div>
       <div class="col-xl-3 col-lg-3 col-sm-6">
         <div class="ud-single-feature wow fadeInUp" data-wow-delay=".2s">
           <div class="ud-feature-icon">
             <i class="lni lni-layout"></i>
           </div>
           <div class="ud-feature-content">
             <h3 class="ud-feature-title">High-quality Design</h3>
             <p class="ud-feature-desc">
               Lorem Ipsum is simply dummy text of the printing and industry.
             </p>
             <a href="javascript:void(0)" class="ud-feature-link">
               Learn More
             </a>
           </div>
         </div>
       </div>
       <div class="col-xl-3 col-lg-3 col-sm-6">
         <div class="ud-single-feature wow fadeInUp" data-wow-delay=".25s">
           <div class="ud-feature-icon">
             <i class="lni lni-layers"></i>
           </div>
           <div class="ud-feature-content">
             <h3 class="ud-feature-title">All Essential Elements</h3>
             <p class="ud-feature-desc">
               Lorem Ipsum is simply dummy text of the printing and industry.
             </p>
             <a href="javascript:void(0)" class="ud-feature-link">
               Learn More
             </a>
           </div>
         </div>
       </div>
     </div>
   </div>
 </section>`
});Vvveb.Sections.add("play-bootstrap/footer", {
    name: "Footer",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/footer-thumb.jpeg",
    html: `<footer class="ud-footer wow fadeInUp" data-wow-delay=".15s">
  <div class="shape shape-1">
    <img src="images/footer/shape-1.svg" alt="shape" />
  </div>
  <div class="shape shape-2">
    <img src="images/footer/shape-2.svg" alt="shape" />
  </div>
  <div class="shape shape-3">
    <img src="images/footer/shape-3.svg" alt="shape" />
  </div>
  <div class="ud-footer-widgets">
    <div class="container">
      <div class="row">
        <div class="col-xl-3 col-lg-4 col-md-6">
          <div class="ud-widget">
            <a href="index.html" class="ud-footer-logo">
              <img src="images/logo/logo.svg" alt="logo" />
            </a>
            <p class="ud-widget-desc">
              We create digital experiences for brands and companies by
              using technology.
            </p>
            <ul class="ud-widget-socials">
              <li>
                <a href="https://twitter.com/MusharofChy">
                  <i class="lni lni-facebook-filled"></i>
                </a>
              </li>
              <li>
                <a href="https://twitter.com/MusharofChy">
                  <i class="lni lni-twitter-filled"></i>
                </a>
              </li>
              <li>
                <a href="https://twitter.com/MusharofChy">
                  <i class="lni lni-instagram-filled"></i>
                </a>
              </li>
              <li>
                <a href="https://twitter.com/MusharofChy">
                  <i class="lni lni-linkedin-original"></i>
                </a>
              </li>
            </ul>
          </div>
        </div>

        <div class="col-xl-2 col-lg-2 col-md-6 col-sm-6">
          <div class="ud-widget">
            <h5 class="ud-widget-title">About Us</h5>
            <ul class="ud-widget-links">
              <li>
                <a href="javascript:void(0)">Home</a>
              </li>
              <li>
                <a href="javascript:void(0)">Features</a>
              </li>
              <li>
                <a href="javascript:void(0)">About</a>
              </li>
              <li>
                <a href="javascript:void(0)">Testimonial</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-xl-2 col-lg-3 col-md-6 col-sm-6">
          <div class="ud-widget">
            <h5 class="ud-widget-title">Features</h5>
            <ul class="ud-widget-links">
              <li>
                <a href="javascript:void(0)">How it works</a>
              </li>
              <li>
                <a href="javascript:void(0)">Privacy policy</a>
              </li>
              <li>
                <a href="javascript:void(0)">Terms of service</a>
              </li>
              <li>
                <a href="javascript:void(0)">Refund policy</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-xl-2 col-lg-3 col-md-6 col-sm-6">
          <div class="ud-widget">
            <h5 class="ud-widget-title">Our Products</h5>
            <ul class="ud-widget-links">
              <li>
                <a href="https://lineicons.com/" rel="nofollow noopner" target="_blank">Lineicons
                </a>
              </li>
              <li>
                <a href="https://ecommercehtml.com/" rel="nofollow noopner" target="_blank">Ecommerce HTML</a>
              </li>
              <li>
                <a href="https://ayroui.com/" rel="nofollow noopner" target="_blank">Ayro UI</a>
              </li>
              <li>
                <a href="https://graygrids.com/" rel="nofollow noopner" target="_blank">Plain Admin</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-xl-3 col-lg-6 col-md-8 col-sm-10">
          <div class="ud-widget">
            <h5 class="ud-widget-title">Partners</h5>
            <ul class="ud-widget-brands">
              <li>
                <a href="https://ayroui.com/" rel="nofollow noopner" target="_blank">
                  <img src="images/footer/brands/ayroui.svg" alt="ayroui" />
                </a>
              </li>
              <li>
                <a href="https://ecommercehtml.com/" rel="nofollow noopner" target="_blank">
                  <img src="images/footer/brands/ecommerce-html.svg" alt="ecommerce-html" />
                </a>
              </li>
              <li>
                <a href="https://graygrids.com/" rel="nofollow noopner" target="_blank">
                  <img src="images/footer/brands/graygrids.svg" alt="graygrids" />
                </a>
              </li>
              <li>
                <a href="https://lineicons.com/" rel="nofollow noopner" target="_blank">
                  <img src="images/footer/brands/lineicons.svg" alt="lineicons" />
                </a>
              </li>
              <li>
                <a href="https://uideck.com/" rel="nofollow noopner" target="_blank">
                  <img src="images/footer/brands/uideck.svg" alt="uideck" />
                </a>
              </li>
              <li>
                <a href="https://tailwindtemplates.co/" rel="nofollow noopner" target="_blank">
                  <img src="images/footer/brands/tailwindtemplates.svg" alt="tailwindtemplates" />
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="ud-footer-bottom">
    <div class="container">
      <div class="row">
        <div class="col-md-8">
          <ul class="ud-footer-bottom-left">
            <li>
              <a href="javascript:void(0)">Privacy policy</a>
            </li>
            <li>
              <a href="javascript:void(0)">Support policy</a>
            </li>
            <li>
              <a href="javascript:void(0)">Terms of service</a>
            </li>
          </ul>
        </div>
        <div class="col-md-4">
          <p class="ud-footer-bottom-right">
            Designed and Developed by
            <a href="https://uideck.com" rel="nofollow">UIdeck</a>
          </p>
        </div>
      </div>
    </div>
  </div>
</footer>`
});Vvveb.Sections.add("play-bootstrap/header", {
    name: "Header",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/header-thumb.jpeg",
    html: `<header class="ud-header">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <nav class="navbar navbar-expand-lg">
          <a class="navbar-brand" href="index.html">
            <img src="images/logo/logo.svg" alt="Logo" />
          </a>
          <button class="navbar-toggler">
            <span class="toggler-icon"> </span>
            <span class="toggler-icon"> </span>
            <span class="toggler-icon"> </span>
          </button>

          <div class="navbar-collapse">
            <ul id="nav" class="navbar-nav mx-auto">
              <li class="nav-item">
                <a class="ud-menu-scroll" href="#home">Home</a>
              </li>

              <li class="nav-item">
                <a class="ud-menu-scroll" href="#about">About</a>
              </li>
              <li class="nav-item">
                <a class="ud-menu-scroll" href="#pricing">Pricing</a>
              </li>
              <li class="nav-item">
                <a class="ud-menu-scroll" href="#team">Team</a>
              </li>
              <li class="nav-item">
                <a class="ud-menu-scroll" href="#contact">Contact</a>
              </li>
              <li class="nav-item nav-item-has-children">
                <a href="javascript:void(0)"> Pages </a>
                <ul class="ud-submenu">
                  <li class="ud-submenu-item">
                    <a href="about.html" class="ud-submenu-link">
                      About Page
                    </a>
                  </li>
                  <li class="ud-submenu-item">
                    <a href="pricing.html" class="ud-submenu-link">
                      Pricing Page
                    </a>
                  </li>
                  <li class="ud-submenu-item">
                    <a href="contact.html" class="ud-submenu-link">
                      Contact Page
                    </a>
                  </li>
                  <li class="ud-submenu-item">
                    <a href="blog.html" class="ud-submenu-link">
                      Blog Grid Page
                    </a>
                  </li>
                  <li class="ud-submenu-item">
                    <a href="blog-details.html" class="ud-submenu-link">
                      Blog Details Page
                    </a>
                  </li>
                  <li class="ud-submenu-item">
                    <a href="login.html" class="ud-submenu-link">
                      Sign In Page
                    </a>
                  </li>
                  <li class="ud-submenu-item">
                    <a href="404.html" class="ud-submenu-link">404 Page</a>
                  </li>
                </ul>
              </li>
            </ul>
          </div>

          <div class="navbar-btn d-none d-sm-inline-block">
            <a href="login.html" class="ud-main-btn ud-login-btn">
              Sign In
            </a>
            <a class="ud-main-btn ud-white-btn" href="javascript:void(0)">
              Sign Up
            </a>
          </div>
        </nav>
      </div>
    </div>
  </div>
</header>`
});Vvveb.Sections.add("play-bootstrap/hero", {
    name: "Hero",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/hero-thumb.jpeg",
    html: `<section class="ud-hero" id="home">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="ud-hero-content wow fadeInUp" data-wow-delay=".2s">
          <h1 class="ud-hero-title">
            Open-Source Web Template for SaaS, Startup, Apps, and More
          </h1>
          <p class="ud-hero-desc">
            Multidisciplinary Web Template Built with Your Favourite
            Technology - HTML Bootstrap, Tailwind and React NextJS.
          </p>
          <ul class="ud-hero-buttons">
            <li>
              <a href="https://links.uideck.com/play-bootstrap-download" rel="nofollow noopener" target="_blank" class="ud-main-btn ud-white-btn">
                Download Now
              </a>
            </li>
            <li>
              <a href="https://github.com/uideck/play-bootstrap" rel="nofollow noopener" target="_blank" class="ud-main-btn ud-link-btn">
                Learn More <i class="lni lni-arrow-right"></i>
              </a>
            </li>
          </ul>
        </div>
        <div class="ud-hero-brands-wrapper wow fadeInUp" data-wow-delay=".3s">
          <img src="images/hero/brand.svg" alt="brand" />
        </div>
        <div class="ud-hero-image wow fadeInUp" data-wow-delay=".25s">
          <img src="images/hero/hero-image.svg" alt="hero-image" />
          <img src="images/hero/dotted-shape.svg" alt="shape" class="shape shape-1" />
          <img src="images/hero/dotted-shape.svg" alt="shape" class="shape shape-2" />
        </div>
      </div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("play-bootstrap/login", {
    name: "Login",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/login-thumb.jpeg",
    html: `<section class="ud-login">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="ud-login-wrapper">
          <div class="ud-login-logo">
            <img src="images/logo/logo-2.svg" alt="logo" />
          </div>
          <form class="ud-login-form">
            <div class="ud-form-group">
              <input type="email" name="email" placeholder="Email/username" />
            </div>
            <div class="ud-form-group">
              <input type="password" name="password" placeholder="*********" />
            </div>
            <div class="ud-form-group">
              <button type="submit" class="ud-main-btn w-100">Login</button>
            </div>
          </form>

          <div class="ud-socials-connect">
            <p>Connect With</p>

            <ul>
              <li>
                <a href="javascript:void(0)" class="facebook">
                  <i class="lni lni-facebook-filled"></i>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)" class="twitter">
                  <i class="lni lni-twitter-filled"></i>
                </a>
              </li>
              <li>
                <a href="javascript:void(0)" class="google">
                  <i class="lni lni-google"></i>
                </a>
              </li>
            </ul>
          </div>

          <a class="forget-pass" href="javascript:void(0)">
            Forget Password?
          </a>
          <p class="signup-option">
            Not a member yet? <a href="javascript:void(0)"> Sign Up </a>
          </p>
        </div>
      </div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("play-bootstrap/pricing", {
    name: "Pricing",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/pricing-thumb.jpeg",
    html: `<section id="pricing" class="ud-pricing">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="ud-section-title mx-auto text-center">
          <span>Pricing</span>
          <h2>Our Pricing Plans</h2>
          <p>
            There are many variations of passages of Lorem Ipsum available
            but the majority have suffered alteration in some form.
          </p>
        </div>
      </div>
    </div>

    <div class="row g-0 align-items-center justify-content-center">
      <div class="col-lg-4 col-md-6 col-sm-10">
        <div class="ud-single-pricing first-item wow fadeInUp" data-wow-delay=".15s">
          <div class="ud-pricing-header">
            <h3>STARTING FROM</h3>
            <h4>$ 19.99/mo</h4>
          </div>
          <div class="ud-pricing-body">
            <ul>
              <li>5 User</li>
              <li>All UI components</li>
              <li>Lifetime access</li>
              <li>Free updates</li>
              <li>Use on 1 (one) project</li>
              <li>4 Months support</li>
            </ul>
          </div>
          <div class="ud-pricing-footer">
            <a href="javascript:void(0)" class="ud-main-btn ud-border-btn">
              Purchase Now
            </a>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-10">
        <div class="ud-single-pricing active wow fadeInUp" data-wow-delay=".1s">
          <span class="ud-popular-tag">POPULAR</span>
          <div class="ud-pricing-header">
            <h3>STARTING FROM</h3>
            <h4>$ 30.99/mo</h4>
          </div>
          <div class="ud-pricing-body">
            <ul>
              <li>5 User</li>
              <li>All UI components</li>
              <li>Lifetime access</li>
              <li>Free updates</li>
              <li>Use on 1 (one) project</li>
              <li>4 Months support</li>
            </ul>
          </div>
          <div class="ud-pricing-footer">
            <a href="javascript:void(0)" class="ud-main-btn ud-white-btn">
              Purchase Now
            </a>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6 col-sm-10">
        <div class="ud-single-pricing last-item wow fadeInUp" data-wow-delay=".15s">
          <div class="ud-pricing-header">
            <h3>STARTING FROM</h3>
            <h4>$ 70.99/mo</h4>
          </div>
          <div class="ud-pricing-body">
            <ul>
              <li>5 User</li>
              <li>All UI components</li>
              <li>Lifetime access</li>
              <li>Free updates</li>
              <li>Use on 1 (one) project</li>
              <li>4 Months support</li>
            </ul>
          </div>
          <div class="ud-pricing-footer">
            <a href="javascript:void(0)" class="ud-main-btn ud-border-btn">
              Purchase Now
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("play-bootstrap/related-articles", {
    name: "Related articles",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/related-articles-thumb.jpeg",
    html: `<section class="ud-blog-grids ud-related-articles">
  <div class="container">
    <div class="row col-lg-12">
      <div class="ud-related-title">
        <h2 class="ud-related-articles-title">Related Articles</h2>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-blog">
          <div class="ud-blog-image">
            <a href="blog-details.html">
              <img src="images/blog/blog-01.jpg" alt="blog" />
            </a>
          </div>
          <div class="ud-blog-content">
            <span class="ud-blog-date">Dec 22, 2023</span>
            <h3 class="ud-blog-title">
              <a href="blog-details.html">
                Meet AutoManage, the best AI management tools
              </a>
            </h3>
            <p class="ud-blog-desc">
              Lorem Ipsum is simply dummy text of the printing and
              typesetting industry.
            </p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-blog">
          <div class="ud-blog-image">
            <a href="blog-details.html">
              <img src="images/blog/blog-02.jpg" alt="blog" />
            </a>
          </div>
          <div class="ud-blog-content">
            <span class="ud-blog-date">Dec 22, 2023</span>
            <h3 class="ud-blog-title">
              <a href="blog-details.html">
                How to earn more money as a wellness coach
              </a>
            </h3>
            <p class="ud-blog-desc">
              Lorem Ipsum is simply dummy text of the printing and
              typesetting industry.
            </p>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-blog">
          <div class="ud-blog-image">
            <a href="blog-details.html">
              <img src="images/blog/blog-03.jpg" alt="blog" />
            </a>
          </div>
          <div class="ud-blog-content">
            <span class="ud-blog-date">Dec 22, 2023</span>
            <h3 class="ud-blog-title">
              <a href="blog-details.html">
                The no-fuss guide to upselling and cross selling
              </a>
            </h3>
            <p class="ud-blog-desc">
              Lorem Ipsum is simply dummy text of the printing and
              typesetting industry.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("play-bootstrap/team", {
    name: "Team",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/team-thumb.jpeg",
    html: `<section id="team" class="ud-team">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="ud-section-title mx-auto text-center">
          <span>Our Team</span>
          <h2>Meet The Team</h2>
          <p>
            There are many variations of passages of Lorem Ipsum available
            but the majority have suffered alteration in some form.
          </p>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-xl-3 col-lg-3 col-sm-6">
        <div class="ud-single-team wow fadeInUp" data-wow-delay=".1s">
          <div class="ud-team-image-wrapper">
            <div class="ud-team-image">
              <img src="images/team/team-01.png" alt="team" />
            </div>

            <img src="images/team/dotted-shape.svg" alt="shape" class="shape shape-1" />
            <img src="images/team/shape-2.svg" alt="shape" class="shape shape-2" />
          </div>
          <div class="ud-team-info">
            <h5>Adveen Desuza</h5>
            <h6>UI Designer</h6>
          </div>
          <ul class="ud-team-socials">
            <li>
              <a href="https://twitter.com/MusharofChy">
                <i class="lni lni-facebook-filled"></i>
              </a>
            </li>
            <li>
              <a href="https://twitter.com/MusharofChy">
                <i class="lni lni-twitter-filled"></i>
              </a>
            </li>
            <li>
              <a href="https://twitter.com/MusharofChy">
                <i class="lni lni-instagram-filled"></i>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-xl-3 col-lg-3 col-sm-6">
        <div class="ud-single-team wow fadeInUp" data-wow-delay=".15s">
          <div class="ud-team-image-wrapper">
            <div class="ud-team-image">
              <img src="images/team/team-02.png" alt="team" />
            </div>

            <img src="images/team/dotted-shape.svg" alt="shape" class="shape shape-1" />
            <img src="images/team/shape-2.svg" alt="shape" class="shape shape-2" />
          </div>
          <div class="ud-team-info">
            <h5>Jezmin uniya</h5>
            <h6>Product Designer</h6>
          </div>
          <ul class="ud-team-socials">
            <li>
              <a href="https://twitter.com/MusharofChy">
                <i class="lni lni-facebook-filled"></i>
              </a>
            </li>
            <li>
              <a href="https://twitter.com/MusharofChy">
                <i class="lni lni-twitter-filled"></i>
              </a>
            </li>
            <li>
              <a href="https://twitter.com/MusharofChy">
                <i class="lni lni-instagram-filled"></i>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-xl-3 col-lg-3 col-sm-6">
        <div class="ud-single-team wow fadeInUp" data-wow-delay=".2s">
          <div class="ud-team-image-wrapper">
            <div class="ud-team-image">
              <img src="images/team/team-03.png" alt="team" />
            </div>

            <img src="images/team/dotted-shape.svg" alt="shape" class="shape shape-1" />
            <img src="images/team/shape-2.svg" alt="shape" class="shape shape-2" />
          </div>
          <div class="ud-team-info">
            <h5>Andrieo Gloree</h5>
            <h6>App Developer</h6>
          </div>
          <ul class="ud-team-socials">
            <li>
              <a href="https://twitter.com/MusharofChy">
                <i class="lni lni-facebook-filled"></i>
              </a>
            </li>
            <li>
              <a href="https://twitter.com/MusharofChy">
                <i class="lni lni-twitter-filled"></i>
              </a>
            </li>
            <li>
              <a href="https://twitter.com/MusharofChy">
                <i class="lni lni-instagram-filled"></i>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-xl-3 col-lg-3 col-sm-6">
        <div class="ud-single-team wow fadeInUp" data-wow-delay=".25s">
          <div class="ud-team-image-wrapper">
            <div class="ud-team-image">
              <img src="images/team/team-04.png" alt="team" />
            </div>

            <img src="images/team/dotted-shape.svg" alt="shape" class="shape shape-1" />
            <img src="images/team/shape-2.svg" alt="shape" class="shape shape-2" />
          </div>
          <div class="ud-team-info">
            <h5>Jackie Sanders</h5>
            <h6>Content Writer</h6>
          </div>
          <ul class="ud-team-socials">
            <li>
              <a href="https://twitter.com/MusharofChy">
                <i class="lni lni-facebook-filled"></i>
              </a>
            </li>
            <li>
              <a href="https://twitter.com/MusharofChy">
                <i class="lni lni-twitter-filled"></i>
              </a>
            </li>
            <li>
              <a href="https://twitter.com/MusharofChy">
                <i class="lni lni-instagram-filled"></i>
              </a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</section>`
});Vvveb.Sections.add("play-bootstrap/testimonials", {
    name: "Testimonials",
    image: Vvveb.themeBaseUrl + "/screenshots/play-bootstrap/testimonials-thumb.jpeg",
    html: `<section id="testimonials" class="ud-testimonials">
  <div class="container">
    <div class="row">
      <div class="col-lg-12">
        <div class="ud-section-title mx-auto text-center">
          <span>Testimonials</span>
          <h2>What our Customers Says</h2>
          <p>
            There are many variations of passages of Lorem Ipsum available
            but the majority have suffered alteration in some form.
          </p>
        </div>
      </div>
    </div>

    <div class="row">
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-testimonial wow fadeInUp" data-wow-delay=".1s">
          <div class="ud-testimonial-ratings">
            <i class="lni lni-star-filled"></i>
            <i class="lni lni-star-filled"></i>
            <i class="lni lni-star-filled"></i>
            <i class="lni lni-star-filled"></i>
            <i class="lni lni-star-filled"></i>
          </div>
          <div class="ud-testimonial-content">
            <p>
              “Our members are so impressed. It's intuitive. It's clean.
              It's distraction free. If you're building a community.
            </p>
          </div>
          <div class="ud-testimonial-info">
            <div class="ud-testimonial-image">
              <img src="images/testimonials/author-01.png" alt="author" />
            </div>
            <div class="ud-testimonial-meta">
              <h4>Sabo Masties</h4>
              <p>Founder @UIdeck</p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-testimonial wow fadeInUp" data-wow-delay=".15s">
          <div class="ud-testimonial-ratings">
            <i class="lni lni-star-filled"></i>
            <i class="lni lni-star-filled"></i>
            <i class="lni lni-star-filled"></i>
            <i class="lni lni-star-filled"></i>
            <i class="lni lni-star-filled"></i>
          </div>
          <div class="ud-testimonial-content">
            <p>
              “Our members are so impressed. It's intuitive. It's clean.
              It's distraction free. If you're building a community.
            </p>
          </div>
          <div class="ud-testimonial-info">
            <div class="ud-testimonial-image">
              <img src="images/testimonials/author-02.png" alt="author" />
            </div>
            <div class="ud-testimonial-meta">
              <h4>Margin Gesmu</h4>
              <p>Founder @Lineicons</p>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 col-md-6">
        <div class="ud-single-testimonial wow fadeInUp" data-wow-delay=".2s">
          <div class="ud-testimonial-ratings">
            <i class="lni lni-star-filled"></i>
            <i class="lni lni-star-filled"></i>
            <i class="lni lni-star-filled"></i>
            <i class="lni lni-star-filled"></i>
            <i class="lni lni-star-filled"></i>
          </div>
          <div class="ud-testimonial-content">
            <p>
              “Our members are so impressed. It's intuitive. It's clean.
              It's distraction free. If you're building a community.
            </p>
          </div>
          <div class="ud-testimonial-info">
            <div class="ud-testimonial-image">
              <img src="images/testimonials/author-03.png" alt="author" />
            </div>
            <div class="ud-testimonial-meta">
              <h4>William Smith</h4>
              <p>Founder @GrayGrids</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row">
      <div class="col-lg-12">
        <div class="ud-brands wow fadeInUp" data-wow-delay=".2s">
          <div class="ud-title">
            <h6>Trusted and Used by</h6>
          </div>
          <div class="ud-brands-logo">
            <div class="ud-single-logo">
              <img src="images/brands/ayroui.svg" alt="ayroui" />
            </div>
            <div class="ud-single-logo">
              <img src="images/brands/uideck.svg" alt="uideck" />
            </div>
            <div class="ud-single-logo">
              <img src="images/brands/graygrids.svg" alt="graygrids" />
            </div>
            <div class="ud-single-logo">
              <img src="images/brands/lineicons.svg" alt="lineicons" />
            </div>
            <div class="ud-single-logo">
              <img src="images/brands/ecommerce-html.svg" alt="ecommerce-html" />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>`
});
	Vvveb.SectionsGroup["Play bootstrap"] = ["play-bootstrap/about","play-bootstrap/blog-details","play-bootstrap/blog-grids","play-bootstrap/contact","play-bootstrap/faq","play-bootstrap/features","play-bootstrap/footer","play-bootstrap/header","play-bootstrap/hero","play-bootstrap/login","play-bootstrap/pricing","play-bootstrap/related-articles","play-bootstrap/team","play-bootstrap/testimonials"];
