Skip to main content

Feature Section

1 • 2 • 3 • 4 • 5

title

Save and Secure

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Unlimited Material

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Report and Statistic

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Business Plan Guide

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

<!-- =========={ FEATURES }==========  -->
<div id="features" class="section bg-body">
  <div class="container-fluid p-0">
    <div class="row g-0">
      <!-- img block -->
      <div class="col-lg-4 order-lg-2 text-white showcase-img" style="background-image: url('src/img-min/section/overview1.jpg');" data-aos="fade-in">
        <div class="icon-center lightgallery-thumbnail">
          <a aria-label="Introcluding Onekit" href="https://www.youtube.com/watch?v=BGPSIUZdTkc">
            <div class="position-relative text-white">
              <!-- <i class="fas fa-play-circle play-btn-icon" aria-hidden="true"></i> -->
              <svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 512 512"><path fill="currentColor" d="M238.23,342.43l89.09-74.13a16,16,0,0,0,0-24.6l-89.09-74.13A16,16,0,0,0,212,181.86V330.14A16,16,0,0,0,238.23,342.43Z"></path><path stroke="currentColor" d="M448,256c0-106-86-192-192-192S64,150,64,256s86,192,192,192S448,362,448,256Z" style="fill:none;stroke-miterlimit:10;stroke-width:32px"></path></svg>
              <div class="play-btn-hover bg-primary opacity-80"></div>
            </div>
          </a>
        </div>
      </div>

      <!-- content block -->
      <div class="col-lg-8 order-lg-1 my-auto showcase-text" data-aos="fade-right">
        <div class="p-4 p-lg-6 mt-5 mt-md-0">
          <!-- Row -->
          <div class="row align-items-center justify-content-around me-md-4">
            <div class="col-11 col-sm-8 col-md-5 col-lg-6 mb-5">
              <div class="display-4 text-primary mb-3">
                <!-- <i class="far fa-life-ring"></i> -->
                <svg class="bi bi-shield-lock" width="3rem" height="3rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M5.443 1.991a60.17 60.17 0 00-2.725.802.454.454 0 00-.315.366C1.87 7.056 3.1 9.9 4.567 11.773c.736.94 1.533 1.636 2.197 2.093.333.228.626.394.857.5.116.053.21.089.282.11A.73.73 0 008 14.5c.007-.001.038-.005.097-.023.072-.022.166-.058.282-.111.23-.106.525-.272.857-.5a10.197 10.197 0 002.197-2.093C12.9 9.9 14.13 7.056 13.597 3.159a.454.454 0 00-.315-.366c-.626-.2-1.682-.526-2.725-.802C9.491 1.71 8.51 1.5 8 1.5c-.51 0-1.49.21-2.557.491zm-.256-.966C6.23.749 7.337.5 8 .5c.662 0 1.77.249 2.813.525a61.09 61.09 0 012.772.815c.528.168.926.623 1.003 1.184.573 4.197-.756 7.307-2.367 9.365a11.191 11.191 0 01-2.418 2.3 6.942 6.942 0 01-1.007.586c-.27.124-.558.225-.796.225s-.526-.101-.796-.225a6.908 6.908 0 01-1.007-.586 11.192 11.192 0 01-2.417-2.3C2.167 10.331.839 7.221 1.412 3.024A1.454 1.454 0 012.415 1.84a61.11 61.11 0 012.772-.815z" clip-rule="evenodd"></path>
                  <path d="M9.5 6.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"></path>
                  <path d="M7.411 8.034a.5.5 0 01.493-.417h.156a.5.5 0 01.492.414l.347 2a.5.5 0 01-.493.585h-.835a.5.5 0 01-.493-.582l.333-2z"></path>
                </svg>
              </div>
              <h3 class="h4">Save and Secure</h3>
              <p class="mb-0 text-muted">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
            </div>

            <div class="col-11 col-sm-8 col-md-5 col-lg-6 mb-5">
              <div class="display-4 text-primary mb-3">
                <!-- <i class="fas fa-bug"></i> -->
                <svg class="bi bi-folder" width="3rem" height="3rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                  <path d="M9.828 4a3 3 0 01-2.12-.879l-.83-.828A1 1 0 006.173 2H2.5a1 1 0 00-1 .981L1.546 4h-1L.5 3a2 2 0 012-2h3.672a2 2 0 011.414.586l.828.828A2 2 0 009.828 3v1z"></path>
                  <path fill-rule="evenodd" d="M13.81 4H2.19a1 1 0 00-.996 1.09l.637 7a1 1 0 00.995.91h10.348a1 1 0 00.995-.91l.637-7A1 1 0 0013.81 4zM2.19 3A2 2 0 00.198 5.181l.637 7A2 2 0 002.826 14h10.348a2 2 0 001.991-1.819l.637-7A2 2 0 0013.81 3H2.19z" clip-rule="evenodd"></path>
                </svg>
              </div>
              <h3 class="h4">Unlimited Material</h3>
              <p class="mb-0 text-muted">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
            </div>
          </div>
          <!-- End Row -->

          <!-- Row -->
          <div class="row align-items-center justify-content-around me-md-4">
            <div class="col-11 col-sm-8 col-md-5 col-lg-6 mb-5">
              <div class="display-4 text-primary mb-3">
                <!-- <i class="fas fa-fire"></i> -->
                <svg class="bi bi-clipboard-data" width="3rem" height="3rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M4 1.5H3a2 2 0 00-2 2V14a2 2 0 002 2h10a2 2 0 002-2V3.5a2 2 0 00-2-2h-1v1h1a1 1 0 011 1V14a1 1 0 01-1 1H3a1 1 0 01-1-1V3.5a1 1 0 011-1h1v-1z" clip-rule="evenodd"></path>
                  <path fill-rule="evenodd" d="M9.5 1h-3a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5zm-3-1A1.5 1.5 0 005 1.5v1A1.5 1.5 0 006.5 4h3A1.5 1.5 0 0011 2.5v-1A1.5 1.5 0 009.5 0h-3z" clip-rule="evenodd"></path>
                  <path d="M4 11a1 1 0 112 0v1a1 1 0 11-2 0v-1zm6-4a1 1 0 112 0v5a1 1 0 11-2 0V7zM7 9a1 1 0 012 0v3a1 1 0 11-2 0V9z"></path>
                </svg>
              </div>
              <h3 class="h4">Report and Statistic</h3>
              <p class="mb-0 text-muted">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
            </div>

            <div class="col-11 col-sm-8 col-md-5 col-lg-6 mb-5">
              <div class="display-4 text-primary mb-3">
                <!-- <i class="far fa-gem"></i> -->
                <svg class="bi bi-briefcase" width="3rem" height="3rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                  <path fill-rule="evenodd" d="M0 12.5A1.5 1.5 0 001.5 14h13a1.5 1.5 0 001.5-1.5v-6h-1v6a.5.5 0 01-.5.5h-13a.5.5 0 01-.5-.5v-6H0v6z" clip-rule="evenodd"></path>
                  <path fill-rule="evenodd" d="M0 4.5A1.5 1.5 0 011.5 3h13A1.5 1.5 0 0116 4.5v2.384l-7.614 2.03a1.5 1.5 0 01-.772 0L0 6.884V4.5zM1.5 4a.5.5 0 00-.5.5v1.616l6.871 1.832a.5.5 0 00.258 0L15 6.116V4.5a.5.5 0 00-.5-.5h-13zM5 2.5A1.5 1.5 0 016.5 1h3A1.5 1.5 0 0111 2.5V3h-1v-.5a.5.5 0 00-.5-.5h-3a.5.5 0 00-.5.5V3H5v-.5z" clip-rule="evenodd"></path>
                </svg>
              </div>
              <h3 class="h4">Business Plan Guide</h3>
              <p class="mb-0 text-muted">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
            </div>
          </div>
          <!-- End Row -->
        </div>
      </div>
    </div>
  </div>
</div><!-- end features -->
Copy

Permanently active account

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Guaranteed update of new material

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

More than 1000 material lists available

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Be cooled during the learning process

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Unlimited material access, forever

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Guarantee can & understand

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

<!-- =========={ FEATURES }==========  -->
<div id="features" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-body">
  <div class="container">
    <!-- row -->
    <div class="row align-items-center justify-content-around">
      <div class="col-lg-6" data-aos="fade-up">
        <div class="p-4 mx-2 mb-5 bg-body rounded-3 shadow-sm">
          <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
            <div class="d-flex align-items-center text-center me-4">
              <!-- <i class="far fa-user me-3 fa-2x text-primary"></i> -->
              <svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" class="text-primary " fill="currentColor" viewBox="0 0 512 512"><path d="M344,144c-3.92,52.87-44,96-88,96s-84.15-43.12-88-96c-4-55,35-96,88-96S348,90,344,144Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M256,304c-87,0-175.3,48-191.64,138.6C62.39,453.52,68.57,464,80,464H432c11.44,0,17.62-10.48,15.65-21.4C431.3,352,343,304,256,304Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
            </div>
            <div class="text-start">
              <h3 class="h5">Permanently active account</h3>
              <p class="text-muted mb-0">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
            </div>
          </div>
        </div>
      </div>

      <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
        <div class="p-4 mx-2 mb-5 bg-body rounded-3 shadow-sm">
          <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
            <div class="d-flex align-items-center text-center me-4">
              <!-- <i class="far fa-thumbs-up me-3 fa-2x text-primary"></i> -->
              <svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" class="text-primary" fill="currentColor" viewBox="0 0 512 512"><path d="M320,458.16S304,464,256,464s-74-16-96-32H96a64,64,0,0,1-64-64V320a64,64,0,0,1,64-64h30a32.34,32.34,0,0,0,27.37-15.4S162,221.81,188,176.78,264,64,272,48c29,0,43,22,34,47.71-10.28,29.39-23.71,54.38-27.46,87.09-.54,4.78,3.14,12,7.95,12L416,205" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M416,271l-80-2c-20-1.84-32-12.4-32-30h0c0-17.6,14-28.84,32-30l80-4c17.6,0,32,16.4,32,34v.17A32,32,0,0,1,416,271Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M448,336l-112-2c-18-.84-32-12.41-32-30h0c0-17.61,14-28.86,32-30l112-2a32.1,32.1,0,0,1,32,32h0A32.1,32.1,0,0,1,448,336Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M400,464l-64-3c-21-1.84-32-11.4-32-29h0c0-17.6,14.4-30,32-30l64-2a32.09,32.09,0,0,1,32,32h0A32.09,32.09,0,0,1,400,464Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M432,400l-96-2c-19-.84-32-12.4-32-30h0c0-17.6,13-28.84,32-30l96-2a32.09,32.09,0,0,1,32,32h0A32.09,32.09,0,0,1,432,400Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
            </div>
            <div class="text-start">
              <h3 class="h5">Guaranteed update of new material</h3>
              <p class="text-muted mb-0">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
            </div>
          </div>
        </div>
      </div>

      <div class="col-lg-6" data-aos="fade-up">
        <div class="p-4 mx-2 mb-5 bg-body rounded-3 shadow-sm">
          <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
            <div class="d-flex align-items-center text-center me-4">
              <!-- <i class="far fa-file-archive me-3 fa-2x text-primary"></i> -->
              <svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" class="text-primary" fill="currentColor" viewBox="0 0 512 512"><line x1="160" y1="144" x2="448" y2="144" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="160" y1="256" x2="448" y2="256" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="160" y1="368" x2="448" y2="368" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="80" cy="144" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="80" cy="256" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="80" cy="368" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
            </div>
            <div class="text-start">
              <h3 class="h5">More than 1000 material lists available</h3>
              <p class="text-muted mb-0">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
            </div>
          </div>
        </div>
      </div>

      <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
        <div class="p-4 mx-2 mb-5 bg-body rounded-3 shadow-sm">
          <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
            <div class="d-flex align-items-center text-center me-4">
              <!-- <i class="far fa-grin-stars me-3 fa-2x text-primary"></i> -->
              <svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" class="text-primary" fill="currentColor" viewBox="0 0 512 512"><circle cx="184" cy="232" r="24"/><path d="M256.05,384c-45.42,0-83.62-29.53-95.71-69.83A8,8,0,0,1,168.16,304H343.85a8,8,0,0,1,7.82,10.17C339.68,354.47,301.47,384,256.05,384Z"/><circle cx="328" cy="232" r="24"/><circle cx="256" cy="256" r="208" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
            </div>
            <div class="text-start">
              <h3 class="h5">Be cooled during the learning process</h3>
              <p class="text-muted mb-0">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
            </div>
          </div>
        </div>
      </div>

      <div class="col-lg-6" data-aos="fade-up">
        <div class="p-4 mx-2 mb-5 bg-body rounded-3 shadow-sm">
          <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
            <div class="d-flex align-items-center text-center me-4">
              <!-- <i class="far fa-folder-open me-3 fa-2x text-primary"></i> -->
              <svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" class="text-primary" fill="currentColor" viewBox="0 0 512 512"><path d="M440,432H72a40,40,0,0,1-40-40V120A40,40,0,0,1,72,80h75.89a40,40,0,0,1,22.19,6.72l27.84,18.56A40,40,0,0,0,220.11,112H440a40,40,0,0,1,40,40V392A40,40,0,0,1,440,432Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="32" y1="192" x2="480" y2="192" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
            </div>
            <div class="text-start">
              <h3 class="h5">Unlimited material access, forever</h3>
              <p class="text-muted mb-0">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
            </div>
          </div>
        </div>
      </div>

      <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
        <div class="p-4 mx-2 mb-5 bg-body rounded-3 shadow-sm">
          <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
            <div class="d-flex align-items-center text-center me-4">
              <!-- <i class="far fa-lightbulb me-3 fa-2x text-primary"></i> -->
              <svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" class="text-primary" fill="currentColor" viewBox="0 0 512 512"><path d="M304,384V360c0-29,31.54-56.43,52-76,28.84-27.57,44-64.61,44-108,0-80-63.73-144-144-144A143.6,143.6,0,0,0,112,176c0,41.84,15.81,81.39,44,108,20.35,19.21,52,46.7,52,76v24" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="224" y1="480" x2="288" y2="480" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="208" y1="432" x2="304" y2="432" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="256" y1="384" x2="256" y2="256" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M294,240s-21.51,16-38,16-38-16-38-16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
            </div>
            <div class="text-start">
              <h3 class="h5">Guarantee can & understand</h3>
              <p class="text-muted mb-0">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
            </div>
          </div>
        </div>
      </div>
    </div><!-- end row -->
  </div>
</div><!-- End features -->
Copy

Portfolio Lightgallery

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Flickity Slider

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Isotope Magic Filter

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Supported RTL

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Animated Particles

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Progressive Web App

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<!-- =========={ FEATURES }==========  -->
<div id="features" class="section py-6 py-md-7 bg-body">
  <div class="container">
    <!-- row -->
    <div class="row">
      <!-- features images -->
      <div class="col-lg-4 text-center order-lg-2" data-aos="fade-up">
        <div class="px-6 px-md-7 px-lg-3 px-xl-6 mb-5 mb-lg-0">
          <!-- Android potrait -->
          <figure class="position-relative">
            <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480.000000 906.000000">
              <!-- Clip path image -->
              <defs>
                <clipPath id="svgf">
                  <rect x="50" y="16.5" width="480" height="1066"/>
                </clipPath>
              </defs>
              <!-- Phone screen -->
              <image clip-path="url(#svgf)" xlink:href="src/img-min/app/android-potrait.jpg" height="94%" width="100%" style="transform:translateY(15px);"></image>
              <!-- Phone cover -->
              <image xlink:href="src/img-min/app/device/android-dark.png" height="100%" width="100%"></image>
            </svg>
          </figure>
        </div>
      </div>
      <!-- features align left -->
      <div class="col-lg-4 order-lg-1" data-aos="fade-right" data-aos-delay="100">
        <div class="three-features pb-4 position-relative features-end text-start text-lg-end">
          <!-- icon -->
          <svg xmlns="http://www.w3.org/2000/svg" class="features-icon text-primary" width="3.5rem" height="3.5rem" viewBox="0 0 512 512"><rect stroke="currentColor" x="48" y="48" width="176" height="176" rx="20" ry="20" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><rect stroke="currentColor" x="288" y="48" width="176" height="176" rx="20" ry="20" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><rect stroke="currentColor" x="48" y="288" width="176" height="176" rx="20" ry="20" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><rect stroke="currentColor" x="288" y="288" width="176" height="176" rx="20" ry="20" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
          <!-- <i class="fas fa-shipping-fast features-icon text-primary"></i> -->

          <h3 class="h5">Portfolio Lightgallery</h3>
          <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
        <div class="three-features pb-4 position-relative features-end text-start text-lg-end">
          <!-- icon -->
          <svg xmlns="http://www.w3.org/2000/svg" class="features-icon text-primary" width="3.5rem" height="3.5rem" viewBox="0 0 512 512"><path stroke="currentColor" d="M432,112V96a48.14,48.14,0,0,0-48-48H64A48.14,48.14,0,0,0,16,96V352a48.14,48.14,0,0,0,48,48H80" style="fill:none;stroke-linejoin:round;stroke-width:32px"/><rect stroke="currentColor" x="96" y="128" width="400" height="336" rx="45.99" ry="45.99" style="fill:none;stroke-linejoin:round;stroke-width:32px"/><ellipse stroke="currentColor" cx="372.92" cy="219.64" rx="30.77" ry="30.55" style="fill:none;stroke-miterlimit:10;stroke-width:32px"/><path stroke="currentColor" d="M342.15,372.17,255,285.78a30.93,30.93,0,0,0-42.18-1.21L96,387.64" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path stroke="currentColor" d="M265.23,464,383.82,346.27a31,31,0,0,1,41.46-1.87L496,402.91" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
          <!-- <i class="fas fa-chart-pie features-icon text-primary"></i> -->

          <h3 class="h5">Flickity Slider</h3>
          <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
        <div class="three-features pb-4 position-relative features-end text-start text-lg-end">
          <!-- icon -->
          <svg xmlns="http://www.w3.org/2000/svg" class="features-icon text-primary" width="3.5rem" height="3.5rem" viewBox="0 0 512 512"><rect stroke="currentColor" x="64" y="176" width="384" height="256" rx="28.87" ry="28.87" style="fill:none;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="144" y1="80" x2="368" y2="80" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/><line stroke="currentColor" x1="112" y1="128" x2="400" y2="128" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/></svg>
          <!-- <i class="fas fa-credit-card features-icon text-primary"></i> -->

          <h3 class="h5">Isotope Magic Filter</h3>
          <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
      </div>

      <!-- features align right -->
      <div class="col-lg-4 order-lg-3" data-aos="fade-left" data-aos-delay="100">
        <div class="three-features pb-4 position-relative text-start text-md-end text-lg-start">
          <!-- icon -->
          <svg xmlns="http://www.w3.org/2000/svg" class="features-icon text-primary" width="3.5rem" height="3.5rem" fill="currentColor" viewBox="0 0 512 512"><line x1="48" y1="112" x2="336" y2="112" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="192" y1="64" x2="192" y2="112" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><polyline points="272 448 368 224 464 448" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="301.5" y1="384" x2="434.5" y2="384" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M281.3,112S257,206,199,277,80,384,80,384" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M256,336s-35-27-72-75-56-85-56-85" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
          <!-- <i class="fas fa-desktop features-icon text-primary"></i> -->

          <h3 class="h5">Supported RTL</h3>
          <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
        <div class="three-features pb-4 position-relative text-start text-md-end text-lg-start">
          <!-- icon -->
          <svg xmlns="http://www.w3.org/2000/svg" class="features-icon text-primary rtl-270" width="3.5rem" height="3.5rem" viewBox="0 0 512 512"><path stroke="currentColor" d="M461.81,53.81a4.4,4.4,0,0,0-3.3-3.39c-54.38-13.3-180,34.09-248.13,102.17a294.9,294.9,0,0,0-33.09,39.08c-21-1.9-42-.3-59.88,7.5-50.49,22.2-65.18,80.18-69.28,105.07a9,9,0,0,0,9.8,10.4l81.07-8.9a180.29,180.29,0,0,0,1.1,18.3,18.15,18.15,0,0,0,5.3,11.09l31.39,31.39a18.15,18.15,0,0,0,11.1,5.3,179.91,179.91,0,0,0,18.19,1.1l-8.89,81a9,9,0,0,0,10.39,9.79c24.9-4,83-18.69,105.07-69.17,7.8-17.9,9.4-38.79,7.6-59.69a293.91,293.91,0,0,0,39.19-33.09C427.82,233.76,474.91,110.9,461.81,53.81ZM298.66,213.67a42.7,42.7,0,1,1,60.38,0A42.65,42.65,0,0,1,298.66,213.67Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path stroke="currentColor" d="M109.64,352a45.06,45.06,0,0,0-26.35,12.84C65.67,382.52,64,448,64,448s65.52-1.67,83.15-19.31A44.73,44.73,0,0,0,160,402.32" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
          <!-- <i class="fas fa-shopping-bag features-icon text-primary"></i> -->

          <h3 class="h5">Animated Particles</h3>
          <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
        <div class="three-features pb-4 position-relative text-start text-md-end text-lg-start">
          <!-- icon -->
          <svg xmlns="http://www.w3.org/2000/svg" class="features-icon text-primary" width="3.5rem" height="3.5rem" fill="currentColor" viewBox="0 0 512 512"><path d="M330.7,352l77.72-192H356.9L303.74,284.07,265.93,160H226.32L185.74,284.07l-28.63-56.53L131.21,307l26.3,45h50.7l36.68-111.27,35,111.27Z"></path><path d="M48.79,286.09H80.44a93.39,93.39,0,0,0,25.62-3.21l8.18-25.19,22.88-70.39a55.75,55.75,0,0,0-6-7.82Q113.54,160,79.59,160H0V352H48.79Zm41.9-81.92q6.89,6.92,6.88,18.52t-6,18.53q-6.64,7.62-24.44,7.61H48.79V197.25H67.21q16.59,0,23.48,6.92ZM376.85,317.61l14.79-37.25h42.69l-20.26-56.51L439.41,160,512,352H458.47l-12.4-34.39Z"></path></svg>
          <!-- <i class="fas fa-file-invoice features-icon text-primary"></i> -->

          <h3 class="h5">Progressive Web App</h3>
          <p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        </div>
      </div>
    </div><!-- end row -->
  </div>
</div><!-- End Features-->
Copy

Permanently active account

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Guaranteed update of new material

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

More than 1000 material lists available

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Be cooled during the learning process

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Unlimited material access, forever

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Guarantee can & understand

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

<!-- =========={ FEATURES }==========  -->
<div id="features" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light-dark">
  <div class="container">
    <!-- row -->
    <div class="row align-items-center justify-content-around">
      <div class="col-lg-6" data-aos="fade-up">
        <div class="p-4 bg-body mx-3 mb-5 rounded-3 shadow-sm">
          <div class="d-flex rounded align-items-center ps-3 pe-1 ps-md-1 pe-md-1 py-2">
            <!-- <i class="far fa-user me-3 fa-2x text-primary"></i> -->
            <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="text-primary me-3" fill="currentColor" viewBox="0 0 512 512"><path d="M344,144c-3.92,52.87-44,96-88,96s-84.15-43.12-88-96c-4-55,35-96,88-96S348,90,344,144Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M256,304c-87,0-175.3,48-191.64,138.6C62.39,453.52,68.57,464,80,464H432c11.44,0,17.62-10.48,15.65-21.4C431.3,352,343,304,256,304Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
            <h3 class="h5 mb-0">Permanently active account</h3>
          </div>
          <p class="text-muted">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
        </div>
      </div>

      <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
        <div class="p-4 bg-body mx-3 mb-5 rounded-3 shadow-sm">
          <div class="d-flex rounded align-items-center ps-3 pe-1 ps-md-1 pe-md-1 py-2">
            <!-- <i class="far fa-thumbs-up me-3 fa-2x text-primary"></i> -->
            <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="text-primary me-3" fill="currentColor" viewBox="0 0 512 512"><path d="M320,458.16S304,464,256,464s-74-16-96-32H96a64,64,0,0,1-64-64V320a64,64,0,0,1,64-64h30a32.34,32.34,0,0,0,27.37-15.4S162,221.81,188,176.78,264,64,272,48c29,0,43,22,34,47.71-10.28,29.39-23.71,54.38-27.46,87.09-.54,4.78,3.14,12,7.95,12L416,205" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M416,271l-80-2c-20-1.84-32-12.4-32-30h0c0-17.6,14-28.84,32-30l80-4c17.6,0,32,16.4,32,34v.17A32,32,0,0,1,416,271Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M448,336l-112-2c-18-.84-32-12.41-32-30h0c0-17.61,14-28.86,32-30l112-2a32.1,32.1,0,0,1,32,32h0A32.1,32.1,0,0,1,448,336Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M400,464l-64-3c-21-1.84-32-11.4-32-29h0c0-17.6,14.4-30,32-30l64-2a32.09,32.09,0,0,1,32,32h0A32.09,32.09,0,0,1,400,464Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M432,400l-96-2c-19-.84-32-12.4-32-30h0c0-17.6,13-28.84,32-30l96-2a32.09,32.09,0,0,1,32,32h0A32.09,32.09,0,0,1,432,400Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
            <h3 class="h5 mb-0">Guaranteed update of new material</h3>
          </div>
          <p class="text-muted">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
        </div>
      </div>

      <div class="col-lg-6" data-aos="fade-up">
        <div class="p-4 bg-body mx-3 mb-5 rounded-3 shadow-sm">
          <div class="d-flex rounded align-items-center ps-3 pe-1 ps-md-1 pe-md-1 py-2">
            <!-- <i class="far fa-file-archive me-3 fa-2x text-primary"></i> -->
            <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="text-primary me-3" fill="currentColor" viewBox="0 0 512 512"><line x1="160" y1="144" x2="448" y2="144" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="160" y1="256" x2="448" y2="256" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="160" y1="368" x2="448" y2="368" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="80" cy="144" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="80" cy="256" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="80" cy="368" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
            <h3 class="h5 mb-0">More than 1000 material lists available</h3>
          </div>
          <p class="text-muted">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
        </div>
      </div>

      <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
        <div class="p-4 bg-body mx-3 mb-5 rounded-3 shadow-sm">
          <div class="d-flex rounded align-items-center ps-3 pe-1 ps-md-1 pe-md-1 py-2">
            <!-- <i class="far fa-grin-stars me-3 fa-2x text-primary"></i> -->
            <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="text-primary me-3" fill="currentColor" viewBox="0 0 512 512"><circle cx="184" cy="232" r="24"/><path d="M256.05,384c-45.42,0-83.62-29.53-95.71-69.83A8,8,0,0,1,168.16,304H343.85a8,8,0,0,1,7.82,10.17C339.68,354.47,301.47,384,256.05,384Z"/><circle cx="328" cy="232" r="24"/><circle cx="256" cy="256" r="208" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
            <h3 class="h5 mb-0">Be cooled during the learning process</h3>
          </div>
          <p class="text-muted">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
        </div>
      </div>

      <div class="col-lg-6" data-aos="fade-up">
        <div class="p-4 bg-body mx-3 mb-5 rounded-3 shadow-sm">
          <div class="d-flex rounded align-items-center ps-3 pe-1 ps-md-1 pe-md-1 py-2">
            <!-- <i class="far fa-folder-open me-3 fa-2x text-primary"></i> -->
            <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="text-primary me-3" fill="currentColor" viewBox="0 0 512 512"><path d="M440,432H72a40,40,0,0,1-40-40V120A40,40,0,0,1,72,80h75.89a40,40,0,0,1,22.19,6.72l27.84,18.56A40,40,0,0,0,220.11,112H440a40,40,0,0,1,40,40V392A40,40,0,0,1,440,432Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="32" y1="192" x2="480" y2="192" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
            <h3 class="h5 mb-0">Unlimited material access, forever</h3>
          </div>
          <p class="text-muted">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
        </div>
      </div>

      <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
        <div class="p-4 bg-body mx-3 mb-5 rounded-3 shadow-sm">
          <div class="d-flex rounded align-items-center ps-3 pe-1 ps-md-1 pe-md-1 py-2">
            <!-- <i class="far fa-lightbulb me-3 fa-2x text-primary"></i> -->
            <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="text-primary me-3" fill="currentColor" viewBox="0 0 512 512"><path d="M304,384V360c0-29,31.54-56.43,52-76,28.84-27.57,44-64.61,44-108,0-80-63.73-144-144-144A143.6,143.6,0,0,0,112,176c0,41.84,15.81,81.39,44,108,20.35,19.21,52,46.7,52,76v24" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="224" y1="480" x2="288" y2="480" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="208" y1="432" x2="304" y2="432" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="256" y1="384" x2="256" y2="256" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M294,240s-21.51,16-38,16-38-16-38-16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
            <h3 class="h5 mb-0">Guarantee can & understand</h3>
          </div>
          <p class="text-muted">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
        </div>
      </div>
    </div>
    <!-- end row -->
  </div>
</div><!-- End features -->
Copy

We are Solution for
Your Business.

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Read More

Business Plan Guide

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Budgeting and Financial

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

Professional Documents

Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.

<!-- =========={ FEATURES }==========  -->
<div id="features" class="section bg-primary">
  <div class="container-fluid">
    <div class="row">
      <div class="col-md-6 bg-body">
        <div class="p-5 p-lg-7" data-aos="fade-right">
          <h2 class="fw-bold mb-3">We are Solution for <br> Your Business.</h2>
          <p class="lead text-muted mb-5">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
          <a href="#" class="btn btn-primary">
            Read More
            <svg class="bi bi-chevron-double-right ms-2" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
              <path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L9.293 8 3.646 2.354a.5.5 0 010-.708z" clip-rule="evenodd"></path>
              <path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L13.293 8 7.646 2.354a.5.5 0 010-.708z" clip-rule="evenodd"></path>
            </svg>
          </a>
        </div>
      </div>

      <div class="col-md-6 text-light position-relative overflow-hidden">
        <!-- scribble -->
        <figure class="scribble scale-3 opacity-10 bottom-0 end-0 z-index-n1">
          <svg class="text-secondary" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
            <path fill="currentColor" d="M42.5,-66.2C57.1,-56.7,72.5,-48.4,81.1,-35.3C89.8,-22.2,91.8,-4.4,89.6,13C87.3,30.4,80.7,47.4,69.5,60.1C58.3,72.9,42.4,81.5,25.9,84.6C9.5,87.8,-7.4,85.4,-22.7,79.8C-37.9,74.1,-51.5,65.2,-60.9,53.3C-70.4,41.4,-75.8,26.6,-79,10.8C-82.1,-5,-83.1,-21.7,-77.7,-36.4C-72.4,-51,-60.7,-63.7,-46.7,-73.5C-32.7,-83.3,-16.4,-90.1,-1.2,-88.2C13.9,-86.3,27.8,-75.7,42.5,-66.2Z" transform="translate(100 100)" />
          </svg>
        </figure>

        <!-- scribble -->
        <figure class="scribble scale-4 opacity-10 bottom-0 end-0 z-index-n1">
          <svg class="text-secondary" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
            <path fill="currentColor" d="M42.5,-66.2C57.1,-56.7,72.5,-48.4,81.1,-35.3C89.8,-22.2,91.8,-4.4,89.6,13C87.3,30.4,80.7,47.4,69.5,60.1C58.3,72.9,42.4,81.5,25.9,84.6C9.5,87.8,-7.4,85.4,-22.7,79.8C-37.9,74.1,-51.5,65.2,-60.9,53.3C-70.4,41.4,-75.8,26.6,-79,10.8C-82.1,-5,-83.1,-21.7,-77.7,-36.4C-72.4,-51,-60.7,-63.7,-46.7,-73.5C-32.7,-83.3,-16.4,-90.1,-1.2,-88.2C13.9,-86.3,27.8,-75.7,42.5,-66.2Z" transform="translate(100 100)" />
          </svg>
        </figure>

        <!-- scribble -->
        <figure class="scribble scale-5 opacity-10 bottom-0 end-0 z-index-n1">
          <svg class="text-secondary" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
            <path fill="currentColor" d="M42.5,-66.2C57.1,-56.7,72.5,-48.4,81.1,-35.3C89.8,-22.2,91.8,-4.4,89.6,13C87.3,30.4,80.7,47.4,69.5,60.1C58.3,72.9,42.4,81.5,25.9,84.6C9.5,87.8,-7.4,85.4,-22.7,79.8C-37.9,74.1,-51.5,65.2,-60.9,53.3C-70.4,41.4,-75.8,26.6,-79,10.8C-82.1,-5,-83.1,-21.7,-77.7,-36.4C-72.4,-51,-60.7,-63.7,-46.7,-73.5C-32.7,-83.3,-16.4,-90.1,-1.2,-88.2C13.9,-86.3,27.8,-75.7,42.5,-66.2Z" transform="translate(100 100)" />
          </svg>
        </figure>

        <!-- scribble -->
        <figure class="scribble scale-6 opacity-10 bottom-0 end-0 z-index-n1">
          <svg class="text-secondary" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
            <path fill="currentColor" d="M42.5,-66.2C57.1,-56.7,72.5,-48.4,81.1,-35.3C89.8,-22.2,91.8,-4.4,89.6,13C87.3,30.4,80.7,47.4,69.5,60.1C58.3,72.9,42.4,81.5,25.9,84.6C9.5,87.8,-7.4,85.4,-22.7,79.8C-37.9,74.1,-51.5,65.2,-60.9,53.3C-70.4,41.4,-75.8,26.6,-79,10.8C-82.1,-5,-83.1,-21.7,-77.7,-36.4C-72.4,-51,-60.7,-63.7,-46.7,-73.5C-32.7,-83.3,-16.4,-90.1,-1.2,-88.2C13.9,-86.3,27.8,-75.7,42.5,-66.2Z" transform="translate(100 100)" />
          </svg>
        </figure>
        <div class="py-5 px-2 px-lg-5">
          <!-- row -->
          <div class="row align-items-center justify-content-around">
            <div class="col-12" data-aos="fade-up">
              <div class="my-3">
                <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                  <div class="d-flex align-items-center text-center me-4">
                    <!-- <i class="far fa-user me-3 fa-2x text-primary"></i> -->
                    <svg class="bi bi-graph-up text-warning"  width="4rem" height="4rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                      <path d="M0 0h1v16H0V0zm1 15h15v1H1v-1z"></path>
                      <path fill-rule="evenodd" d="M14.39 4.312L10.041 9.75 7 6.707l-3.646 3.647-.708-.708L7 5.293 9.959 8.25l3.65-4.563.781.624z" clip-rule="evenodd"></path>
                      <path fill-rule="evenodd" d="M10 3.5a.5.5 0 01.5-.5h4a.5.5 0 01.5.5v4a.5.5 0 01-1 0V4h-3.5a.5.5 0 01-.5-.5z" clip-rule="evenodd"></path>
                    </svg>
                  </div>
                  <div class="text-start">
                    <h3 class="h5 text-white">Business Plan Guide</h3>
                    <p class="text-light">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-12" data-aos="fade-up" data-aos-delay="100">
              <div class="my-3">
                <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                  <div class="d-flex align-items-center text-center me-4">
                    <!-- <i class="far fa-thumbs-up me-3 fa-2x text-primary"></i> -->
                    <svg class="bi bi-pie-chart text-warning" width="4rem" height="4rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"></path>
                      <path fill-rule="evenodd" d="M7.5 7.793V1h1v6.5H15v1H8.207l-4.853 4.854-.708-.708L7.5 7.793z" clip-rule="evenodd"></path>
                    </svg>
                  </div>
                  <div class="text-start">
                    <h3 class="h5 text-white">Budgeting and Financial</h3>
                    <p class="text-light">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                  </div>
                </div>
              </div>
            </div>

            <div class="col-12" data-aos="fade-up">
              <div class="my-3">
                <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                  <div class="d-flex align-items-center text-center me-4">
                    <!-- <i class="far fa-file-archive me-3 fa-2x text-primary"></i> -->
                    <svg class="bi bi-file-richtext text-warning" width="4rem" height="4rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" d="M4 1h8a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V3a2 2 0 012-2zm0 1a1 1 0 00-1 1v10a1 1 0 001 1h8a1 1 0 001-1V3a1 1 0 00-1-1H4z" clip-rule="evenodd"></path>
                      <path fill-rule="evenodd" d="M4.5 11.5A.5.5 0 015 11h3a.5.5 0 010 1H5a.5.5 0 01-.5-.5zm0-2A.5.5 0 015 9h6a.5.5 0 010 1H5a.5.5 0 01-.5-.5zm1.639-3.708l1.33.886 1.854-1.855a.25.25 0 01.289-.047l1.888.974V7.5a.5.5 0 01-.5.5H5a.5.5 0 01-.5-.5V7s1.54-1.274 1.639-1.208zM6.25 5a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd"></path>
                    </svg>
                  </div>
                  <div class="text-start">
                    <h3 class="h5 text-white">Professional Documents</h3>
                    <p class="text-light">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs.</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div><!-- end features -->
Copy