happychin-web/pages/index/index-one.vue

<template>
  <!-- <div id="preloader" class="preloader">
        <div class="animation-preloader">
            <div class="spinner"></div>
            <div class="txt-loading"><span data-text-preloader="K" class="letters-loading">K </span><span
                    data-text-preloader="I" class="letters-loading">I </span><span data-text-preloader="D"
                    class="letters-loading">D </span><span data-text-preloader="S" class="letters-loading">S
                </span><span data-text-preloader="A" class="letters-loading">A </span></div>
            <p class="text-center">Loading</p>
        </div>
        <div class="loader">
            <div class="row">
                <div class="col-3 loader-section section-left">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-left">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-right">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-right">
                    <div class="bg"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="fix-area">
        <div class="offcanvas__info">
            <div class="offcanvas__wrapper">
                <div class="offcanvas__content">
                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
                        <div class="offcanvas__logo"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
                                    alt="logo-img"></a></div>
                        <div class="offcanvas__close"><button><i class="fas fa-times"></i></button></div>
                    </div>
                    <p class="text d-none d-xl-block">Nullam dignissim,ante scelerisque the is euismod fermentum odio
                        sem semper the is erat,a feugiat leo urna eget eros. Duis Aenean a imperdiet risus. </p>
                    <div class="mobile-menu fix mb-3"></div>
                    <div class="offcanvas__contact">
                        <h4>Contact Info</h4>
                        <ul>
                            <li class="d-flex align-items-center">
                                <div class="offcanvas__contact-icon"><i class="fal fa-map-marker-alt"></i></div>
                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Main
                                        Street,Melbourne,Australia</a></div>
                            </li>
                            <li class="d-flex align-items-center">
                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-envelope"></i></div>
                                <div class="offcanvas__contact-text"><a href="mailto:info@example.com"><span
                                            class="mailto:info@example.com">info@example.com</span></a></div>
                            </li>
                            <li class="d-flex align-items-center">
                                <div class="offcanvas__contact-icon mr-15"><i class="fal fa-clock"></i></div>
                                <div class="offcanvas__contact-text"><a target="_blank" href="#">Mod-friday,09am
                                        -05pm</a></div>
                            </li>
                            <li class="d-flex align-items-center">
                                <div class="offcanvas__contact-icon mr-15"><i class="far fa-phone"></i></div>
                                <div class="offcanvas__contact-text"><a href="tel:+11002345909">+11002345909</a></div>
                            </li>
                        </ul>
                        <div class="header-button mt-4"><a href="contact.html" class="theme-btn text-center"><span>Get A
                                    Quote<i class="fa-solid fa-arrow-right-long"></i></span></a></div>
                        <div class="social-icon d-flex align-items-center"><a href="#"><i
                                    class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
                                href="#"><i class="fab fa-youtube"></i></a><a href="#"><i
                                    class="fab fa-linkedin-in"></i></a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="offcanvas__overlay"></div> -->
  <Preloader></Preloader>
  <FixArea></FixArea>
  <!-- <div class="header-top-section">
        <div class="header-top-shape"><img src="/picture/header-top-shape.png" alt="shape-img"></div>
        <div class="container-fluid">
            <div class="header-top-wrapper">
                <ul class="contact-list">
                    <li><i class="fal fa-map-marker-alt"></i>6391 Elgin St. Celina,USA </li>
                    <li><i class="far fa-envelope"></i><a href="mailto:info@example.com"
                            class="link">info@example.com</a></li>
                </ul>
                <div class="social-icon d-flex align-items-center"><span>Follow Us On:</span><a href="#"><i
                            class="fab fa-facebook-f"></i></a><a href="#"><i class="fab fa-twitter"></i></a><a
                        href="#"><i class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
                            class="fa-brands fa-youtube"></i></a></div>
            </div>
        </div>
    </div> -->
  <Header-top-section />
  <TopHeader headerClass="header-1" />
  <!-- <header id="header-sticky" class="header-1">
        <div class="container-fluid">
            <div class="mega-menu-wrapper">
                <div class="header-main style-2">
                    <div class="header-left">
                        <div class="logo"><a href="p9wfc14694.html" class="header-logo"><img
                                    src="/picture/logo.svg" alt="logo-img"></a></div>
                        <div class="category-oneadjust"><img src="/picture/grid.svg" alt="img"
                                class="me-2"><select name="cate" class="category">
                                <option value="1">Category </option>
                                <option value="1">Designer </option>
                                <option value="1">Developer </option>
                                <option value="1">Graphic </option>
                                <option value="1">Softwer </option>
                            </select></div>
                    </div>
                    <div class="header-right d-flex justify-content-end align-items-center">
                        <div class="mean__menu-wrapper">
                            <div class="main-menu">
                                <nav id="mobile-menu">
                                    <ul>
                                        <li class="has-dropdown active menu-thumb"><a href="p9wfc14694.html">Home <i
                                                    class="fas fa-angle-down"></i></a>
                                            <ul class="submenu has-homemenu">
                                                <li>
                                                    <div class="homemenu-items">
                                                        <div class="homemenu">
                                                            <div class="homemenu-thumb"><img
                                                                    src="/picture/home-1.jpg" alt="img">
                                                                <div class="demo-button"><a href="p9wfc14694.html"
                                                                        class="theme-btn"><span>Multi Page</span></a><a
                                                                        href="" class="theme-btn"><span>One
                                                                            Page</span></a></div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="homemenu-title">Home 01 </h4>
                                                            </div>
                                                        </div>
                                                        <div class="homemenu">
                                                            <div class="homemenu-thumb mb-15"><img
                                                                    src="/picture/home-2.jpg" alt="img">
                                                                <div class="demo-button"><a href="index-2.html"
                                                                        class="theme-btn"><span>Multi Page</span></a><a
                                                                        href="index-two-page.html"
                                                                        class="theme-btn"><span>One Page</span></a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="homemenu-title">Home 02 </h4>
                                                            </div>
                                                        </div>
                                                        <div class="homemenu">
                                                            <div class="homemenu-thumb mb-15"><img
                                                                    src="/picture/home-3.jpg" alt="img">
                                                                <div class="demo-button"><a href="index-3.html"
                                                                        class="theme-btn"><span>Multi Page</span></a><a
                                                                        href="index-three-page.html"
                                                                        class="theme-btn"><span>One Page</span></a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="homemenu-title">Home 03 </h4>
                                                            </div>
                                                        </div>
                                                        <div class="homemenu">
                                                            <div class="homemenu-thumb mb-15"><img
                                                                    src="/picture/home-4.jpg" alt="img">
                                                                <div class="demo-button"><a href="index-4.html"
                                                                        class="theme-btn"><span>Multi Page</span></a><a
                                                                        href="index-four-page.html"
                                                                        class="theme-btn"><span>One Page</span></a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="homemenu-title">Home 04 </h4>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li><a href="#about">About Us</a></li>
                                        <li><a href="#programs">Programs</a></li>
                                        <li><a href="#team">Team</a></li>
                                        <li><a href="#blog">Blog</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div><a href="#0" class="search-trigger search-icon"><i class="fal fa-search"></i></a>
                        <div class="header-button"><a href="contact.html" class="theme-btn"><span>get A Quote <i
                                        class="fa-solid fa-arrow-right-long"></i></span></a></div>
                        <div class="header__hamburger d-xl-none my-auto">
                            <div class="sidebar__toggle"><i class="fas fa-bars"></i></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header> -->
  <div class="search-wrap">
    <div class="search-inner">
      <i class="fas fa-times search-close" id="search-close"></i>
      <div class="search-cell">
        <form method="get">
          <div class="search-field-holder">
            <input type="search" class="main-search-input" placeholder="Search..." />
          </div>
        </form>
      </div>
    </div>
  </div>
  <section class="hero-section hero-1 fix">
    <div class="bottom-shape"><img src="/picture/bottom.svg" alt="shape-img" /></div>
    <div class="parasuit-shape float-bob-y">
      <img src="/picture/parasuit.png" alt="shape-img" />
    </div>
    <div class="left-shape"><img src="/picture/left.png" alt="shape-img" /></div>
    <div class="book-shape float-bob-x"><img src="/picture/book.png" alt="shape-img" /></div>
    <div class="pencil-shape"><img src="/picture/pencil.png" alt="shape-img" /></div>
    <div class="bee-shape float-bob-y"><img src="/picture/bee.png" alt="shape-img" /></div>
    <div class="right-shape"><img src="/picture/right.png" alt="shape-img" /></div>
    <div class="star-shape"><img src="/picture/star.png" alt="shape-img" /></div>
    <div class="container">
      <div class="row g-4 align-items-center">
        <div class="col-lg-6">
          <div class="hero-content">
            <h5 class="wow fadeInUp">Kindergarten & Baby Care</h5>
            <h1 class="wow fadeInUp" data-wow-delay=".3s">
              Happy Speaking
              <br />
              Happy Reading
              <br />
              Happy Writing
              <br />
            </h1>
            <p class="wow fadeInUp" data-wow-delay=".5s">
              Communication is a natural instinct for humans, and we help our
              <br />
              children build bridges with the world
            </p>
            <div class="hero-button">
              <a href="javascript:(0)" class="theme-btn wow fadeInUp" data-wow-delay=".7s">
                Apply Today
                <i class="fa-solid fa-arrow-right-long"></i>
              </a>
              <!-- <span class="button-text wow fadeInUp" data-wow-delay=".8s">
                <a
                  href="https://www.youtube.com/watch?v=Cn4G2lZ_g2I"
                  class="video-btn ripple video-popup"
                >
                  <i class="fa-solid fa-play"></i>
                </a>
                <span class="ms-4 d-line">Play Video</span>
              </span> -->
            </div>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="hero-image wow fadeInUp" data-wow-delay=".4s">
            <img src="/picture/01.png" alt="hero-img" />
            <div class="hero-shape">
              <img src="/picture/hero-shape.png" alt="shape-img" />
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="about-section section-padding" id="about">
    <div class="bus-shape float-bob-x">
      <img src="/picture/bus.png" alt="shape-img" />
    </div>
    <div class="girl-shape float-bob-y">
      <img src="/picture/girl.png" alt="shape-img" />
    </div>
    <div class="dot-shape">
      <img src="/picture/dot.png" alt="shape-img" />
    </div>
    <div class="container">
      <div class="about-wrapper mb-40">
        <div class="row g-4">
          <div class="col-lg-6">
            <div class="about-image wow fadeInUp" data-wow-delay=".3s">
              <img src="/picture/011.png" alt="about-img" />
              <div class="about-image-2">
                <img src="/picture/02.png" alt="about-img" />
              </div>
            </div>
          </div>
          <div class="col-lg-6">
            <div class="about-content">
              <div class="section-title">
                <span class="wow fadeInUp">About us</span>
                <h2 class="wow fadeInUp" data-wow-delay=".3s">Best Choice For Children</h2>
              </div>
              <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                Education is not the filling of a pail but the lighting of a fire
              </p>
              <AboutList />
              <div class="about-author">
                <div class="about-button wow fadeInUp" data-wow-delay=".3s">
                  <a href="about.html" class="theme-btn">
                    Explore More
                    <i class="fa-solid fa-arrow-right-long"></i>
                  </a>
                </div>
                <div class="author-icon wow fadeInUp" data-wow-delay=".5s">
                  <div class="icon">
                    <i class="fa-solid fa-phone"></i>
                  </div>
                  <div class="content">
                    <span>Call Us Now</span>
                    <h5>
                      <a href="tel:+2085550112">+208-555-0112</a>
                    </h5>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="program-section section-padding section-bg-2 fix" id="programs">
    <div class="top-shape">
      <img src="/picture/section-top-shape.svg" alt="shape-img" />
    </div>
    <div class="bottom-shape">
      <img src="/picture/section-bottom-shape.svg" alt="shape-img" />
    </div>
    <div class="mask-shape float-bob-x">
      <img src="/picture/mask.png" alt="shape-img" />
    </div>
    <div class="pencil-shape">
      <img src="/picture/pencil1.png" alt="shape-img" />
    </div>
    <div class="mask-shape-2">
      <img src="/picture/mask-2.png" alt="shape-img" />
    </div>
    <div class="compass-shape">
      <img src="/picture/compass.png" alt="shape-img" />
    </div>
    <div class="container">
      <div class="section-title text-center mt-60">
        <span class="wow fadeInUp">Our Programs</span>
        <h2 class="wow fadeInUp" data-wow-delay=".3s">
          We meet kids at their level
          <br />
          regardless of their age
        </h2>
      </div>
      <div class="row">
        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".3s">
          <div class="program-box-items">
            <div class="program-bg"></div>
            <div class="program-image">
              <img src="/picture/012.png" alt="img" />
            </div>
            <div class="program-content text-center">
              <h4>
                <a href="program-details.html">Kindergarten</a>
              </h4>
              <span>(4-5 years)</span>
              <p>
                Lorem ipsum dolor consectur the
                <br />
                adipiscing elit eiusmod.
              </p>
              <a href="program-details.html" class="arrow-icon">
                <i class="fa-solid fa-arrow-right-long"></i>
              </a>
            </div>
          </div>
        </div>
        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".5s">
          <div class="program-box-items">
            <div class="program-bg bg-2"></div>
            <div class="program-image">
              <img src="/picture/021.png" alt="img" />
            </div>
            <div class="program-content text-center">
              <h4>
                <a href="program-details.html">Chemistry Class</a>
              </h4>
              <span>(1-2 years)</span>
              <p>
                Lorem ipsum dolor consectur the
                <br />
                adipiscing elit eiusmod.
              </p>
              <a href="program-details.html" class="arrow-icon color-2">
                <i class="fa-solid fa-arrow-right-long"></i>
              </a>
            </div>
          </div>
        </div>
        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".7s">
          <div class="program-box-items">
            <div class="program-bg bg-3"></div>
            <div class="program-image">
              <img src="/picture/012.png" alt="img" />
            </div>
            <div class="program-content text-center style-2">
              <h4>
                <a href="program-details.html">Drawing Class</a>
              </h4>
              <span>(1-2 years)</span>
              <p>
                Lorem ipsum dolor consectur the
                <br />
                adipiscing elit eiusmod.
              </p>
              <a href="program-details.html" class="arrow-icon">
                <i class="fa-solid fa-arrow-right-long"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="work-process-section fix section-padding fix">
    <div class="container">
      <div class="process-work-wrapper">
        <div class="row g-4">
          <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
            <div class="work-process-items text-center">
              <div class="line-shape">
                <img src="/picture/line.png" alt="shape-img" />
              </div>
              <div class="icon bg-cover" style="background-image: url('/image/icon-bg.png')">
                <img src="/picture/01.svg" alt="img" />
              </div>
              <div class="content">
                <h4>Choose A Service</h4>
                <p>In a free hour, when our power of choice is untrammeled and</p>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".5s">
            <div class="work-process-items text-center style-2">
              <div class="line-shape-2">
                <img src="/picture/line-2.png" alt="shape-img" />
              </div>
              <div class="icon bg-cover" style="background-image: url('/image/icon-bg.png')">
                <img src="/picture/02.svg" alt="img" />
              </div>
              <div class="content">
                <h4>Expert Teachers</h4>
                <p>In a free hour, when our power of choice is untrammeled and</p>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".7s">
            <div class="work-process-items text-center">
              <div class="line-shape">
                <img src="/picture/line.png" alt="shape-img" />
              </div>
              <div class="icon bg-cover" style="background-image: url('/image/icon-bg.png')">
                <img src="/picture/03.svg" alt="img" />
              </div>
              <div class="content">
                <h4>E-Learning Media</h4>
                <p>In a free hour, when our power of choice is untrammeled and</p>
              </div>
            </div>
          </div>
          <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s">
            <div class="work-process-items text-center">
              <div class="content style-two">
                <h4>Full Day Programs</h4>
                <p>In a free hour, when our power of choice is untrammeled and</p>
              </div>
              <div class="icon bg-cover" style="background-image: url('/image/icon-bg.png')">
                <img src="/picture/04.svg" alt="img" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="about-activities-section section-padding pt-0">
    <div class="pencil-shape">
      <img src="/picture/pencil2.png" alt="shape-img" />
    </div>
    <div class="zebra-shape float-bob-y">
      <img src="/picture/zebra.png" alt="shape-img" />
    </div>
    <div class="container">
      <div class="about-activities-wrapper">
        <div class="row g-4">
          <div class="col-lg-6 wow fadeInUp" data-wow-delay=".4s">
            <div class="activities-image">
              <img src="/picture/03.png" alt="img" />
            </div>
          </div>
          <div class="col-lg-6">
            <div class="activities-content">
              <div class="section-title">
                <span class="wow fadeInUp">Our Best Activities</span>
                <h2 class="wow fadeInUp" data-wow-delay=".3s">
                  Let Us Know About Our
                  <br />
                  Reading And Cultural
                </h2>
              </div>
              <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                Education is not the filling of a pail but the lighting of a fire
              </p>
              <div class="row g-4 mt-4">
                <div class="col-xl-6 col-lg-8 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                  <div class="icon-items">
                    <div class="icon box-color-1">
                      <img src="/picture/icon-1.svg" alt="img" />
                    </div>
                    <div class="content">
                      <h5>Early Learning</h5>
                      <p>
                        Elit Aenean scelerisque
                        <br />
                        vitae consequat the.
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-6 col-lg-8 col-md-6 wow fadeInUp" data-wow-delay=".5s">
                  <div class="icon-items">
                    <div class="icon box-color-3">
                      <img src="/picture/icon-3.svg" alt="img" />
                    </div>
                    <div class="content">
                      <h5>Early Learning</h5>
                      <p>
                        Elit Aenean scelerisque
                        <br />
                        vitae consequat the.
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-6 col-lg-8 col-md-6 wow fadeInUp" data-wow-delay=".6s">
                  <div class="icon-items">
                    <div class="icon box-color-2">
                      <img src="/picture/icon-2.svg" alt="img" />
                    </div>
                    <div class="content">
                      <h5>Early Learning</h5>
                      <p>
                        Elit Aenean scelerisque
                        <br />
                        vitae consequat the.
                      </p>
                    </div>
                  </div>
                </div>
                <div class="col-xl-6 col-lg-8 col-md-6 wow fadeInUp" data-wow-delay=".8s">
                  <div class="icon-items">
                    <div class="icon box-color-4">
                      <img src="/picture/icon-4.svg" alt="img" />
                    </div>
                    <div class="content">
                      <h5>Early Learning</h5>
                      <p>
                        Elit Aenean scelerisque
                        <br />
                        vitae consequat the.
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="team-section fix section-bg section-padding" id="team">
    <div class="top-shape">
      <img src="/picture/section-top-shape.svg" alt="shape-img" />
    </div>
    <div class="love-shape float-bob-x">
      <img src="/picture/love.png" alt="shape-img" />
    </div>
    <div class="frame-shape">
      <img src="/picture/frame.png" alt="shape-img" />
    </div>
    <div class="container">
      <div class="section-title-area">
        <div class="section-title mt-60">
          <span class="wow fadeInUp">Our Experts</span>
          <h2 class="wow fadeInUp" data-wow-delay=".3s">Our Expert Instructors</h2>
        </div>
        <!-- <div class="array-button wow fadeInUp" data-wow-delay=".5s">
          <button class="array-prev"><i class="fal fa-arrow-left"></i></button>
          <button class="array-next"><i class="fal fa-arrow-right"></i></button>
        </div> -->
      </div>
      <div class="swiper team-slider">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="team-items">
              <div class="team-image">
                <div class="shape-img">
                  <img src="/picture/team-shape.png" alt="img" />
                </div>
                <img src="/picture/01.jpg" alt="team-img" />
                <div class="social-profile">
                  <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                  <ul>
                    <li>
                      <a href="#"><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-linkedin-in"></i></a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="team-content">
                <h3>
                  <a href="team-details.html">Brooklyn Simmons</a>
                </h3>
                <p>Instructors</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="team-items">
              <div class="team-image">
                <div class="shape-img">
                  <img src="/picture/team-shape.png" alt="img" />
                </div>
                <img src="/picture/02.jpg" alt="team-img" />
                <div class="social-profile">
                  <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                  <ul>
                    <li>
                      <a href="#"><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-linkedin-in"></i></a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="team-content">
                <h3>
                  <a href="team-details.html">Leslie Alexander</a>
                </h3>
                <p>Instructors</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="team-items">
              <div class="team-image">
                <div class="shape-img">
                  <img src="/picture/team-shape.png" alt="img" />
                </div>
                <img src="/picture/03.jpg" alt="team-img" />
                <div class="social-profile">
                  <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                  <ul>
                    <li>
                      <a href="#"><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-linkedin-in"></i></a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="team-content">
                <h3>
                  <a href="team-details.html">Ronald Richards</a>
                </h3>
                <p>Instructors</p>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="team-items">
              <div class="team-image">
                <div class="shape-img">
                  <img src="/picture/team-shape.png" alt="img" />
                </div>
                <img src="/picture/04.jpg" alt="team-img" />
                <div class="social-profile">
                  <span class="plus-btn"><i class="fas fa-share-alt"></i></span>
                  <ul>
                    <li>
                      <a href="#"><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fa-brands fa-instagram"></i></a>
                    </li>
                    <li>
                      <a href="#"><i class="fab fa-linkedin-in"></i></a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="team-content">
                <h3>
                  <a href="team-details.html">Kristin Watson</a>
                </h3>
                <p>Instructors</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="testimonial-section fix section-padding">
    <div class="tree-shape float-bob-y">
      <img src="/picture/tree-shape.png" alt="shape-img" />
    </div>
    <div class="right-shape">
      <img src="/picture/right.png" alt="shape-img" />
    </div>
    <div class="bee-shape float-bob-y">
      <img src="/picture/bee.png" alt="shape-img" />
    </div>
    <div class="container">
      <div class="section-title text-center">
        <span class="wow fadeInUp">testimonials</span>
        <h2 class="wow fadeInUp" data-wow-delay=".3s">
          Parents' words are the key
          <br />
          to happy kids
        </h2>
      </div>
      <div class="swiper testimonial-slider">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="testimonial-items">
              <div class="icon"><img src="/picture/quote.png" alt="img" /></div>
              <div class="testimonial-bg"></div>
              <div class="testimonial-content">
                <p>
                  Corquent per conubia nostra,per inceptos himenaeos. Suspendisse gravida vitae nisi
                  Class aptent taciti sociosqu ad litora
                </p>
                <h6>Esther Howard</h6>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="testimonial-items style-2">
              <div class="icon"><img src="/picture/quote-2.png" alt="img" /></div>
              <div class="testimonial-bg bg-2"></div>
              <div class="testimonial-content">
                <p>
                  Corquent per conubia nostra,per inceptos himenaeos. Suspendisse gravida vitae nisi
                  Class aptent taciti sociosqu ad litora
                </p>
                <h6>Wade Warren</h6>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="testimonial-items style-3">
              <div class="icon"><img src="/picture/quote-3.png" alt="img" /></div>
              <div class="testimonial-bg bg-3"></div>
              <div class="testimonial-content">
                <p>
                  Corquent per conubia nostra,per inceptos himenaeos. Suspendisse gravida vitae nisi
                  Class aptent taciti sociosqu ad litora
                </p>
                <h6>Jenny Wilson</h6>
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-dot text-center pt-5">
          <div class="dot"></div>
        </div>
      </div>
    </div>
  </section>
  <section
    class="cta-section fix section-padding bg-cover"
    style="background-image: url('/image/cta-bg.jpg')"
  >
    <div class="plane-shape"><img src="/picture/plane.png" alt="img" /></div>
    <div class="pencil-shape"><img src="/picture/pencil3.png" alt="img" /></div>
    <div class="container">
      <div class="cta-wrapper">
        <div class="row justify-content-between">
          <div class="col-lg-6">
            <div class="section-title">
              <span class="text-white wow fadeInUp">Get your quality</span>
              <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
                Come and be Part of
                <br />
                Our Latest Session
              </h2>
            </div>
            <div class="cta-button mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
              <a href="contact.html" class="theme-btn bg-white">
                Apply Now
                <i class="fa-solid fa-arrow-right-long"></i>
              </a>
            </div>
          </div>
          <div class="col-lg-5 wow fadeInUp" data-wow-delay=".4s">
            <div class="cta-image">
              <img src="/picture/cta-1.png" alt="cta-img" />
              <div class="cta-shape"><img src="/picture/cta-shape.png" alt="img" /></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="news-section section-padding fix" id="blog">
    <div class="container">
      <div class="section-title-area">
        <div class="section-title">
          <span class="wow fadeInUp">Our Blogs</span>
          <h2 class="wow fadeInUp" data-wow-delay=".3s">Explore blogs and news</h2>
        </div>
        <a href="news.html" class="theme-btn wow fadeInUp" data-wow-delay=".5s">
          See All Article
          <i class="fa-solid fa-arrow-right-long"></i>
        </a>
      </div>
      <div class="news-wrapper">
        <div class="row align-items-center">
          <div class="col-xl-6 col-lg-6 wow fadeInUp" data-wow-delay=".3s">
            <div class="news-single-items">
              <div class="news-image"><img src="/picture/011.jpg" alt="news-img" /></div>
              <div class="news-content">
                <ul>
                  <li>
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      width="19"
                      height="19"
                      viewbox="0 0 19 19"
                      fill="none"
                    >
                      <path
                        d="M8.05666 18.75H8.05504C7.46832 18.7495 6.91657 18.5207 6.50187 18.1052L0.660341 12.2553C-0.194072 11.3994 -0.194072 10.0065 0.660341 9.15058L8.53478 1.26102C9.3463 0.44792 10.426 0 11.575 0H16.5709C17.7824 0 18.7682 0.985546 18.7682 2.19726V7.17785C18.7682 8.32602 18.3208 9.40532 17.5084 10.2167L9.60951 18.1074C9.19455 18.5218 8.64306 18.75 8.05666 18.75ZM11.575 1.46484C10.8179 1.46484 10.1064 1.75998 9.57163 2.29579L1.69707 10.1853C1.41222 10.4708 1.41222 10.9349 1.69707 11.2203L7.53857 17.0702C7.6767 17.2086 7.86051 17.285 8.05619 17.2851H8.05677C8.1529 17.2854 8.24812 17.2666 8.33694 17.2299C8.42577 17.1931 8.50643 17.1391 8.57427 17.071L16.4732 9.18046C17.0086 8.6458 17.3034 7.93447 17.3034 7.17788V2.19726C17.3034 1.79341 16.9748 1.46484 16.5709 1.46484H11.575ZM13.458 7.43408C12.2465 7.43408 11.2608 6.44853 11.2608 5.23681C11.2608 4.0251 12.2465 3.03955 13.458 3.03955C14.6696 3.03955 15.6553 4.0251 15.6553 5.23681C15.6553 6.44853 14.6696 7.43408 13.458 7.43408ZM13.458 4.50439C13.0542 4.50439 12.7256 4.83296 12.7256 5.23681C12.7256 5.64067 13.0542 5.96924 13.458 5.96924C13.862 5.96924 14.1905 5.64067 14.1905 5.23681C14.1905 4.83296 13.862 4.50439 13.458 4.50439Z"
                        fill="#F39F5F"
                      ></path>
                    </svg>
                    Cooking
                  </li>
                  <li>
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      width="20"
                      height="20"
                      viewbox="0 0 20 20"
                      fill="none"
                    >
                      <path
                        d="M6.66406 4.7915C6.3224 4.7915 6.03906 4.50817 6.03906 4.1665V1.6665C6.03906 1.32484 6.3224 1.0415 6.66406 1.0415C7.00573 1.0415 7.28906 1.32484 7.28906 1.6665V4.1665C7.28906 4.50817 7.00573 4.7915 6.66406 4.7915ZM13.3307 4.7915C12.9891 4.7915 12.7057 4.50817 12.7057 4.1665V1.6665C12.7057 1.32484 12.9891 1.0415 13.3307 1.0415C13.6724 1.0415 13.9557 1.32484 13.9557 1.6665V4.1665C13.9557 4.50817 13.6724 4.7915 13.3307 4.7915ZM7.08073 12.0832C6.9724 12.0832 6.86406 12.0582 6.76406 12.0165C6.65573 11.9748 6.5724 11.9165 6.48906 11.8415C6.33906 11.6832 6.2474 11.4748 6.2474 11.2498C6.2474 11.1415 6.2724 11.0332 6.31406 10.9332C6.35573 10.8332 6.41406 10.7415 6.48906 10.6582C6.5724 10.5832 6.65573 10.5248 6.76406 10.4832C7.06406 10.3582 7.43906 10.4248 7.6724 10.6582C7.8224 10.8165 7.91406 11.0332 7.91406 11.2498C7.91406 11.2998 7.90573 11.3582 7.8974 11.4165C7.88906 11.4665 7.8724 11.5165 7.8474 11.5665C7.83073 11.6165 7.80573 11.6665 7.7724 11.7165C7.7474 11.7582 7.70573 11.7998 7.6724 11.8415C7.51406 11.9915 7.2974 12.0832 7.08073 12.0832ZM9.9974 12.0832C9.88906 12.0832 9.78073 12.0582 9.68073 12.0165C9.5724 11.9748 9.48906 11.9165 9.40573 11.8415C9.25573 11.6832 9.16406 11.4748 9.16406 11.2498C9.16406 11.1415 9.18906 11.0332 9.23073 10.9332C9.2724 10.8332 9.33073 10.7415 9.40573 10.6582C9.48906 10.5832 9.5724 10.5248 9.68073 10.4832C9.98073 10.3498 10.3557 10.4248 10.5891 10.6582C10.7391 10.8165 10.8307 11.0332 10.8307 11.2498C10.8307 11.2998 10.8224 11.3582 10.8141 11.4165C10.8057 11.4665 10.7891 11.5165 10.7641 11.5665C10.7474 11.6165 10.7224 11.6665 10.6891 11.7165C10.6641 11.7582 10.6224 11.7998 10.5891 11.8415C10.4307 11.9915 10.2141 12.0832 9.9974 12.0832ZM12.9141 12.0832C12.8057 12.0832 12.6974 12.0582 12.5974 12.0165C12.4891 11.9748 12.4057 11.9165 12.3224 11.8415L12.2224 11.7165C12.1908 11.6701 12.1656 11.6196 12.1474 11.5665C12.1233 11.5193 12.1065 11.4687 12.0974 11.4165C12.0891 11.3582 12.0807 11.2998 12.0807 11.2498C12.0807 11.0332 12.1724 10.8165 12.3224 10.6582C12.4057 10.5832 12.4891 10.5248 12.5974 10.4832C12.9057 10.3498 13.2724 10.4248 13.5057 10.6582C13.6557 10.8165 13.7474 11.0332 13.7474 11.2498C13.7474 11.2998 13.7391 11.3582 13.7307 11.4165C13.7224 11.4665 13.7057 11.5165 13.6807 11.5665C13.6641 11.6165 13.6391 11.6665 13.6057 11.7165C13.5807 11.7582 13.5391 11.7998 13.5057 11.8415C13.3474 11.9915 13.1307 12.0832 12.9141 12.0832ZM7.08073 14.9998C6.9724 14.9998 6.86406 14.9748 6.76406 14.9332C6.66406 14.8915 6.5724 14.8332 6.48906 14.7582C6.33906 14.5998 6.2474 14.3832 6.2474 14.1665C6.2474 14.0582 6.2724 13.9498 6.31406 13.8498C6.35573 13.7415 6.41406 13.6498 6.48906 13.5748C6.7974 13.2665 7.36406 13.2665 7.6724 13.5748C7.8224 13.7332 7.91406 13.9498 7.91406 14.1665C7.91406 14.3832 7.8224 14.5998 7.6724 14.7582C7.51406 14.9082 7.2974 14.9998 7.08073 14.9998ZM9.9974 14.9998C9.78073 14.9998 9.56406 14.9082 9.40573 14.7582C9.25573 14.5998 9.16406 14.3832 9.16406 14.1665C9.16406 14.0582 9.18906 13.9498 9.23073 13.8498C9.2724 13.7415 9.33073 13.6498 9.40573 13.5748C9.71406 13.2665 10.2807 13.2665 10.5891 13.5748C10.6641 13.6498 10.7224 13.7415 10.7641 13.8498C10.8057 13.9498 10.8307 14.0582 10.8307 14.1665C10.8307 14.3832 10.7391 14.5998 10.5891 14.7582C10.4307 14.9082 10.2141 14.9998 9.9974 14.9998ZM12.9141 14.9998C12.6974 14.9998 12.4807 14.9082 12.3224 14.7582C12.2453 14.6799 12.1856 14.5862 12.1474 14.4832C12.1057 14.3832 12.0807 14.2748 12.0807 14.1665C12.0807 14.0582 12.1057 13.9498 12.1474 13.8498C12.1891 13.7415 12.2474 13.6498 12.3224 13.5748C12.5141 13.3832 12.8057 13.2915 13.0724 13.3498C13.1307 13.3582 13.1807 13.3748 13.2307 13.3998C13.2807 13.4165 13.3307 13.4415 13.3807 13.4748C13.4224 13.4998 13.4641 13.5415 13.5057 13.5748C13.6557 13.7332 13.7474 13.9498 13.7474 14.1665C13.7474 14.3832 13.6557 14.5998 13.5057 14.7582C13.3474 14.9082 13.1307 14.9998 12.9141 14.9998ZM17.0807 8.19984H2.91406C2.5724 8.19984 2.28906 7.9165 2.28906 7.57484C2.28906 7.23317 2.5724 6.94984 2.91406 6.94984H17.0807C17.4224 6.94984 17.7057 7.23317 17.7057 7.57484C17.7057 7.9165 17.4224 8.19984 17.0807 8.19984Z"
                        fill="#F39F5F"
                      ></path>
                      <path
                        d="M13.3333 18.9582H6.66667C3.625 18.9582 1.875 17.2082 1.875 14.1665V7.08317C1.875 4.0415 3.625 2.2915 6.66667 2.2915H13.3333C16.375 2.2915 18.125 4.0415 18.125 7.08317V14.1665C18.125 17.2082 16.375 18.9582 13.3333 18.9582ZM6.66667 3.5415C4.28333 3.5415 3.125 4.69984 3.125 7.08317V14.1665C3.125 16.5498 4.28333 17.7082 6.66667 17.7082H13.3333C15.7167 17.7082 16.875 16.5498 16.875 14.1665V7.08317C16.875 4.69984 15.7167 3.5415 13.3333 3.5415H6.66667Z"
                        fill="#F39F5F"
                      ></path>
                    </svg>
                    Feb 20,2024
                  </li>
                </ul>
                <h3>
                  <a href="news-details.html">
                    Questions to Ask Vendors Before Choosing an
                    <br />
                    LMS Platform
                  </a>
                </h3>
                <p>
                  Phasellus turpis sapien,venenatis tempus vestibulum in,cursus quis enim. Nunc
                  mollis vitae ipsum sit amet ultrices. Duis in dapibus erat
                </p>
                <div class="post-author-items">
                  <div class="post-items">
                    <div class="thumb"><img src="/picture/author.png" alt="img" /></div>
                    <div class="content">
                      <span>By Admin</span>
                      <h6>Ronald Richards</h6>
                    </div>
                  </div>
                  <a href="news-details.html" class="theme-btn">
                    Read More
                    <i class="fa-solid fa-arrow-right-long"></i>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xl-6 col-lg-8 mt-5 mt-xl-0">
            <div class="news-right-items wow fadeInUp" data-wow-delay=".4s">
              <div class="news-thumb"><img src="/picture/021.jpg" alt="img" /></div>
              <div class="news-content">
                <ul>
                  <li>
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      width="19"
                      height="19"
                      viewbox="0 0 19 19"
                      fill="none"
                    >
                      <path
                        d="M8.05666 18.75H8.05504C7.46832 18.7495 6.91657 18.5207 6.50187 18.1052L0.660341 12.2553C-0.194072 11.3994 -0.194072 10.0065 0.660341 9.15058L8.53478 1.26102C9.3463 0.44792 10.426 0 11.575 0H16.5709C17.7824 0 18.7682 0.985546 18.7682 2.19726V7.17785C18.7682 8.32602 18.3208 9.40532 17.5084 10.2167L9.60951 18.1074C9.19455 18.5218 8.64306 18.75 8.05666 18.75ZM11.575 1.46484C10.8179 1.46484 10.1064 1.75998 9.57163 2.29579L1.69707 10.1853C1.41222 10.4708 1.41222 10.9349 1.69707 11.2203L7.53857 17.0702C7.6767 17.2086 7.86051 17.285 8.05619 17.2851H8.05677C8.1529 17.2854 8.24812 17.2666 8.33694 17.2299C8.42577 17.1931 8.50643 17.1391 8.57427 17.071L16.4732 9.18046C17.0086 8.6458 17.3034 7.93447 17.3034 7.17788V2.19726C17.3034 1.79341 16.9748 1.46484 16.5709 1.46484H11.575ZM13.458 7.43408C12.2465 7.43408 11.2608 6.44853 11.2608 5.23681C11.2608 4.0251 12.2465 3.03955 13.458 3.03955C14.6696 3.03955 15.6553 4.0251 15.6553 5.23681C15.6553 6.44853 14.6696 7.43408 13.458 7.43408ZM13.458 4.50439C13.0542 4.50439 12.7256 4.83296 12.7256 5.23681C12.7256 5.64067 13.0542 5.96924 13.458 5.96924C13.862 5.96924 14.1905 5.64067 14.1905 5.23681C14.1905 4.83296 13.862 4.50439 13.458 4.50439Z"
                        fill="#F39F5F"
                      ></path>
                    </svg>
                    Cooking
                  </li>
                  <li>
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      width="20"
                      height="20"
                      viewbox="0 0 20 20"
                      fill="none"
                    >
                      <path
                        d="M6.66406 4.7915C6.3224 4.7915 6.03906 4.50817 6.03906 4.1665V1.6665C6.03906 1.32484 6.3224 1.0415 6.66406 1.0415C7.00573 1.0415 7.28906 1.32484 7.28906 1.6665V4.1665C7.28906 4.50817 7.00573 4.7915 6.66406 4.7915ZM13.3307 4.7915C12.9891 4.7915 12.7057 4.50817 12.7057 4.1665V1.6665C12.7057 1.32484 12.9891 1.0415 13.3307 1.0415C13.6724 1.0415 13.9557 1.32484 13.9557 1.6665V4.1665C13.9557 4.50817 13.6724 4.7915 13.3307 4.7915ZM7.08073 12.0832C6.9724 12.0832 6.86406 12.0582 6.76406 12.0165C6.65573 11.9748 6.5724 11.9165 6.48906 11.8415C6.33906 11.6832 6.2474 11.4748 6.2474 11.2498C6.2474 11.1415 6.2724 11.0332 6.31406 10.9332C6.35573 10.8332 6.41406 10.7415 6.48906 10.6582C6.5724 10.5832 6.65573 10.5248 6.76406 10.4832C7.06406 10.3582 7.43906 10.4248 7.6724 10.6582C7.8224 10.8165 7.91406 11.0332 7.91406 11.2498C7.91406 11.2998 7.90573 11.3582 7.8974 11.4165C7.88906 11.4665 7.8724 11.5165 7.8474 11.5665C7.83073 11.6165 7.80573 11.6665 7.7724 11.7165C7.7474 11.7582 7.70573 11.7998 7.6724 11.8415C7.51406 11.9915 7.2974 12.0832 7.08073 12.0832ZM9.9974 12.0832C9.88906 12.0832 9.78073 12.0582 9.68073 12.0165C9.5724 11.9748 9.48906 11.9165 9.40573 11.8415C9.25573 11.6832 9.16406 11.4748 9.16406 11.2498C9.16406 11.1415 9.18906 11.0332 9.23073 10.9332C9.2724 10.8332 9.33073 10.7415 9.40573 10.6582C9.48906 10.5832 9.5724 10.5248 9.68073 10.4832C9.98073 10.3498 10.3557 10.4248 10.5891 10.6582C10.7391 10.8165 10.8307 11.0332 10.8307 11.2498C10.8307 11.2998 10.8224 11.3582 10.8141 11.4165C10.8057 11.4665 10.7891 11.5165 10.7641 11.5665C10.7474 11.6165 10.7224 11.6665 10.6891 11.7165C10.6641 11.7582 10.6224 11.7998 10.5891 11.8415C10.4307 11.9915 10.2141 12.0832 9.9974 12.0832ZM12.9141 12.0832C12.8057 12.0832 12.6974 12.0582 12.5974 12.0165C12.4891 11.9748 12.4057 11.9165 12.3224 11.8415L12.2224 11.7165C12.1908 11.6701 12.1656 11.6196 12.1474 11.5665C12.1233 11.5193 12.1065 11.4687 12.0974 11.4165C12.0891 11.3582 12.0807 11.2998 12.0807 11.2498C12.0807 11.0332 12.1724 10.8165 12.3224 10.6582C12.4057 10.5832 12.4891 10.5248 12.5974 10.4832C12.9057 10.3498 13.2724 10.4248 13.5057 10.6582C13.6557 10.8165 13.7474 11.0332 13.7474 11.2498C13.7474 11.2998 13.7391 11.3582 13.7307 11.4165C13.7224 11.4665 13.7057 11.5165 13.6807 11.5665C13.6641 11.6165 13.6391 11.6665 13.6057 11.7165C13.5807 11.7582 13.5391 11.7998 13.5057 11.8415C13.3474 11.9915 13.1307 12.0832 12.9141 12.0832ZM7.08073 14.9998C6.9724 14.9998 6.86406 14.9748 6.76406 14.9332C6.66406 14.8915 6.5724 14.8332 6.48906 14.7582C6.33906 14.5998 6.2474 14.3832 6.2474 14.1665C6.2474 14.0582 6.2724 13.9498 6.31406 13.8498C6.35573 13.7415 6.41406 13.6498 6.48906 13.5748C6.7974 13.2665 7.36406 13.2665 7.6724 13.5748C7.8224 13.7332 7.91406 13.9498 7.91406 14.1665C7.91406 14.3832 7.8224 14.5998 7.6724 14.7582C7.51406 14.9082 7.2974 14.9998 7.08073 14.9998ZM9.9974 14.9998C9.78073 14.9998 9.56406 14.9082 9.40573 14.7582C9.25573 14.5998 9.16406 14.3832 9.16406 14.1665C9.16406 14.0582 9.18906 13.9498 9.23073 13.8498C9.2724 13.7415 9.33073 13.6498 9.40573 13.5748C9.71406 13.2665 10.2807 13.2665 10.5891 13.5748C10.6641 13.6498 10.7224 13.7415 10.7641 13.8498C10.8057 13.9498 10.8307 14.0582 10.8307 14.1665C10.8307 14.3832 10.7391 14.5998 10.5891 14.7582C10.4307 14.9082 10.2141 14.9998 9.9974 14.9998ZM12.9141 14.9998C12.6974 14.9998 12.4807 14.9082 12.3224 14.7582C12.2453 14.6799 12.1856 14.5862 12.1474 14.4832C12.1057 14.3832 12.0807 14.2748 12.0807 14.1665C12.0807 14.0582 12.1057 13.9498 12.1474 13.8498C12.1891 13.7415 12.2474 13.6498 12.3224 13.5748C12.5141 13.3832 12.8057 13.2915 13.0724 13.3498C13.1307 13.3582 13.1807 13.3748 13.2307 13.3998C13.2807 13.4165 13.3307 13.4415 13.3807 13.4748C13.4224 13.4998 13.4641 13.5415 13.5057 13.5748C13.6557 13.7332 13.7474 13.9498 13.7474 14.1665C13.7474 14.3832 13.6557 14.5998 13.5057 14.7582C13.3474 14.9082 13.1307 14.9998 12.9141 14.9998ZM17.0807 8.19984H2.91406C2.5724 8.19984 2.28906 7.9165 2.28906 7.57484C2.28906 7.23317 2.5724 6.94984 2.91406 6.94984H17.0807C17.4224 6.94984 17.7057 7.23317 17.7057 7.57484C17.7057 7.9165 17.4224 8.19984 17.0807 8.19984Z"
                        fill="#F39F5F"
                      ></path>
                      <path
                        d="M13.3333 18.9582H6.66667C3.625 18.9582 1.875 17.2082 1.875 14.1665V7.08317C1.875 4.0415 3.625 2.2915 6.66667 2.2915H13.3333C16.375 2.2915 18.125 4.0415 18.125 7.08317V14.1665C18.125 17.2082 16.375 18.9582 13.3333 18.9582ZM6.66667 3.5415C4.28333 3.5415 3.125 4.69984 3.125 7.08317V14.1665C3.125 16.5498 4.28333 17.7082 6.66667 17.7082H13.3333C15.7167 17.7082 16.875 16.5498 16.875 14.1665V7.08317C16.875 4.69984 15.7167 3.5415 13.3333 3.5415H6.66667Z"
                        fill="#F39F5F"
                      ></path>
                    </svg>
                    Feb 20,2024
                  </li>
                </ul>
                <h3>
                  <a href="news-details.html">
                    That jerk Form Finance
                    <br />
                    really threw me
                  </a>
                </h3>
                <div class="post-items">
                  <div class="thumb"><img src="/picture/author.png" alt="img" /></div>
                  <div class="content">
                    <span>By Admin</span>
                    <h6>Dianne Russell</h6>
                  </div>
                </div>
              </div>
            </div>
            <div class="news-right-items wow fadeInUp" data-wow-delay=".6s">
              <div class="news-thumb"><img src="/picture/031.jpg" alt="img" /></div>
              <div class="news-content">
                <ul>
                  <li>
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      width="19"
                      height="19"
                      viewbox="0 0 19 19"
                      fill="none"
                    >
                      <path
                        d="M8.05666 18.75H8.05504C7.46832 18.7495 6.91657 18.5207 6.50187 18.1052L0.660341 12.2553C-0.194072 11.3994 -0.194072 10.0065 0.660341 9.15058L8.53478 1.26102C9.3463 0.44792 10.426 0 11.575 0H16.5709C17.7824 0 18.7682 0.985546 18.7682 2.19726V7.17785C18.7682 8.32602 18.3208 9.40532 17.5084 10.2167L9.60951 18.1074C9.19455 18.5218 8.64306 18.75 8.05666 18.75ZM11.575 1.46484C10.8179 1.46484 10.1064 1.75998 9.57163 2.29579L1.69707 10.1853C1.41222 10.4708 1.41222 10.9349 1.69707 11.2203L7.53857 17.0702C7.6767 17.2086 7.86051 17.285 8.05619 17.2851H8.05677C8.1529 17.2854 8.24812 17.2666 8.33694 17.2299C8.42577 17.1931 8.50643 17.1391 8.57427 17.071L16.4732 9.18046C17.0086 8.6458 17.3034 7.93447 17.3034 7.17788V2.19726C17.3034 1.79341 16.9748 1.46484 16.5709 1.46484H11.575ZM13.458 7.43408C12.2465 7.43408 11.2608 6.44853 11.2608 5.23681C11.2608 4.0251 12.2465 3.03955 13.458 3.03955C14.6696 3.03955 15.6553 4.0251 15.6553 5.23681C15.6553 6.44853 14.6696 7.43408 13.458 7.43408ZM13.458 4.50439C13.0542 4.50439 12.7256 4.83296 12.7256 5.23681C12.7256 5.64067 13.0542 5.96924 13.458 5.96924C13.862 5.96924 14.1905 5.64067 14.1905 5.23681C14.1905 4.83296 13.862 4.50439 13.458 4.50439Z"
                        fill="#F39F5F"
                      ></path>
                    </svg>
                    Cooking
                  </li>
                  <li>
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      width="20"
                      height="20"
                      viewbox="0 0 20 20"
                      fill="none"
                    >
                      <path
                        d="M6.66406 4.7915C6.3224 4.7915 6.03906 4.50817 6.03906 4.1665V1.6665C6.03906 1.32484 6.3224 1.0415 6.66406 1.0415C7.00573 1.0415 7.28906 1.32484 7.28906 1.6665V4.1665C7.28906 4.50817 7.00573 4.7915 6.66406 4.7915ZM13.3307 4.7915C12.9891 4.7915 12.7057 4.50817 12.7057 4.1665V1.6665C12.7057 1.32484 12.9891 1.0415 13.3307 1.0415C13.6724 1.0415 13.9557 1.32484 13.9557 1.6665V4.1665C13.9557 4.50817 13.6724 4.7915 13.3307 4.7915ZM7.08073 12.0832C6.9724 12.0832 6.86406 12.0582 6.76406 12.0165C6.65573 11.9748 6.5724 11.9165 6.48906 11.8415C6.33906 11.6832 6.2474 11.4748 6.2474 11.2498C6.2474 11.1415 6.2724 11.0332 6.31406 10.9332C6.35573 10.8332 6.41406 10.7415 6.48906 10.6582C6.5724 10.5832 6.65573 10.5248 6.76406 10.4832C7.06406 10.3582 7.43906 10.4248 7.6724 10.6582C7.8224 10.8165 7.91406 11.0332 7.91406 11.2498C7.91406 11.2998 7.90573 11.3582 7.8974 11.4165C7.88906 11.4665 7.8724 11.5165 7.8474 11.5665C7.83073 11.6165 7.80573 11.6665 7.7724 11.7165C7.7474 11.7582 7.70573 11.7998 7.6724 11.8415C7.51406 11.9915 7.2974 12.0832 7.08073 12.0832ZM9.9974 12.0832C9.88906 12.0832 9.78073 12.0582 9.68073 12.0165C9.5724 11.9748 9.48906 11.9165 9.40573 11.8415C9.25573 11.6832 9.16406 11.4748 9.16406 11.2498C9.16406 11.1415 9.18906 11.0332 9.23073 10.9332C9.2724 10.8332 9.33073 10.7415 9.40573 10.6582C9.48906 10.5832 9.5724 10.5248 9.68073 10.4832C9.98073 10.3498 10.3557 10.4248 10.5891 10.6582C10.7391 10.8165 10.8307 11.0332 10.8307 11.2498C10.8307 11.2998 10.8224 11.3582 10.8141 11.4165C10.8057 11.4665 10.7891 11.5165 10.7641 11.5665C10.7474 11.6165 10.7224 11.6665 10.6891 11.7165C10.6641 11.7582 10.6224 11.7998 10.5891 11.8415C10.4307 11.9915 10.2141 12.0832 9.9974 12.0832ZM12.9141 12.0832C12.8057 12.0832 12.6974 12.0582 12.5974 12.0165C12.4891 11.9748 12.4057 11.9165 12.3224 11.8415L12.2224 11.7165C12.1908 11.6701 12.1656 11.6196 12.1474 11.5665C12.1233 11.5193 12.1065 11.4687 12.0974 11.4165C12.0891 11.3582 12.0807 11.2998 12.0807 11.2498C12.0807 11.0332 12.1724 10.8165 12.3224 10.6582C12.4057 10.5832 12.4891 10.5248 12.5974 10.4832C12.9057 10.3498 13.2724 10.4248 13.5057 10.6582C13.6557 10.8165 13.7474 11.0332 13.7474 11.2498C13.7474 11.2998 13.7391 11.3582 13.7307 11.4165C13.7224 11.4665 13.7057 11.5165 13.6807 11.5665C13.6641 11.6165 13.6391 11.6665 13.6057 11.7165C13.5807 11.7582 13.5391 11.7998 13.5057 11.8415C13.3474 11.9915 13.1307 12.0832 12.9141 12.0832ZM7.08073 14.9998C6.9724 14.9998 6.86406 14.9748 6.76406 14.9332C6.66406 14.8915 6.5724 14.8332 6.48906 14.7582C6.33906 14.5998 6.2474 14.3832 6.2474 14.1665C6.2474 14.0582 6.2724 13.9498 6.31406 13.8498C6.35573 13.7415 6.41406 13.6498 6.48906 13.5748C6.7974 13.2665 7.36406 13.2665 7.6724 13.5748C7.8224 13.7332 7.91406 13.9498 7.91406 14.1665C7.91406 14.3832 7.8224 14.5998 7.6724 14.7582C7.51406 14.9082 7.2974 14.9998 7.08073 14.9998ZM9.9974 14.9998C9.78073 14.9998 9.56406 14.9082 9.40573 14.7582C9.25573 14.5998 9.16406 14.3832 9.16406 14.1665C9.16406 14.0582 9.18906 13.9498 9.23073 13.8498C9.2724 13.7415 9.33073 13.6498 9.40573 13.5748C9.71406 13.2665 10.2807 13.2665 10.5891 13.5748C10.6641 13.6498 10.7224 13.7415 10.7641 13.8498C10.8057 13.9498 10.8307 14.0582 10.8307 14.1665C10.8307 14.3832 10.7391 14.5998 10.5891 14.7582C10.4307 14.9082 10.2141 14.9998 9.9974 14.9998ZM12.9141 14.9998C12.6974 14.9998 12.4807 14.9082 12.3224 14.7582C12.2453 14.6799 12.1856 14.5862 12.1474 14.4832C12.1057 14.3832 12.0807 14.2748 12.0807 14.1665C12.0807 14.0582 12.1057 13.9498 12.1474 13.8498C12.1891 13.7415 12.2474 13.6498 12.3224 13.5748C12.5141 13.3832 12.8057 13.2915 13.0724 13.3498C13.1307 13.3582 13.1807 13.3748 13.2307 13.3998C13.2807 13.4165 13.3307 13.4415 13.3807 13.4748C13.4224 13.4998 13.4641 13.5415 13.5057 13.5748C13.6557 13.7332 13.7474 13.9498 13.7474 14.1665C13.7474 14.3832 13.6557 14.5998 13.5057 14.7582C13.3474 14.9082 13.1307 14.9998 12.9141 14.9998ZM17.0807 8.19984H2.91406C2.5724 8.19984 2.28906 7.9165 2.28906 7.57484C2.28906 7.23317 2.5724 6.94984 2.91406 6.94984H17.0807C17.4224 6.94984 17.7057 7.23317 17.7057 7.57484C17.7057 7.9165 17.4224 8.19984 17.0807 8.19984Z"
                        fill="#F39F5F"
                      ></path>
                      <path
                        d="M13.3333 18.9582H6.66667C3.625 18.9582 1.875 17.2082 1.875 14.1665V7.08317C1.875 4.0415 3.625 2.2915 6.66667 2.2915H13.3333C16.375 2.2915 18.125 4.0415 18.125 7.08317V14.1665C18.125 17.2082 16.375 18.9582 13.3333 18.9582ZM6.66667 3.5415C4.28333 3.5415 3.125 4.69984 3.125 7.08317V14.1665C3.125 16.5498 4.28333 17.7082 6.66667 17.7082H13.3333C15.7167 17.7082 16.875 16.5498 16.875 14.1665V7.08317C16.875 4.69984 15.7167 3.5415 13.3333 3.5415H6.66667Z"
                        fill="#F39F5F"
                      ></path>
                    </svg>
                    Feb 20,2024
                  </li>
                </ul>
                <h3>
                  <a href="news-details.html">
                    From without content
                    <br />
                    style without
                  </a>
                </h3>
                <div class="post-items">
                  <div class="thumb"><img src="/picture/author-3.png" alt="img" /></div>
                  <div class="content">
                    <span>By Admin</span>
                    <h6>Leslie Alexander</h6>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="main-cta-section">
    <div class="plane-shape float-bob-y"><img src="/picture/plane1.png" alt="shape-img" /></div>
    <div class="container">
      <div class="main-cta-wrapper section-padding">
        <div class="pencil-shape"><img src="/picture/pencil-2.png" alt="img" /></div>
        <div class="plane-shape float-bob-y"><img src="/picture/plane.png" alt="img" /></div>
        <div class="cta-shape float-bob-x"><img src="/picture/shape.png" alt="img" /></div>
        <div class="cta-bg"></div>
        <div class="section-title text-center">
          <span class="text-white wow fadeInUp">Newsletter</span>
          <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">
            Subscribe to our newsletter
            <br />
            for daily updates
          </h2>
        </div>
        <div class="newsletter-items">
          <div class="form-clt wow fadeInUp" data-wow-delay=".5s">
            <input type="text" name="email" id="email" placeholder="Email Address" />
          </div>
          <button class="theme-btn wow fadeInUp" data-wow-delay=".7s" type="submit">
            <span>Subscribe Now</span>
          </button>
        </div>
      </div>
    </div>
  </section>
  <div class="instagram-banner fix section-padding">
    <div class="instagram-wrapper">
      <h3 class="text-center wow fadeInUp" data-wow-delay=".3s">Follow Instagram</h3>
      <div class="swiper instagram-banner-slider">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div class="instagram-banner-items">
              <div class="banner-image">
                <img src="/picture/012.jpg" alt="insta-img" />
                <a href="p9wfc14694.html" class="icon"><i class="fa-brands fa-instagram"></i></a>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="instagram-banner-items">
              <div class="banner-image">
                <img src="/picture/022.jpg" alt="insta-img" />
                <a href="p9wfc14694.html" class="icon"><i class="fa-brands fa-instagram"></i></a>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="instagram-banner-items">
              <div class="banner-image">
                <img src="/picture/032.jpg" alt="insta-img" />
                <a href="p9wfc14694.html" class="icon"><i class="fa-brands fa-instagram"></i></a>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="instagram-banner-items">
              <div class="banner-image">
                <img src="/picture/041.jpg" alt="insta-img" />
                <a href="p9wfc14694.html" class="icon"><i class="fa-brands fa-instagram"></i></a>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="instagram-banner-items">
              <div class="banner-image">
                <img src="/picture/05.jpg" alt="insta-img" />
                <a href="p9wfc14694.html" class="icon"><i class="fa-brands fa-instagram"></i></a>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="instagram-banner-items">
              <div class="banner-image">
                <img src="/picture/06.jpg" alt="insta-img" />
                <a href="p9wfc14694.html" class="icon"><i class="fa-brands fa-instagram"></i></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <FooterSection></FooterSection>
  <!-- <footer class="footer-section section-bg fix">
        <div class="footer-top-shape"><img src="/picture/footer-top.png" alt="shape-img"></div>
        <div class="frame-shape"><img src="/picture/frame1.png" alt="shape-img"></div>
        <div class="zebra-shape float-bob-y"><img src="/picture/zebra.png" alt="shape-img"></div>
        <div class="container">
            <div class="contact-info-area">
                <div class="contact-info-items wow fadeInUp" data-wow-delay=".3s">
                    <div class="icon"><svg width="30" height="30" viewbox="0 0 30 30" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M23.7891 1.81641H16.7578C13.3658 1.81641 10.6055 4.5767 10.6055 7.96875C10.6055 11.063 12.9015 13.631 15.8789 14.0585V16.7578C15.8788 16.9317 15.9303 17.1016 16.0268 17.2462C16.1234 17.3907 16.2607 17.5033 16.4214 17.5697C16.7456 17.705 17.1258 17.6325 17.3793 17.3792L20.6374 14.1211H23.7891C27.1811 14.1211 30 11.3608 30 7.96875C30 4.5767 27.1811 1.81641 23.7891 1.81641ZM16.7578 8.84754C16.2723 8.84754 15.8789 8.45402 15.8789 7.96863C15.8789 7.48324 16.2723 7.08973 16.7578 7.08973C17.2432 7.08973 17.6367 7.48324 17.6367 7.96863C17.6367 8.45402 17.2432 8.84754 16.7578 8.84754ZM20.2734 8.84754C19.7879 8.84754 19.3945 8.45402 19.3945 7.96863C19.3945 7.48324 19.7879 7.08973 20.2734 7.08973C20.7588 7.08973 21.1523 7.48324 21.1523 7.96863C21.1523 8.45402 20.7588 8.84754 20.2734 8.84754ZM23.7891 8.84754C23.3036 8.84754 22.9102 8.45402 22.9102 7.96863C22.9102 7.48324 23.3036 7.08973 23.7891 7.08973C24.2745 7.08973 24.668 7.48324 24.668 7.96863C24.668 8.45402 24.2745 8.84754 23.7891 8.84754Z"
                                fill="#F39F5F"></path>
                            <path
                                d="M19.7461 28.1836C21.2 28.1836 22.3828 27.0008 22.3828 25.5469V22.0312C22.3828 21.6527 22.1408 21.3171 21.782 21.1978L16.5209 19.44C16.2634 19.3533 15.9819 19.3928 15.7553 19.5421L13.5186 21.033C11.1496 19.9035 8.33871 17.0925 7.20914 14.7236L8.7 12.4868C8.77415 12.3754 8.82189 12.2485 8.83958 12.1158C8.85728 11.9831 8.84447 11.8482 8.80213 11.7212L7.04432 6.46014C6.98611 6.28516 6.87428 6.13295 6.72469 6.02512C6.5751 5.91728 6.39534 5.85929 6.21094 5.85938H2.63672C1.18277 5.85938 0 7.02979 0 8.48373C0 18.61 9.6198 28.1836 19.7461 28.1836Z"
                                fill="#F39F5F"></path>
                        </svg></div>
                    <div class="content">
                        <p>Call Us 7/24</p>
                        <h3><a href="tel:+2085550112">+208-555-0112</a></h3>
                    </div>
                </div>
                <div class="contact-info-items wow fadeInUp" data-wow-delay=".5s">
                    <div class="icon"><svg width="30" height="30" viewbox="0 0 30 30" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M12.6493 10.8272C12.8019 10.914 12.9755 10.9569 13.1509 10.9509C13.3307 10.9344 13.5048 10.8798 13.6618 10.7906L24.9212 4.22062C24.6765 3.79416 24.324 3.43955 23.8989 3.19239C23.4739 2.94523 22.9913 2.81422 22.4996 2.8125H3.74965C3.25782 2.81406 2.77505 2.94499 2.34983 3.19216C1.92461 3.43932 1.57191 3.79402 1.32715 4.22062L12.6493 10.8272Z"
                                fill="#F39F5F"></path>
                            <path
                                d="M25.3125 6.15918V12.6748C24.4104 12.3501 23.4587 12.1852 22.5 12.1873C20.2633 12.1908 18.1192 13.0808 16.5376 14.6624C14.956 16.244 14.066 18.3881 14.0625 20.6248C14.0623 20.9382 14.0811 21.2512 14.1188 21.5623H3.75C3.00476 21.5601 2.29069 21.263 1.76372 20.7361C1.23676 20.2091 0.939726 19.495 0.9375 18.7498V6.15918L11.7094 12.4498C12.1434 12.6872 12.6303 12.8116 13.125 12.8116C13.6197 12.8116 14.1066 12.6872 14.5406 12.4498L25.3125 6.15918Z"
                                fill="#F39F5F"></path>
                            <path
                                d="M22.5 14.0625C20.7595 14.0625 19.0903 14.7539 17.8596 15.9846C16.6289 17.2153 15.9375 18.8845 15.9375 20.625C15.9375 22.3655 16.6289 24.0347 17.8596 25.2654C19.0903 26.4961 20.7595 27.1875 22.5 27.1875C22.7486 27.1875 22.9871 27.0887 23.1629 26.9129C23.3387 26.7371 23.4375 26.4986 23.4375 26.25C23.4375 26.0014 23.3387 25.7629 23.1629 25.5871C22.9871 25.4113 22.7486 25.3125 22.5 25.3125C21.5729 25.3125 20.6666 25.0376 19.8958 24.5225C19.1249 24.0074 18.5241 23.2754 18.1693 22.4188C17.8145 21.5623 17.7217 20.6198 17.9026 19.7105C18.0834 18.8012 18.5299 17.966 19.1854 17.3104C19.841 16.6549 20.6762 16.2084 21.5855 16.0276C22.4948 15.8467 23.4373 15.9395 24.2938 16.2943C25.1504 16.6491 25.8824 17.2499 26.3975 18.0208C26.9126 18.7916 27.1875 19.6979 27.1875 20.625V21.5625C27.1875 21.8111 27.0887 22.0496 26.9129 22.2254C26.7371 22.4012 26.4986 22.5 26.25 22.5C26.0014 22.5 25.7629 22.4012 25.5871 22.2254C25.4113 22.0496 25.3125 21.8111 25.3125 21.5625V20.625C25.3125 20.0687 25.1476 19.525 24.8385 19.0625C24.5295 18.5999 24.0902 18.2395 23.5763 18.0266C23.0624 17.8137 22.4969 17.758 21.9513 17.8665C21.4057 17.9751 20.9046 18.2429 20.5113 18.6363C20.1179 19.0296 19.8501 19.5307 19.7415 20.0763C19.633 20.6219 19.6887 21.1874 19.9016 21.7013C20.1145 22.2152 20.4749 22.6545 20.9375 22.9635C21.4 23.2726 21.9437 23.4375 22.5 23.4375C22.9843 23.4344 23.4594 23.3048 23.8781 23.0616C24.2022 23.578 24.6856 23.9748 25.2552 24.1921C25.8248 24.4094 26.4496 24.4353 27.0353 24.266C27.621 24.0967 28.1356 23.7412 28.5013 23.2535C28.867 22.7657 29.064 22.1721 29.0625 21.5625V20.625C29.0605 18.8851 28.3685 17.2171 27.1382 15.9868C25.9079 14.7565 24.2399 14.0645 22.5 14.0625ZM22.5 21.5625C22.3146 21.5625 22.1333 21.5075 21.9792 21.4045C21.825 21.3015 21.7048 21.1551 21.6339 20.9838C21.5629 20.8125 21.5443 20.624 21.5805 20.4421C21.6167 20.2602 21.706 20.0932 21.8371 19.9621C21.9682 19.831 22.1352 19.7417 22.3171 19.7055C22.499 19.6693 22.6875 19.6879 22.8588 19.7589C23.0301 19.8298 23.1765 19.95 23.2795 20.1042C23.3825 20.2583 23.4375 20.4396 23.4375 20.625C23.4375 20.8736 23.3387 21.1121 23.1629 21.2879C22.9871 21.4637 22.7486 21.5625 22.5 21.5625Z"
                                fill="#F39F5F"></path>
                        </svg></div>
                    <div class="content">
                        <p>Make a Quote</p>
                        <h3><a href="mailto:kidsa@gmail.com">kidsa@gmail.com</a></h3>
                    </div>
                </div>
                <div class="contact-info-items wow fadeInUp" data-wow-delay=".7s">
                    <div class="icon"><svg width="32" height="32" viewbox="0 0 32 32" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M16 1.66699C11.036 1.66699 7 5.73899 7 10.7617C7 12.463 7.74933 14.5737 8.84 16.679C11.2413 21.315 15.2413 25.9843 15.2413 25.9843C15.3352 26.0937 15.4516 26.1814 15.5826 26.2416C15.7135 26.3017 15.8559 26.3328 16 26.3328C16.1441 26.3328 16.2865 26.3017 16.4174 26.2416C16.5484 26.1814 16.6648 26.0937 16.7587 25.9843C16.7587 25.9843 20.7587 21.315 23.16 16.679C24.2507 14.5737 25 12.463 25 10.7617C25 5.73899 20.964 1.66699 16 1.66699ZM16 7.00033C15.0447 7.02609 14.1371 7.4237 13.4705 8.10853C12.8039 8.79335 12.4309 9.7113 12.4309 10.667C12.4309 11.6227 12.8039 12.5406 13.4705 13.2255C14.1371 13.9103 15.0447 14.3079 16 14.3337C16.9553 14.3079 17.8629 13.9103 18.5295 13.2255C19.1961 12.5406 19.5691 11.6227 19.5691 10.667C19.5691 9.7113 19.1961 8.79335 18.5295 8.10853C17.8629 7.4237 16.9553 7.02609 16 7.00033Z"
                                fill="#F39F5F"></path>
                            <path fill-rule="evenodd" clip-rule="evenodd"
                                d="M22.3783 23.1693C23.4623 23.4946 24.3557 23.8973 24.973 24.3693C25.373 24.6733 25.6663 24.9706 25.6663 25.3333C25.6663 25.5466 25.545 25.74 25.3743 25.9333C25.0917 26.252 24.6717 26.5386 24.1517 26.8053C22.3143 27.7453 19.3437 28.3333 15.9997 28.3333C12.6557 28.3333 9.68501 27.7453 7.84767 26.8053C7.32767 26.5386 6.90767 26.252 6.62501 25.9333C6.45434 25.74 6.33301 25.5466 6.33301 25.3333C6.33301 24.9706 6.62634 24.6733 7.02634 24.3693C7.64367 23.8973 8.53701 23.4946 9.62101 23.1693C9.87509 23.0929 10.0884 22.9187 10.2141 22.6851C10.3397 22.4514 10.3674 22.1774 10.291 21.9233C10.2146 21.6692 10.0404 21.4559 9.80677 21.3302C9.5731 21.2046 9.29909 21.1769 9.04501 21.2533C7.39434 21.7506 6.11167 22.432 5.34101 23.1853C4.66367 23.8453 4.33301 24.584 4.33301 25.3333C4.33301 26.2693 4.86234 27.2026 5.93834 27.9813C7.82634 29.3466 11.6183 30.3333 15.9997 30.3333C20.381 30.3333 24.173 29.3466 26.061 27.9813C27.137 27.2026 27.6663 26.2693 27.6663 25.3333C27.6663 24.584 27.3357 23.8453 26.6583 23.1853C25.8877 22.432 24.605 21.7506 22.9543 21.2533C22.8285 21.2155 22.6965 21.2028 22.5658 21.216C22.4351 21.2292 22.3083 21.268 22.1926 21.3302C22.0769 21.3925 21.9746 21.4769 21.8915 21.5786C21.8084 21.6804 21.7462 21.7975 21.7083 21.9233C21.6705 22.0491 21.6578 22.1811 21.6711 22.3118C21.6843 22.4425 21.7231 22.5694 21.7853 22.6851C21.8475 22.8008 21.9319 22.9031 22.0337 22.9862C22.1354 23.0692 22.2525 23.1315 22.3783 23.1693Z"
                                fill="#F39F5F"></path>
                        </svg></div>
                    <div class="content">
                        <p>Location</p>
                        <h3>4517 Washington ave. </h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-widgets-wrapper">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".3s">
                        <div class="single-footer-widget">
                            <div class="widget-head"><a href="p9wfc14694.html"><img src="/picture/logo.svg"
                                        alt="logo-img"></a></div>
                            <div class="footer-content">
                                <p>Phasellus ultricies aliquam volutpat ullamcorper laoreet neque,a lacinia curabitur
                                    lacinia mollis </p>
                                <div class="social-icon d-flex align-items-center"><a href="#"><i
                                            class="fab fa-facebook-f"></i></a><a href="#"><i
                                            class="fab fa-twitter"></i></a><a href="#"><i
                                            class="fa-brands fa-linkedin-in"></i></a><a href="#"><i
                                            class="fa-brands fa-youtube"></i></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-4 col-md-6 ps-lg-5 wow fadeInUp" data-wow-delay=".5s">
                        <div class="single-footer-widget">
                            <div class="widget-head">
                                <h3>Quick Links</h3>
                            </div>
                            <ul class="list-area">
                                <li><a href="program-details.html"><i class="fa-solid fa-chevron-right"></i>Our Services
                                    </a></li>
                                <li><a href="news-details.html"><i class="fa-solid fa-chevron-right"></i>Our Blogs </a>
                                </li>
                                <li><a href="faq.html"><i class="fa-solid fa-chevron-right"></i>FAQ’S </a></li>
                                <li><a href="contact.html"><i class="fa-solid fa-chevron-right"></i>Contact Us </a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6 ps-lg-5 wow fadeInUp" data-wow-delay=".5s">
                        <div class="single-footer-widget style-margin">
                            <div class="widget-head">
                                <h3>Categories</h3>
                            </div>
                            <ul class="list-area">
                                <li><a href="program-details.html"><i class="fa-solid fa-chevron-right"></i>Music
                                        Learning </a></li>
                                <li><a href="program-details.html"><i class="fa-solid fa-chevron-right"></i>Sports,Games
                                    </a></li>
                                <li><a href="program-details.html"><i class="fa-solid fa-chevron-right"></i>Science
                                        Class </a></li>
                                <li><a href="program-details.html"><i class="fa-solid fa-chevron-right"></i>Drawing </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".7s">
                        <div class="single-footer-widget style-margin">
                            <div class="widget-head">
                                <h3>Recent Posts</h3>
                            </div>
                            <div class="recent-post-area">
                                <div class="recent-post-items">
                                    <div class="thumb"><img src="/picture/pp1.jpg" alt="post-img"></div>
                                    <div class="content">
                                        <ul class="post-date">
                                            <li><i class="fa-solid fa-calendar-days me-2"></i>20 Feb,2024 </li>
                                        </ul>
                                        <h6><a href="news-details.html">That jerk Form Finance <br>really threw me </a>
                                        </h6>
                                    </div>
                                </div>
                                <div class="recent-post-items mb-0">
                                    <div class="thumb"><img src="/picture/pp2.jpg" alt="post-img"></div>
                                    <div class="content">
                                        <ul class="post-date">
                                            <li><i class="fa-solid fa-calendar-days me-2"></i>15 Dec,2024 </li>
                                        </ul>
                                        <h6><a href="news-details.html">From without content <br>style without </a></h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="f-bottom-shape"><img src="/picture/footer-bottom.png" alt="shape-img"></div>
            <div class="container">
                <div class="footer-wrapper d-flex align-items-center justify-content-between">
                    <p class="wow fadeInLeft color-2" data-wow-delay=".3s">© All Copyright 2024 by <a
                            href="https://www.99ziyuan.net">99ziyuan</a></p>
                    <ul class="footer-menu wow fadeInRight" data-wow-delay=".5s">
                        <li><a href="contact.html">Terms & Condition </a></li>
                        <li><a href="contact.html">Privacy Policy </a></li>
                    </ul>
                </div>
            </div><a href="#" id="scrollUp" class="scroll-icon"><i class="far fa-arrow-up"></i></a>
        </div>
    </footer> -->
</template>