Team

Meet the Team behind Ajoru UI

Team #1

Design
HTML

World-class Instructors

Classes Taught by Industry Expert

Ajoru teachers are icons, experts, and industry rock stars excited to share their experience, wisdom, and trusted tools with you.

Mary Roberts

Professional Web Developer

4.5

9,692 Students

3 Course

Esther Howard

Developer of Bootcamp

4.5

5,128 Students

5 Course

Ross Johnson

Engineering Architect

4.5

7,423 Students

8 Course

James Davies

Web Developer and Designer

4.5

3,896 Students

5 Course

See All Instructors

<div class="py-8  bg-light-gradient-top ">
    <div class="container">
      <div class="row mb-8 justify-content-center">
         <!-- caption -->
        <div class="col-lg-8 col-md-12 col-12 text-center">
          <span class="text-primary mb-3 d-block text-uppercase fw-semi-bold ls-xl">World-class Instructors</span>
          <h2 class="mb-2 display-4 fw-bold">Classes Taught by Industry Expert</h2>
          <p class="lead">Ajoru teachers are icons, experts, and industry rock stars excited to share their
            experience, wisdom, and trusted tools with you.</p>
        </div>
      </div>
 <!-- row -->
      <div class="row">
        <div class="col-xl-3 col-lg-4 col-md-6 col-12">
           <!-- card -->
          <div class="card mb-4 card-hover">
             <!-- img -->
            <div class="card-img-top">
              <img src="../assets/images/instructor/instructor-img-1.jpg" alt="" class="rounded-top-md img-fluid">
            </div>
             <!-- card body -->
            <div class="card-body">
             <h3 class="mb-0 fw-semi-bold"> <a href="#" class="text-inherit">Mary Roberts</a></h3>
              <p class="mb-3">Professional Web Developer</p>
              <div class="lh-1  d-flex justify-content-between">
                <div>
                  <span class="fs-6">
                    <i class="mdi mdi-star text-warning"></i>
                    <span class="text-warning">4.5</span>
                  </span>
                </div>
                <div>
                  <span class="fs-6 text-muted"><span class="text-dark">9,692</span> Students</span></div>
                <div>
                  <span class="fs-6 text-muted"><span class="text-dark">3</span> Course</span></div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xl-3 col-lg-4 col-md-6 col-12">
           <!-- card -->
          <div class="card mb-4 card-hover">
             <!-- img -->
            <div class="card-img-top">
              <img src="../assets/images/instructor/instructor-img-2.jpg" alt="" class="rounded-top-md img-fluid">
            </div>
             <!-- card body -->
            <div class="card-body">
              <h3 class="mb-0 fw-semi-bold"><a href="#" class="text-inherit">Esther Howard</a></h3>
              <p class="mb-3">Developer of Bootcamp</p>
              <div class="lh-1  d-flex justify-content-between">
                <div>
                  <span class="fs-6">
                    <i class="mdi mdi-star text-warning"></i>
                    <span class="text-warning">4.5</span>
                  </span>
                </div>
                <div>
                  <span class="fs-6 text-muted"><span class="text-dark">5,128</span> Students</span></div>
                <div>
                  <span class="fs-6 text-muted"><span class="text-dark">5</span> Course</span></div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xl-3 col-lg-4 col-md-6 col-12">
           <!-- card -->
          <div class="card mb-4 card-hover">
             <!-- img -->
            <div class="card-img-top">
              <img src="../assets/images/instructor/instructor-img-3.jpg" alt="" class="rounded-top-md img-fluid">
            </div>
             <!-- card body -->
            <div class="card-body">
              <h3 class="mb-0 fw-semi-bold"><a href="#" class="text-inherit">Ross Johnson</a></h3>
              <p class="mb-3">Engineering Architect</p>
              <div class="lh-1  d-flex justify-content-between">
                <div>
                  <span class="fs-6">
                    <i class="mdi mdi-star text-warning"></i>
                    <span class="text-warning">4.5</span>
                  </span>
                </div>
                <div>
                  <span class="fs-6 text-muted"><span class="text-dark">7,423</span> Students</span></div>
                <div>
                  <span class="fs-6 text-muted"><span class="text-dark">8</span> Course</span></div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-xl-3 col-lg-4 col-md-6 col-12 d-lg-none d-xl-block">
           <!-- card -->
          <div class="card mb-4 card-hover">
             <!-- img -->
            <div class="card-img-top">
              <img src="../assets/images/instructor/instructor-img-4.jpg" alt="" class="rounded-top-md img-fluid">
            </div>
             <!-- card body -->
            <div class="card-body">
              <h3 class="mb-0 fw-semi-bold"><a href="#" class="text-inherit">James Davies</a></h3>
              <p class="mb-3">Web Developer and Designer</p>
              <div class="lh-1  d-flex justify-content-between">
                <div>
                  <span class="fs-6">
                    <i class="mdi mdi-star text-warning"></i>
                    <span class="text-warning">4.5</span>
                  </span>
                </div>
                <div>
                  <span class="fs-6 text-muted"><span class="text-dark">3,896</span> Students</span></div>
                <div>
                  <span class="fs-6 text-muted"><span class="text-dark">5</span> Course</span></div>
              </div>
            </div>
          </div>
        </div>
         <!-- btn -->
        <div class="col-md-12 mt-3 text-center">
          <a href="#" class="btn btn-primary"> See All Instructors </a>
        </div>
      </div>
    </div>
  </div>

Our Team

Want to work with some of the best global talent and build a tool used by all the companies you know and love? Join the Ajoru team and help shape the future of design.

Openings

<div class="py-lg-16 py-10 bg-white">
   <div class="container">
     <div class="row">
       <div class="col-md-6 offset-right-md-6 col-12 mb-10">
          <!-- heading -->
         <h2 class="display-4 mb-3 fw-bold">Our Team</h2>
          <!-- lead -->
         <p class="lead mb-5">Want to work with some of the best global talent and build a tool used by all the
           companies you know and love? Join the Ajoru team and help shape the future of design.</p>
            <!-- btn -->
         <a href="#" class="btn btn-primary">Openings</a>
       </div>
     </div>
     <div class="row">
       <div class="col-md-2 col-3">
         <div class="p-xl-5 p-lg-3 mb-3 mb-lg-0">
            <!-- avatar -->
           <img src="../assets/images/avatar/avatar-1.jpg" alt="" class="imgtooltip img-fluid rounded-circle" data-template="one">
            <!-- text -->
           <div id="one" class="d-none">
             <h4 class="mb-0 fw-bold">Paul Haney</h4>
             <span>CEO </span>
           </div>
         </div>
       </div>
       <div class="col-md-2 col-3">
         <div class="p-xl-5 p-lg-3 mb-3 mb-lg-0">
           <!-- avatar -->
           <img src="../assets/images/avatar/avatar-2.jpg" alt="" class="imgtooltip img-fluid rounded-circle" data-template="two">
           <!-- text -->
           <div id="two" class="d-none">
             <h4 class="mb-0 fw-bold">Gail Lanier</h4>
             <span>Engineering </span>
           </div>
         </div>
       </div>
       <div class="col-md-2 col-3">
         <div class="p-xl-5 p-lg-3 mb-3 mb-lg-0">
           <!-- avatar -->
           <img src="../assets/images/avatar/avatar-3.jpg" alt="" class="imgtooltip img-fluid rounded-circle" data-template="three">
           <!-- text -->
           <div id="three" class="d-none">
             <h4 class="mb-0 fw-bold">Gail Lanier</h4>
             <span>Manager </span>
           </div>
         </div>
       </div>
       <div class="col-md-2 col-3">
         <div class="p-xl-5 p-lg-3 mb-3 mb-lg-0">
           <!-- avatar -->
           <img src="../assets/images/avatar/avatar-4.jpg" alt="" class="imgtooltip img-fluid rounded-circle" data-template="four">
           <!-- text -->
           <div id="four" class="d-none">
             <h4 class="mb-0 fw-bold">Mary Holler</h4>
             <span>Sales</span>
           </div>
         </div>
       </div>
       <div class="col-md-2 col-3">
         <div class="p-xl-5 p-lg-3 mb-3 mb-lg-0">
           <!-- avatar -->
           <img src="../assets/images/avatar/avatar-5.jpg" alt="" class="imgtooltip img-fluid rounded-circle" data-template="five">
           <!-- text -->
           <div id="five" class="d-none">
             <h4 class="mb-0 fw-bold">Gilbert Farr</h4>
             <span>Oprator </span>
           </div>
         </div>
       </div>
       <div class="col-md-2 col-3">
         <div class="p-xl-5 p-lg-3 mb-3 mb-lg-0">
           <!-- avatar -->
           <img src="../assets/images/avatar/avatar-6.jpg" alt="" class="imgtooltip img-fluid rounded-circle" data-template="six">
           <!-- text -->
           <div id="six" class="d-none">
             <h4 class="mb-0 fw-bold">Charlie Holland</h4>
             <span>Designer </span>
           </div>
         </div>
       </div>
       <div class="col-md-2 col-3">
         <div class="p-xl-5 p-lg-3 mb-3 mb-lg-0">
           <!-- avatar -->
           <img src="../assets/images/avatar/avatar-7.jpg" alt="" class="imgtooltip img-fluid rounded-circle" data-template="seven">
           <!-- text -->
           <div id="seven" class="d-none">
             <h4 class="mb-0 fw-bold">James Butler</h4>
             <span>Developer </span>
           </div>
         </div>
       </div>
       <div class="col-md-2 col-3">
         <div class="p-xl-5 p-lg-3 mb-3 mb-lg-0">
           <!-- avatar -->
           <img src="../assets/images/avatar/avatar-8.jpg" alt="" class="imgtooltip img-fluid rounded-circle" data-template="eight">
           <!-- text -->
           <div id="eight" class="d-none">
             <h4 class="mb-0 fw-bold">Richard Lane</h4>
             <span>Insight </span>
           </div>
         </div>
       </div>
       <div class="col-md-2 col-3">
         <div class="p-xl-5 p-lg-3 mb-3 mb-lg-0">
           <!-- avatar -->
           <img src="../assets/images/avatar/avatar-9.jpg" alt="" class="imgtooltip img-fluid rounded-circle" data-template="eleven">
           <!-- text -->
           <div id="eleven" class="d-none">
             <h4 class="mb-0 fw-bold">Gail Lanier</h4>
             <span>Seo</span>
           </div>
         </div>
       </div>
       <div class="col-md-2 col-3">
         <div class="p-xl-5 p-lg-3 mb-3 mb-lg-0">
           <!-- avatar -->
           <img src="../assets/images/avatar/avatar-10.jpg" alt="" class="imgtooltip img-fluid rounded-circle" data-template="twelve">
           <!-- text -->
           <div id="twelve" class="d-none">
             <h4 class="mb-0 fw-bold">Mary Holler</h4>
             <span>Content</span>
           </div>
         </div>
       </div>
       <div class="col-md-2 col-3">
         <div class="p-xl-5 p-lg-3 mb-3 mb-lg-0">
           <!-- avatar -->
           <img src="../assets/images/avatar/avatar-11.jpg" alt="" class="imgtooltip img-fluid rounded-circle" data-template="thirteen">
           <!-- text -->
           <div id="thirteen" class="d-none">
             <h4 class="mb-0 fw-bold">Gilbert Farr</h4>
             <span>Designer </span>
           </div>
         </div>
       </div>
       <div class="col-md-2 col-3">
         <div class="p-xl-5 p-lg-3 mb-3 mb-lg-0">
           <!-- avatar -->
           <img src="../assets/images/avatar/avatar-12.jpg" alt="" class="imgtooltip img-fluid rounded-circle" data-template="fourteen">
           <!-- text -->
           <div id="fourteen" class="d-none">
             <h4 class="mb-0 fw-bold">James Butler</h4>
             <span>Developer </span>
           </div>
         </div>
       </div>
     </div>
   </div>
</div>