Reviews

There are several parts to write a review that is attractive to your audience and beneficial to potential clients.

Reviews

Design
HTML

How students rated this courses

4.5

(Based on 27 reviews)

53%

36%

Reviews

Max Hawkins 2 Days ago

Lectures were at a really good pace and I never felt lost. The instructor was well informed and allowed me to learn and navigate Figma easily.

Was this review helpful?

Yes No

Arthur Williamson 3 Days ago

Its pretty good.Just a reminder that there are also students with Windows, meaning Figma its a bit different of yours. Thank you!

Was this review helpful?

Yes No

Claire Jones 4 Days ago

Great course for learning Figma, the only bad detail would be that some icons are not included in the assets. But 90% of the icons needed are included, and the voice of the instructor was very clear and easy to understood.

Was this review helpful?

Yes No

Bessie Pena 5 Days ago

I have really enjoyed this class and learned a lot, found it very inspiring and helpful, thank you!

Was this review helpful?

Yes No

<!-- Reviews -->
                                                            <div class="mb-3">
                                                               <h3 class="mb-4">How students rated this courses</h3>
                                                               <div class="row align-items-center">
                                                                  <div class="col-auto text-center">
                                                                     <h3 class="display-2 font-weight-bold">4.5</h3>
                                                                     <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                     <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                     <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                     <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                     <i class="mdi mdi-star mr-n1-half text-warning"></i>
                                                                     <p class="mb-0 font-size-xs">(Based on 27 reviews)</p>
                                                                  </div>
                                                                  <!-- Progress Bar -->
                                                                  <div class="col pt-3 order-3 order-md-2">
                                                                     <div class="progress mb-3" style="height: 6px;">
                                                                        <div class="progress-bar bg-warning" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
                                                                     </div>
                                                                     <div class="progress mb-3" style="height: 6px;">
                                                                        <div class="progress-bar bg-warning" role="progressbar" style="width: 80%;" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                                                                     </div>
                                                                     <div class="progress mb-3" style="height: 6px;">
                                                                        <div class="progress-bar bg-warning" role="progressbar" style="width: 70%;" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                                                                     </div>
                                                                     <div class="progress mb-3" style="height: 6px;">
                                                                        <div class="progress-bar bg-warning" role="progressbar" style="width: 60%;" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
                                                                     </div>
                                                                     <div class="progress mb-0" style="height: 6px;">
                                                                        <div class="progress-bar bg-warning" role="progressbar" style="width: 50%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                                                     </div>
                                                                  </div>
                                                                  <div class="col-md-auto col-6 order-2 order-md-3">
                                                                     <!-- Rating -->
                                                                     <div>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <span class="ml-1">53%</span>
                                                                     </div>
                                                                     <div>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-light"></i>
                                                                        <span class="ml-1">36%</span>
                                                                     </div>
                                                                     <div>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-light"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-light"></i>
                                                                        <span class="ml-1">9%</span>
                                                                     </div>
                                                                     <div>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-light"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-light"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-light"></i>
                                                                        <span class="ml-1">3%</span>
                                                                     </div>
                                                                     <div>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-light"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-light"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-light"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-light"></i>
                                                                        <span class="ml-1">2%</span>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                            </div>
                                                            <hr class="my-5">
                                                            <div class="mb-3">
                                                               <div class="d-lg-flex align-items-center justify-content-between mb-5">
                                                                  <!-- Reviews -->
                                                                  <div class="mb-3 mb-lg-0">
                                                                     <h3 class="mb-0">Reviews</h3>
                                                                  </div>
                                                                  <div>
                                                                     <form class="form-inline">
                                                                        <div class="d-flex align-items-center mr-2">
                                                                           <span class="position-absolute pl-3">
                                                                           <i class="fe fe-search"></i>
                                                                           </span>
                                                                           <input type="search" class="form-control pl-6" placeholder="Search Review">
                                                                        </div>
                                                                     </form>
                                                                  </div>
                                                               </div>
                                                               <!-- Rating -->
                                                               <div class="d-flex align-items-start border-bottom pb-4 mb-4">
                                                                  <img src="../assets/images/avatar-2.jpg" alt="" class="rounded-circle avatar-lg">
                                                                  <div class="ml-3">
                                                                     <h4 class="mb-1">
                                                                        Max Hawkins
                                                                        <span class="ml-1 font-size-xs text-muted">2 Days ago</span>
                                                                     </h4>
                                                                     <div class="font-size-xs mb-2">
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                     </div>
                                                                     <p>Lectures were at a really good pace and I never felt lost. The instructor was well informed and allowed me to learn and navigate Figma easily.</p>
                                                                     <div class="d-lg-flex">
                                                                        <p class="mb-0">Was this review helpful?</p>
                                                                        <a href="#" class="btn btn-xs btn-primary ml-lg-3">Yes</a>
                                                                        <a href="#" class="btn btn-xs btn-outline-white ml-1">No</a>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <!-- Rating -->
                                                               <div class="d-flex align-items-start border-bottom pb-4 mb-4">
                                                                  <img src="../assets/images/avatar-3.jpg" alt="" class="rounded-circle avatar-lg">
                                                                  <div class="ml-3">
                                                                     <h4 class="mb-1">Arthur Williamson <span class="ml-1 font-size-xs text-muted">3 Days ago</span></h4>
                                                                     <div class="font-size-xs mb-2">
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                     </div>
                                                                     <p>Its pretty good.Just a reminder that there are also students with Windows, meaning Figma its a bit different of yours. Thank you!</p>
                                                                     <div class="d-lg-flex">
                                                                        <p class="mb-0">Was this review helpful?</p>
                                                                        <a href="#" class="btn btn-xs btn-primary ml-lg-3">Yes</a>
                                                                        <a href="#" class="btn btn-xs btn-outline-white ml-1">No</a>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <!-- Rating -->
                                                               <div class="d-flex align-items-start border-bottom pb-4 mb-4">
                                                                  <img src="../assets/images/avatar-4.jpg" alt="" class="rounded-circle avatar-lg">
                                                                  <div class="ml-3">
                                                                     <h4 class="mb-1">Claire Jones <span class="ml-1 font-size-xs text-muted">4 Days ago</span></h4>
                                                                     <div class="font-size-xs mb-2">
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                     </div>
                                                                     <p>
                                                                        Great course for learning Figma, the only bad detail would be that some icons are not included in the assets. But 90% of the icons needed are included, and the voice of the instructor
                                                                        was very clear and easy to understood.
                                                                     </p>
                                                                     <div class="d-lg-flex">
                                                                        <p class="mb-0">Was this review helpful?</p>
                                                                        <a href="#" class="btn btn-xs btn-primary ml-lg-3">Yes</a>
                                                                        <a href="#" class="btn btn-xs btn-outline-white ml-1">No</a>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                               <!-- Rating -->
                                                               <div class="d-flex align-items-start">
                                                                  <img src="../assets/images/avatar-5.jpg" alt="" class="rounded-circle avatar-lg">
                                                                  <div class="ml-3">
                                                                     <h4 class="mb-1">
                                                                        Bessie Pena
                                                                        <span class="ml-1 font-size-xs text-muted">5 Days ago</span>
                                                                     </h4>
                                                                     <div class="font-size-xs mb-2">
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                        <i class="mdi mdi-star mr-n1 text-warning"></i>
                                                                     </div>
                                                                     <p>
                                                                        I have really enjoyed this class and learned a lot, found it very inspiring and helpful, thank you!
                                                                        <i class="em em-heart_eyes ml-2 font-size-xs"></i>
                                                                     </p>
                                                                     <div class="d-lg-flex">
                                                                        <p class="mb-0">Was this review helpful?</p>
                                                                        <a href="#" class="btn btn-xs btn-primary ml-lg-3">Yes</a>
                                                                        <a href="#" class="btn btn-xs btn-outline-white ml-1">No</a>
                                                                     </div>
                                                                  </div>
                                                               </div>
                                                            </div>

Reviews

You have full control to manage your own account setting.

Export To CSV...

Eleanor Pena
2 hour ago

for How to easily create a website with WordPress
The course is very interesting and insightful. I think it should have more downloadable resources for 'points to remember' or 'key learnings' kind of document for later reference after finishing each section.
Respond
Jenny Wilson
2 hour ago

for Getting started - Grunt: The JavaScript Task...
Quisque semper aliquet lacinia. Ut molestie felis nec consectetur hendrerit. Aliquam eu viverra velit. In non leo ornare, ornare lorem elementum, efficitur urna. Curabitur fringilla nulla ac odio dignissim viverra.
Respond
Brooklyn Simmons
2 hour ago

for Getting started - Vue js: The JavaScript Task...
Nulla eu cursus lacus. Vestibulum imperdiet accumsan tempor. Vivamus lacinia posuere augue ac mollis. Integer ornare purus ac hendrerit vehicula. In condimentum efficitur quam, sed porta turpis lobortis sit amet.
Respond
John Deo
1 hour ago

for Getting started - Gulp: The JavaScript Task...
Suspendisse mauris lectus, posuere et quam eu, auctor interdum turpis. Maecenas gravida libero vitae risus sodales dictu llentesque tristique mi ut lectus luctus, eu hendrerit felis accumsan. Nam eget felis porttitor, volutpat nisi id, aliquam purus.
Respond
Simons Xolaa
3 hour ago

for Getting started - HTML: The Foundations Task...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod nulla orci, sed varius metus tincidunt consequat. Maecenas in purus non nisi luctus pulvinar vitae eu lacus. Nam magna ipsum, fermentum in commodo ut, tristique ut mauris.
Respond

 <!-- Card -->
                                                <div class="card mb-4">
                                                    <!-- Card Header -->
                                                    <div
                                                        class="card-header d-lg-flex align-items-center justify-content-between">
                                                        <div class="mb-3 mb-lg-0">
                                                            <h3 class="mb-0">Reviews</h3>
                                                            <span>You have full control to manage your own account
                                                                setting.</span>
                                                        </div>
                                                        <div>
                                                            <a href="#!" class="btn btn-outline-primary btn-sm">Export
                                                                To CSV...</a>
                                                        </div>
                                                    </div>
                                                    <!-- Card Body -->
                                                    <div class="card-body">
                                                        <!-- Form -->
                                                        <form class="form-row mb-4">
                                                            <div class="col-xl-7 col-lg-6 col-md-4 col-12 mb-2 mb-lg-0">
                                                                <select class="custom-select choiceSelect">
                                                                    <option value="">ALL</option>
                                                                    <option
                                                                        value="How to easily create a website with WordPress">
                                                                        How to easily create a website with WordPress
                                                                    </option>
                                                                    <option
                                                                        value="Getting started - Grunt: The JavaScript Task...">
                                                                        Getting started - Grunt: The JavaScript Task...
                                                                    </option>
                                                                    <option
                                                                        value="Getting started - Vue js: The JavaScript Task...">
                                                                        Getting started - Vue js: The JavaScript Task...
                                                                    </option>
                                                                </select>
                                                            </div>
                                                            <div class="col-xl-2 col-lg-2 col-md-4 col-12 mb-2 mb-lg-0">
                                                                <select class="custom-select choiceSelect">
                                                                    <option value="">Rating</option>
                                                                    <option value="1">1</option>
                                                                    <option value="2">2</option>
                                                                    <option value="3">3</option>
                                                                    <option value="4">4</option>
                                                                    <option value="5">5</option>
                                                                </select>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-3 col-md-4 col-12 mb-2 mb-lg-0">
                                                                <select class="custom-select choiceSelect">
                                                                    <option value="">Sort</option>
                                                                    <option value="Newest">Newest</option>
                                                                    <option value="Oldest">Oldest</option>
                                                                </select>
                                                            </div>
                                                        </form>
                                                        <!-- List Group -->
                                                        <ul class="list-group list-group-flush border-top">
                                                            <!-- List Group Item -->
                                                            <li class="list-group-item px-0 py-4">
                                                                <div class="d-flex">
                                                                    <img src="../assets/images/avatar-9.jpg" alt=""
                                                                        class="rounded-circle avatar-lg" />
                                                                    <div class="ml-3 mt-2">
                                                                        <div
                                                                            class="d-flex align-items-center justify-content-between">
                                                                            <div>
                                                                                <h4 class="mb-0">Eleanor Pena</h4>
                                                                                <span class="text-muted font-size-xs">2
                                                                                    hour ago</span>
                                                                            </div>
                                                                            <div>
                                                                                <a href="#!" data-toggle="tooltip"
                                                                                    data-placement="top"
                                                                                    title="Report Abuse"><i
                                                                                        class="fe fe-flag"></i></a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="mt-2">
                                                                            <span class="mr-1">
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mb-2 text-warning font-size-xs"></i>
                                                                            </span>
                                                                            <span class="mr-1">for</span>
                                                                            <span class="h5">How to easily create a
                                                                                website with WordPress</span>
                                                                            <p class="mt-2">
                                                                                The course is very interesting and
                                                                                insightful. I think it should have more
                                                                                downloadable resources for 'points to
                                                                                remember' or 'key learnings' kind of
                                                                                document for later reference after
                                                                                finishing each section.
                                                                            </p>
                                                                            <a href="#!"
                                                                                class="btn btn-outline-white btn-sm">Respond</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <!-- List Group Item -->
                                                            <li class="list-group-item px-0 py-4">
                                                                <div class="d-flex">
                                                                    <img src="../assets/images/avatar-4.jpg" alt=""
                                                                        class="rounded-circle avatar-lg" />
                                                                    <div class="ml-3 mt-2">
                                                                        <div
                                                                            class="d-flex align-items-center justify-content-between">
                                                                            <div>
                                                                                <h4 class="mb-0">Jenny Wilson</h4>
                                                                                <span class="text-muted font-size-xs">2
                                                                                    hour ago</span>
                                                                            </div>
                                                                            <div>
                                                                                <a href="#!" data-toggle="tooltip"
                                                                                    data-placement="top"
                                                                                    title="Report Abuse"><i
                                                                                        class="fe fe-flag"></i></a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="mt-2">
                                                                            <span class="mr-1">
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mb-2-half-alt text-warning font-size-xs"></i>
                                                                            </span>
                                                                            <span class="mr-1">for</span>
                                                                            <span class="h5">Getting started - Grunt:
                                                                                The JavaScript Task...</span>
                                                                            <p class="mt-2">
                                                                                Quisque semper aliquet lacinia. Ut
                                                                                molestie felis nec consectetur
                                                                                hendrerit. Aliquam eu viverra velit. In
                                                                                non leo ornare, ornare lorem elementum,
                                                                                efficitur urna. Curabitur fringilla
                                                                                nulla ac odio dignissim viverra.
                                                                            </p>
                                                                            <a href="#!"
                                                                                class="btn btn-outline-white btn-sm">Respond</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <!-- List Group Item -->
                                                            <li class="list-group-item px-0 py-4">
                                                                <div class="d-flex">
                                                                    <img src="../assets/images/avatar-7.jpg" alt=""
                                                                        class="rounded-circle avatar-lg" />
                                                                    <div class="ml-3 mt-2">
                                                                        <div
                                                                            class="d-flex align-items-center justify-content-between">
                                                                            <div>
                                                                                <h4 class="mb-0">Brooklyn Simmons</h4>
                                                                                <span class="text-muted font-size-xs">2
                                                                                    hour ago</span>
                                                                            </div>
                                                                            <div>
                                                                                <a href="#!" data-toggle="tooltip"
                                                                                    data-placement="top"
                                                                                    title="Report Abuse"><i
                                                                                        class="fe fe-flag"></i></a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="mt-2">
                                                                            <span class="mr-1">
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mb-2-half-alt text-warning font-size-xs"></i>
                                                                            </span>
                                                                            <span class="mr-1">for</span>
                                                                            <span class="h5">Getting started - Vue js:
                                                                                The JavaScript Task...</span>
                                                                            <p class="mt-2">
                                                                                Nulla eu cursus lacus. Vestibulum
                                                                                imperdiet accumsan tempor. Vivamus
                                                                                lacinia posuere augue ac mollis. Integer
                                                                                ornare purus ac hendrerit vehicula. In
                                                                                condimentum efficitur quam, sed
                                                                                porta turpis lobortis sit amet.
                                                                            </p>
                                                                            <a href="#!"
                                                                                class="btn btn-outline-white btn-sm">Respond</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <!-- List Group Item -->
                                                            <li class="list-group-item px-0 py-4">
                                                                <div class="d-flex">
                                                                    <img src="../assets/images/avatar-1.jpg" alt=""
                                                                        class="rounded-circle avatar-lg" />
                                                                    <div class="ml-3 mt-2">
                                                                        <div
                                                                            class="d-flex align-items-center justify-content-between">
                                                                            <div>
                                                                                <h4 class="mb-0">John Deo</h4>
                                                                                <span class="text-muted font-size-xs">1
                                                                                    hour ago</span>
                                                                            </div>
                                                                            <div>
                                                                                <a href="#!" data-toggle="tooltip"
                                                                                    data-placement="top"
                                                                                    title="Report Abuse"><i
                                                                                        class="fe fe-flag"></i></a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="mt-2">
                                                                            <span class="mr-1">
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mb-2 text-light font-size-xs"></i>
                                                                            </span>
                                                                            <span class="mr-1">for</span>
                                                                            <span class="h5">Getting started - Gulp: The
                                                                                JavaScript Task...</span>
                                                                            <p class="mt-2">
                                                                                Suspendisse mauris lectus, posuere et
                                                                                quam eu, auctor interdum turpis.
                                                                                Maecenas gravida libero vitae risus
                                                                                sodales dictu llentesque tristique mi ut
                                                                                lectus luctus, eu hendrerit felis
                                                                                accumsan. Nam eget felis porttitor,
                                                                                volutpat nisi id, aliquam purus.
                                                                            </p>
                                                                            <a href="#!"
                                                                                class="btn btn-outline-white btn-sm">Respond</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                            <!-- List Group Item -->
                                                            <li class="list-group-item px-0 pt-4 pb-0">
                                                                <div class="d-flex">
                                                                    <img src="../assets/images/avatar-8.jpg" alt=""
                                                                        class="rounded-circle avatar-lg" />
                                                                    <div class="ml-3 mt-2">
                                                                        <div
                                                                            class="d-flex align-items-center justify-content-between">
                                                                            <div>
                                                                                <h4 class="mb-0">Simons Xolaa</h4>
                                                                                <span class="text-muted font-size-xs">3
                                                                                    hour ago</span>
                                                                            </div>
                                                                            <div>
                                                                                <a href="#!" data-toggle="tooltip"
                                                                                    data-placement="top"
                                                                                    title="Report Abuse"><i
                                                                                        class="fe fe-flag"></i></a>
                                                                            </div>
                                                                        </div>
                                                                        <div class="mt-2">
                                                                            <span class="mr-1">
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mr-n1 mb-2 text-warning font-size-xs"></i>
                                                                                <i
                                                                                    class="mdi mdi-star mb-2 text-warning font-size-xs"></i>
                                                                            </span>
                                                                            <span class="mr-1">for</span>
                                                                            <span class="h5">Getting started - HTML: The
                                                                                Foundations Task...</span>
                                                                            <p class="mt-2">
                                                                                Lorem ipsum dolor sit amet, consectetur
                                                                                adipiscing elit. Sed euismod nulla orci,
                                                                                sed varius metus tincidunt consequat.
                                                                                Maecenas in purus non nisi luctus
                                                                                pulvinar vitae eu lacus. Nam
                                                                                magna ipsum, fermentum in commodo ut,
                                                                                tristique ut mauris.
                                                                            </p>
                                                                            <a href="#!"
                                                                                class="btn btn-outline-white btn-sm">Respond</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>