User Profile

A user profile is a directory of stored user settings and information for the related user account.

Profile

Jenny Wilson

Front-end Developer, Designer

4.5Instructor Rating
11,604
Students
32
Courses
12,230
Reviews

I am an Innovation designer focussing on UX/UI based in Berlin. As a creative resident at Figma explored the city of the future and how new technologies.

View Details 
<!-- card -->
  <div class="card">
     <!-- Card Body -->
     <div class="card-body">
        <div class="d-flex align-items-center">
           <div class="position-relative">
              <img src="../assets/images/avatar/avatar-1.jpg" alt="" class="rounded-circle avatar-xl">
              <a href="#" class="position-absolute mt-2 ms-n3" data-bs-toggle="tooltip" data-placement="top" title="" data-original-title="Verifed">
              <img src="../assets/images/svg/checked-mark.svg" alt="" height="30" width="30">
              </a>
           </div>
           <div class="ms-4">
              <h4 class="mb-0">Jenny Wilson</h4>
              <p class="mb-1 fs-6">Front-end Developer, Designer</p>
              <span class="fs-6"><span class="text-warning">4.5</span><span class="mdi mdi-star text-warning me-2"></span>Instructor Rating</span>
           </div>
        </div>
        <div class="border-top row mt-3 border-bottom mb-3 g-0">
           <div class="col">
              <div class="pe-1 ps-2 py-3">
                 <h5 class="mb-0">11,604</h5>
                 <span>Students</span>
              </div>
           </div>
           <div class="col border-start">
              <div class="pe-1 ps-3 py-3">
                 <h5 class="mb-0">32</h5>
                 <span>Courses</span>
              </div>
           </div>
           <div class="col border-start">
              <div class="pe-1 ps-3 py-3">
                 <h5 class="mb-0">12,230</h5>
                 <span>Reviews</span>
              </div>
           </div>
        </div>
        <p>I am an Innovation designer focussing on UX/UI based in Berlin. As a creative resident at Figma explored the city of the future and how new technologies.</p>
        <a href="instructor-profile.html" class="btn btn-outline-secondary btn-sm">View Details</a>
     </div>
  </div>

User Profile Page header

Jenny Wilson

@Jennywilson

<div class="row align-items-center">
   <!-- User Info -->
   <div class="col-xl-12 col-lg-12 col-md-12 col-12">
      <div class="pt-16 rounded-top-md" style="background: url(../assets/images/background/profile-bg.jpg) no-repeat; background-size: cover;"></div>
      <div class="d-flex align-items-end justify-content-between bg-white px-4 pt-2 pb-4 rounded-none rounded-bottom-md shadow-sm">
         <div class="d-flex align-items-center">
            <div class="me-2 position-relative d-flex justify-content-end align-items-end mt-n5">
               <img src="../assets/images/avatar/avatar-1.jpg" class="avatar-xl rounded-circle border border-4 border-white" alt="">
               <a href="#" class="position-absolute mb-6 me-n2" data-bs-toggle="tooltip" data-placement="top" title="" data-original-title="Verified">
               <img src="../assets/images/svg/checked-mark.svg" alt="" height="30" width="30">
               </a>
            </div>
            <div class="lh-1">
               <h2 class="mb-0">Jenny Wilson</h2>
               <p class="mb-0 d-block">@Jennywilson</p>
            </div>
         </div>
         <div>
            <a href="add-course.html" class="btn btn-primary btn-sm d-none d-md-block">Create New Course</a>
         </div>
      </div>
   </div>
</div>

Card Profile

Wade Warren

Web Developer, Designer

Students 50,274
Instructor Rating 4.5
Courses 12 
<div class="col-xl-3 col-lg-6 col-md-6 col-12">
   <!-- Card -->
   <div class="card mb-4">
      <!-- Card Body -->
      <div class="card-body">
         <div class="text-center">
            <img src="../assets/images/avatar/avatar-11.jpg" class="rounded-circle avatar-xl mb-3" alt="">
            <h4 class="mb-0">Wade Warren</h4>
            <p class="mb-0">Web Developer, Designer</p>
         </div>
         <div class="d-flex justify-content-between border-bottom py-2 mt-4">
            <span>Students</span>
            <span class="text-dark">50,274</span>
         </div>
         <div class="d-flex justify-content-between border-bottom py-2">
            <span>Instructor Rating</span>
            <span class="text-warning">
            4.5 <i class="mdi mdi-star"></i>
            </span>
     </div>
     <div class="d-flex justify-content-between pt-2">
        <span>Courses</span>
        <span class="text-dark"> 12 </span>
     </div>
        </div>
     </div>
  </div>

Card Contact

Wade Warren

United States

Message
Enrolled 3/12/2020
Progress 0% 
<div class="col-lg-4 col-md-6 col-12">
    <!-- Card -->
    <div class="card mb-4">
        <!-- Card Body -->
        <div class="card-body ">
            <div class="text-center">
                <img src="../assets/images/avatar/avatar-3.jpg" class="rounded-circle avatar-xl mb-3" alt="">
                <h4 class="mb-1">Wade Warren</h4>
                <p class="mb-0 fs-6"><i class="fe fe-map-pin me-1"></i>United
                    States</p>
                <a href="#" class="btn btn-sm btn-outline-secondary mt-3 ">Message</a>
            </div>
            <div class="d-flex justify-content-between border-bottom py-2 mt-4 fs-6">

                <span>Enrolled</span>
                <span class="text-dark"> 3/12/2020</span>
            </div>
            <div class="d-flex justify-content-between pt-2 fs-6">
                <span>Progress</span>
                <span class="text-success"> 0% </span>
            </div>
        </div>
    </div>
</div>

Profile With Counter

YOUR INSTRUCTOR

Hi, I’m James Davies,
I will be taking you through lessons.

Create beautiful website with this Geeks UI template. Get started building a site today.

45

Lessons

10,500+

Students

12+

Learning Hours

<div class="py-8 py-lg-18">
  <div class="container">
    <div class="row mb-6 align-items-center justify-content-center">
      <div class="col-md-10">
        <div class="row align-items-center ">
          <div class="col-xl-6 col-lg-7 col-md-12 col-12 order-1 text-center text-lg-start ">
            <!-- caption -->
            <span class="text-primary mb-3 d-block text-uppercase fw-semi-bold ls-xl">YOUR INSTRUCTOR</span>
            <h2 class="mb-2 display-4 fw-bold mb-3">Hi, I’m <span class="text-primary">James Davies</span>,
              <br>I will be taking you through lessons.</h2>
            <p class="fs-3 pe-6">Create beautiful website with this Geeks UI template. Get started building a
              site today.</p>

            <hr class="my-5">
              <!-- Counter -->
            <div class="row">
              <div class="col-sm mb-3 mb-lg-0">
                <h2 class="h1 fw-bold mb-0 ls-xs">45</h2>
                <p class="mb-0">Lessons</p>
              </div>
              <div class="col-lg-5 col-sm mb-3 mb-lg-0">
                <h2 class="h1 fw-bold mb-0 ls-xs">10,500+</h2>
                <p class="mb-0">Students</p>
              </div>
              <div class="col-sm mb-3 mb-lg-0">
                <h2 class="h1 fw-bold mb-0 ls-xs">12+</h2>
                <p class="mb-0">Learning Hours</p>
              </div>
            </div>
          </div>
            <!-- Img -->
          <div class="offset-xl-1 col-xl-5 col-lg-5 col-12 mb-6 mb-lg-0 order-lg-2 text-center ">
            <img src="../assets/images/instructor/instructor-img.png" alt="" class="img-fluid">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
Contents