Features

Features #1

A simple and powerful experience out of the box.

Everything you need, customize and extend when you need more.

Fast and intuitive

Duis ac ultrices lacus. Nulla pulvinar justo ac ex pulvinar placerat. Curabitur sit amet sagittis sapienlectus.

Contextual feedback

Vivamus gravida sem nec nunc euismod, eu facilisis augue congue. Etiam pharetra aliquet interdum.

Cloud storage

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae consequat interdum.

Well-integrated

Praesent dolor velit, porta id pharetra quis, rutrum vitae velit. In ut neque qnas tristique imperdiet porta.


  <div class="py-6">
      <div class="container">
        <div class="row">
          <div class="offset-xl-2 col-xl-8 col-12 ">
        <div class="row">
          <div class="col-lg-9 col-md-12 col-12 mb-8">

            <h2 class="mb-3 display-4 fw-bold ">A simple and powerful
              experience out of the box.
               </h2>
            <p class="h2 text-muted ">Everything you need, customize and extend
              when you need more.</p>
          </div>
          <div class="col-lg-12 col-md-12 col-12">
            <!-- row -->
            <div class="row">
                 <!-- col -->
              <div class="col-md-6 col-12 pe-lg-6 mb-lg-6 mb-4">
                   <!-- icon -->
                <div class="icon-shape icon-lg bg-primary h3 text-white rounded-3 mb-4"><i class="bi bi-lightning-charge-fill "></i></div>
                   <!-- heading -->
                <h2 class="fw-bold">Fast and intuitive</h2>
                   <!-- text -->
                <p class="fs-5">Duis ac ultrices lacus. Nulla pulvinar justo ac ex
                  pulvinar placerat. Curabitur sit amet sagittis
                  sapienlectus.</p>
              </div>
                 <!-- col -->
                 <div class="col-md-6 col-12 pe-lg-6 mb-lg-6 mb-4">
                  <!-- icon -->
               <div class="icon-shape icon-lg bg-primary h3 text-white rounded-3 mb-4"><i class="bi bi-chat-fill "></i></div>
                  <!-- heading -->
                  <h2 class="fw-bold">Contextual feedback</h2>
                  <!-- text -->
               <p class="fs-5">Vivamus gravida sem nec nunc euismod, eu
                facilisis augue congue. Etiam pharetra aliquet
                interdum.
                </p>
             </div>
              <!-- col -->
              <div class="col-md-6 col-12 pe-lg-6 mb-lg-6 mb-4">
                <!-- icon -->
             <div class="icon-shape icon-lg bg-primary h3 text-white rounded-3 mb-4"><i class="bi bi-cloud-fill "></i></div>
                <!-- heading -->
                <h2 class="fw-bold">Cloud storage</h2>
                <!-- text -->
             <p class="fs-5">Vestibulum ante ipsum primis in faucibus orci
              luctus et ultrices posuere cubilia curae consequat interdum.</p>
           </div>
            <!-- col -->
            <div class="col-md-6 col-12 pe-lg-6 mb-lg-6 mb-4">
              <!-- icon -->
           <div class="icon-shape icon-lg bg-primary h3 text-white rounded-3 mb-4"><i class="bi bi-grid-fill "></i></div>
              <!-- heading -->
              <h2 class="fw-bold">Well-integrated</h2>
              <!-- text -->
           <p class="fs-5">Praesent dolor velit, porta id pharetra quis, rutrum
            vitae velit. In ut neque qnas tristique imperdiet
            porta.</p>
         </div>
            </div>
          </div>
        </div>
        </div>
        </div>
      </div>
    </div>

Features #2

Easy Setup Process

Vivamus sit amet eros facilisis, suscipit libero eget, elementum diam. Praesent quam.

Quality First

Quality first. All projects are backed by our fanatic support & 100% satisfaction guarantee.

Customizable

Mauris interdum leo vel eleifend fringilla, nibh elit interdum nisi nec porttitor nunc egestas.

Unlimited

Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum velit esse cillum.

 <div class=" py-8">
  <div class="container">
    <div class="row">
      <div class="col-md-6 col-lg-3 col-12">
         <!-- featues -->
        <div class="mb-6 mb-lg-0 fs-4">
           <!-- icon -->
          <div class="icon-shape icon-lg bg-primary text-white rounded-circle
            text-center mb-4"><i class="mdi mdi-flash mdi-24px lh-1"></i></div>
          <h3 class="fw-bold">Easy Setup Process</h3>
          <p>Vivamus sit amet eros facilisis,
            suscipit libero eget, elementum diam.
            Praesent quam.
          </p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3 col-12">
         <!-- features -->
        <div class="mb-6 mb-lg-0 fs-4">
           <!-- icon -->
          <div class="icon-shape icon-lg bg-primary text-white rounded-circle
            text-center mb-4"><i class="mdi mdi-layers mdi-24px lh-1"></i></div>
          <h3 class="fw-bold">Quality First</h3>
          <p>Quality first. All projects are backed
            by our fanatic support & 100%
            satisfaction guarantee.
          </p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3 col-12">
         <!-- features -->
        <div class="mb-6 mb-lg-0 fs-4">
           <!-- icon -->
          <div class="icon-shape icon-lg bg-primary text-white rounded-circle
            text-center mb-4"><i class="mdi mdi-cellphone-iphone mdi-24px
              lh-1"></i></div>
          <h3 class="fw-bold">Customizable</h3>
          <p>Mauris interdum leo vel eleifend
            fringilla, nibh elit interdum nisi nec
            porttitor nunc egestas.
          </p>
        </div>
      </div>
      <div class="col-md-6 col-lg-3 col-12">
         <!-- features -->
        <div class="mb-6 mb-lg-0 fs-4">
           <!-- icon -->
          <div class="icon-shape icon-lg bg-primary text-white rounded-circle
            text-center mb-4"><i class="mdi mdi-infinity mdi-24px lh-1"></i></div>
          <h3 class="fw-bold">Unlimited</h3>
          <p>Excepteur sint occaecat cupidatat non
            proident, sunt in anim id
            est laborum velit esse cillum.
          </p>
        </div>
      </div>
    </div>
  </div>
  </div>

Features #3

...
Build fast, launch faster

Build the sites you want with Ajoru UI you love

Mauris interdum leo vel eleifend fringilla nibh elit interdc nunc elementum nisi.

  • Earnings
  • Conversion Rates
  • Top security
  • High converting
  • Easy to use
  • 200+ Integrations
  <div class="py-8">
 <div class="container">
   <div class="row align-items-center">
     <div class="col-lg-6 col-md-12 col-12">
        <!-- image -->
       <div class="mb-4 mb-lg-0">
         <img src="../assets/images/svg/featured-img-1.svg" alt="..."
           class="img-fluid w-100">
       </div>
     </div>
     <div class="col-lg-6 col-md-12 col-12 mt-4 mt-lg-0">
        <!-- content -->
       <div class="ps-lg-7">
         <span class=" text-primary ls-md text-uppercase
           fw-semi-bold">Build fast, launch faster</span>
         <h2 class="display-4 mt-4 mb-3 fw-bold">Build the sites you want

           with Ajoru UI you love</h2>
         <h3>Mauris interdum leo vel eleifend fringilla
           nibh elit interdc nunc elementum nisi. </h3>
         <div class="mt-5 row">
            <!-- list -->
           <div class="col">
             <ul class="list-unstyled fs-4
               fw-medium">
               <li class="mb-2 d-flex"><i class="mdi mdi-check-circle
                   text-success me-2"></i>Earnings </li>
               <li class="mb-2 d-flex"><i class="mdi mdi-check-circle
                   text-success me-2"></i>Conversion Rates</li>
               <li class="mb-2 d-flex"><i class="mdi mdi-check-circle
                   text-success me-2"></i>Top security</li>
             </ul>
           </div>
           <div class="col">
              <!-- list -->
             <ul class="list-unstyled fs-4
               fw-medium">
               <li class="mb-2 d-flex"><i class="mdi mdi-check-circle
                   text-success me-2"></i>High converting </li>
               <li class="mb-2 d-flex"><i class="mdi mdi-check-circle
                   text-success me-2"></i>Easy to use</li>
               <li class="mb-2 d-flex"><i class="mdi mdi-check-circle
                   text-success me-2"></i>200+ Integrations</li>
             </ul>
           </div>
         </div>
       </div>
   </div>
 </div>
 </div>
 </div>

Features #4

Bullet point Features

The most powerful design for web projects

Donec eget enim volutpat punar turpis at elementum neque.

5-Star Rating

Pellentesque ipsum nulla cursus sodales enim non interdum dignissim quam.

Dedicated Support

Nullam sagittis metus ut lorem efficitur in bibendum augue pharetra.

Quality Documentation coming soon

Nullam sagittis metus ut lorem efficitur in bibendum augue pharetra.

...
<div class="py-8">
  <div class="container">
   <div class="row align-items-center">
     <!-- col -->
     <div class="col-lg-6 col-md-12 col-12">
       <!-- content -->
      <div class="pe-lg-6 ps-lg-6">
        <span class="text-primary ls-md text-uppercase
          fw-semi-bold">Bullet point Features
        </span>
        <h2 class="display-4 mt-4 mb-3 fw-bold">The most powerful

          design for web projects</h2>
        <h3>Donec eget enim volutpat punar
          turpis at elementum neque.</h3>
        <div class="mt-6">
           <!-- icon with para -->
          <div class="d-flex mb-4">
            <div>
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-star-fill text-primary mt-1" viewBox="0 0 16 16">
                <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
              </svg>
            </div>
            <div class="ms-3">
               <!-- content -->
              <h3 class="mb-2">5-Star Rating </h3>
              <p class="mb-0 fs-4">Pellentesque ipsum nulla cursus
                sodales enim non
                interdum dignissim quam.
              </p>
            </div>
          </div>
                      <!-- icon with para -->
          <div class="d-flex mb-4">
            <div>
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-life-preserver mt-1 text-primary" viewBox="0 0 16 16">
                <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm6.43-5.228a7.025 7.025 0 0 1-3.658 3.658l-1.115-2.788a4.015 4.015 0 0 0 1.985-1.985l2.788 1.115zM5.228 14.43a7.025 7.025 0 0 1-3.658-3.658l2.788-1.115a4.015 4.015 0 0 0 1.985 1.985L5.228 14.43zm9.202-9.202-2.788 1.115a4.015 4.015 0 0 0-1.985-1.985l1.115-2.788a7.025 7.025 0 0 1 3.658 3.658zm-8.087-.87a4.015 4.015 0 0 0-1.985 1.985L1.57 5.228A7.025 7.025 0 0 1 5.228 1.57l1.115 2.788zM8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
              </svg>
            </div>
<!-- content -->
            <div class="ms-3">
              <h3 class="mb-2">Dedicated Support</h3>
              <p class="mb-0 fs-4">Nullam sagittis metus ut lorem
                efficitur in bibendum
                augue pharetra.
              </p>
            </div>
          </div>
                      <!-- icon with para -->
          <div class="d-flex ">
            <div>
              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-file-earmark-text-fill text-primary mt-1" viewBox="0 0 16 16">
                <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM4.5 9a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM4 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1h-4z"/>
              </svg>
            </div>
<!-- content -->
            <div class="ms-3">
              <h3 class="mb-2 lh-1">Quality Documentation <span
                  class="badge bg-light-warning fs-6
                  text-warning ms-1">coming soon</span></h3>
              <p class="mb-0 fs-4">Nullam sagittis metus ut lorem
                efficitur in bibendum
                augue pharetra.
              </p>
            </div>
          </div>

        </div>
      </div>
    </div>
     <div class="col-lg-6 col-md-12 col-12">
                   <!-- image -->
       <div class="mt-4 mt-lg-0">
         <img src="../assets/images/svg/featured-img-2.svg" alt="..."
           class="img-fluid w-100">
       </div>
     </div>
   </div>
                      </div>
                    </div>

Features #5

Ajoru Culture

Culture that drives business results

Great workplace is one where employees trust the people they work for, have pride in what they do, and enjoy the people they work with.

Benefits

Our benefits are designed to ensure that you are energized, focused, and thriving, from comprehensive mental health programs.

Growth

Areas of Responsibility empower you to take on big responsibilities across the organization that will challenge you in new ways.

Values

Our values are at the core of who we are. They guide us on how we show up & work together in order to be our best achieve our mission.

Development

You’ll have access to Conscious Leadership training, success guides, anti-bias & harassment training, & free executive coaching.

 <div class="py-8">
   <!-- container -->
  <div class="container">
    <div class="row">
      <div class="offset-xl-1 col-xl-10 col-12">
        <div class="row">
          <div class="col-xl-7 col-lg-10 col-md-12 col-12">
             <!-- heading -->
            <span class="text-uppercase text-primary fw-semi-bold ls-md">Ajoru Culture</span>
            <h1 class="display-4 mt-4 mb-4 fw-bold">Culture that drives
              business results</h1>
               <!-- para -->
            <p class="fs-3  mb-5">Great workplace is one where employees trust
              the people they work for, have pride in what they
              do, and enjoy the people they work with. </p>
          </div>
        </div>
        <div class="mt-8">
          <div class="row">
             <!-- content -->
            <div class="col-lg-6 col-md-6 col-12">
              <div class="mb-6 pe-xl-12">
                <h3 class="mb-3 fw-bold">Benefits</h3>
                <p class="mb-0 fs-4 ">Our benefits are designed to ensure that you are
                  energized, focused, and thriving, from comprehensive
                  mental health programs.</p>
              </div>
            </div>
               <!-- content -->
            <div class="col-lg-6 col-md-6 col-12">
              <div class="mb-6 pe-xl-12">
                <h3 class="mb-3 fw-bold">Growth</h3>
                <p class="mb-0 fs-4 ">Areas of Responsibility empower you to take on big
                  <a href="#">responsibilities</a> across the organization that will
                  challenge you in new ways.
                </p>
              </div>
            </div>
               <!-- content -->
            <div class="col-lg-6 col-md-6 col-12">
              <div class="mb-6 pe-xl-12">
                <h3 class="mb-3 fw-bold">Values</h3>
                <p class="mb-0 fs-4 ">Our values are at the core of <a href="#">who we are</a>. They guide us
                  on how we show up &amp; work together in order to be
                  our best achieve our mission.</p>
              </div>
            </div>
               <!-- content -->
            <div class="col-lg-6 col-md-6 col-12">
              <div class="mb-6 pe-xl-12">
                <h3 class="mb-3 fw-bold">Development</h3>
                <p class="mb-0  fs-4 ">You’ll have access to Conscious Leadership training,
                  success guides, anti-bias &amp; harassment training, &amp;
                  free executive coaching. </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
 </div>