Team
Meet the Team behind Geeks UI
Team #1
World-class Instructors
Classes Taught by Industry Expert
Geeks teachers are icons, experts, and industry rock stars excited to share their experience, wisdom, and trusted tools with you.
<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">Geeks 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>Team #2
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 Geeks team and help shape the future of design.
Openings
Paul Haney
CEO
Gail Lanier
Engineering
Gail Lanier
Manager
Mary Holler
Sales
Gilbert Farr
Oprator
Charlie Holland
Designer
James Butler
Developer
Richard Lane
Insight
Gail Lanier
Seo
Mary Holler
Content
Gilbert Farr
Designer
James Butler
Developer
<div class="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 Geeks 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">
<div class="mb-0 fw-semi-bold">Paul Haney</div>
<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">
<div class="mb-0 fw-semi-bold">Gail Lanier</div>
<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">
<div class="mb-0 fw-semi-bold">Gail Lanier</div>
<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">
<div class="mb-0 fw-semi-bold">Mary Holler</div>
<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">
<div class="mb-0 fw-semi-bold">Gilbert Farr</div>
<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">
<div class="mb-0 fw-semi-bold">Charlie Holland</div>
<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">
<div class="mb-0 fw-semi-bold">James Butler</div>
<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">
<div class="mb-0 fw-semi-bold">Richard Lane</div>
<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">
<div class="mb-0 fw-semi-bold">Gail Lanier</div>
<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">
<div class="mb-0 fw-semi-bold">Mary Holler</div>
<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">
<div class="mb-0 fw-semi-bold">Gilbert Farr</div>
<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">
<div class="mb-0 fw-semi-bold">James Butler</div>
<span>Developer </span>
</div>
</div>
</div>
</div>
</div>
</div>