<div class="tab-content">
<div class="tab-pane show active" id="tab-pane-grid" role="tabpanel" aria-labelledby="tab-pane-grid">
<div class="tutor-courses tutor-courses-loop-wrap tutor-courses-layout-3 row row-cols-lg-3 row-cols-md-2 row-cols-12">
<div class="tutor-card tutor-course-card">
<div class="course-box course-design d-flex card card-hover">
<div class="product">
<div class="product-img">
<a href="https://drmarwanmamdouh.com/courses/responsive-web-design-essentials-html5-css3-and-bootstrap/" class="card-img-top">
<img width="900" height="600" src="https://drmarwanmamdouh.com/wp-content/uploads/2023/02/course-3.jpg" class="card-img-top rounded-top-md img-fluid wp-post-image" alt="" decoding="async" srcset="https://drmarwanmamdouh.com/wp-content/uploads/2023/02/course-3.jpg 900w, https://drmarwanmamdouh.com/wp-content/uploads/2023/02/course-3-600x400.jpg 600w, https://drmarwanmamdouh.com/wp-content/uploads/2023/02/course-3-300x200.jpg 300w, https://drmarwanmamdouh.com/wp-content/uploads/2023/02/course-3-768x512.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" />
</a>
<div class="price">
<h3 class="free-color">Free</h3>
</div>
</div>
<div class="product-content">
<div class="course-group d-flex">
<div class="course-group-img d-flex">
<img alt='marwanmamdoh35' src='https://drmarwanmamdouh.com/wp-content/uploads/2024/06/Capture00046.jpg' srcset='https://drmarwanmamdouh.com/wp-content/uploads/2024/06/Capture00046.jpg 2x' class='avatar avatar-50 photo rounded-circle avatar-xs' height='50' width='50' decoding='async'/> <div class="course-name">
<h4> </h4>
<p>Instructor</p>
</div>
</div>
<div class="course-share d-flex align-items-center justify-content-center">
<div class="col-auto">
<span class="tutor-course-wishlist">
<a href="javascript:;" class="cart-required-login save-bookmark-btn" data-course-id="1023">
<i class="fa-regular fa-heart"></i>
</a> </span>
</div> </div>
</div>
<h3 class="title"><a href="https://drmarwanmamdouh.com/courses/responsive-web-design-essentials-html5-css3-and-bootstrap/" class="text-inherit">
Responsive Web Design Essentials HTML5 CSS3… </a></h3>
<div class="course-info d-flex align-items-center">
<div class="rating-img d-flex align-items-center 6">
<p><img src="https://drmarwanmamdouh.com/wp-content/themes/dreamslms/assets/images/icon-01.svg" > 0 Lesson6</p>
</div>
<div class="course-view d-flex align-items-center e6">
<img src="https://drmarwanmamdouh.com/wp-content/themes/dreamslms/assets/images/icon-02.svg" alt="">
<p><span class="tutor-meta-level"> 10</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4"> hours</span><span class="tutor-meta-level"> 20</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4"> minutes</span></p>
</div>
</div>
<div class="d-flex align-items-center justify-content-between flex-wrap">
<div class="rating">
<span>
<i class="mdi fas fa-star text-warning me-n1 4"></i>
<i class="mdi fas fa-star text-warning me-n1 3"></i>
<i class="mdi fas fa-star text-warning me-n1 2"></i>
<i class="mdi fas fa-star text-warning me-n1 1"></i>
<i class="mdi fas fa-star text-gray me-n1-half 0"></i>
</span>
<span class="text-warningnew 1">4</span>
<span class=" text-muted">(5)</span>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="https://drmarwanmamdouh.com/courses/responsive-web-design-essentials-html5-css3-and-bootstrap/" class="btn btn-primary">Buy Now</a>
</div>
</div>
</div>
</div> <!-- product -->
</div></div>
<div class="tutor-card tutor-course-card">
<div class="course-box course-design d-flex card card-hover">
<div class="product">
<div class="product-img">
<a href="https://drmarwanmamdouh.com/courses/python-and-django-full-stack-web-developer-bootcamp/" class="card-img-top">
<img width="900" height="600" src="https://drmarwanmamdouh.com/wp-content/uploads/2023/01/course-11-4.jpg" class="card-img-top rounded-top-md img-fluid wp-post-image" alt="" decoding="async" srcset="https://drmarwanmamdouh.com/wp-content/uploads/2023/01/course-11-4.jpg 900w, https://drmarwanmamdouh.com/wp-content/uploads/2023/01/course-11-4-600x400.jpg 600w, https://drmarwanmamdouh.com/wp-content/uploads/2023/01/course-11-4-300x200.jpg 300w, https://drmarwanmamdouh.com/wp-content/uploads/2023/01/course-11-4-768x512.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" />
</a>
<div class="price">
<h3 class="free-color">Free</h3>
</div>
</div>
<div class="product-content">
<div class="course-group d-flex">
<div class="course-group-img d-flex">
<img alt='marwanmamdoh35' src='https://drmarwanmamdouh.com/wp-content/uploads/2024/06/Capture00046.jpg' srcset='https://drmarwanmamdouh.com/wp-content/uploads/2024/06/Capture00046.jpg 2x' class='avatar avatar-50 photo rounded-circle avatar-xs' height='50' width='50' decoding='async'/> <div class="course-name">
<h4> </h4>
<p>Instructor</p>
</div>
</div>
<div class="course-share d-flex align-items-center justify-content-center">
<div class="col-auto">
<span class="tutor-course-wishlist">
<a href="javascript:;" class="cart-required-login save-bookmark-btn" data-course-id="1015">
<i class="fa-regular fa-heart"></i>
</a> </span>
</div> </div>
</div>
<h3 class="title"><a href="https://drmarwanmamdouh.com/courses/python-and-django-full-stack-web-developer-bootcamp/" class="text-inherit">
Python and Django Full Stack Web… </a></h3>
<div class="course-info d-flex align-items-center">
<div class="rating-img d-flex align-items-center 6">
<p><img src="https://drmarwanmamdouh.com/wp-content/themes/dreamslms/assets/images/icon-01.svg" > 0 Lesson6</p>
</div>
<div class="course-view d-flex align-items-center e6">
<img src="https://drmarwanmamdouh.com/wp-content/themes/dreamslms/assets/images/icon-02.svg" alt="">
<p><span class="tutor-meta-level"> 60</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4"> hours</span><span class="tutor-meta-level"> 30</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4"> minutes</span></p>
</div>
</div>
<div class="d-flex align-items-center justify-content-between flex-wrap">
<div class="rating">
<span>
<i class="mdi fas fa-star text-warning me-n1 4.2"></i>
<i class="mdi fas fa-star text-warning me-n1 3.2"></i>
<i class="mdi fas fa-star text-warning me-n1 2.2"></i>
<i class="mdi fas fa-star text-warning me-n1 1.2"></i>
<i class="mdi fas fa-star-half-alt text-warning me-n1-half 0.2"></i>
</span>
<span class="text-warningnew 1">4</span>
<span class=" text-muted">(5)</span>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="https://drmarwanmamdouh.com/courses/python-and-django-full-stack-web-developer-bootcamp/" class="btn btn-primary">Buy Now</a>
</div>
</div>
</div>
</div> <!-- product -->
</div></div>
</div>
</div>
<div class="tab-pane" id="tab-pane-list" role="tabpanel" aria-labelledby="tab-pane-list">
<div class="course-box course-design list-course d-flex">
<div class="product">
<div class="product-img">
<a href="https://drmarwanmamdouh.com/courses/responsive-web-design-essentials-html5-css3-and-bootstrap/" class="card-img-top">
<img width="900" height="600" src="https://drmarwanmamdouh.com/wp-content/uploads/2023/02/course-3.jpg" class="card-img-top rounded-top-md img-fluid wp-post-image" alt="" />
</a>
<div class="price">
<h3 class="free-color">Free</h3>
</div>
</div>
<div class="product-content">
<div class="head-course-title">
<h3 class="title"><a href="https://drmarwanmamdouh.com/courses/responsive-web-design-essentials-html5-css3-and-bootstrap/" class="text-inherit">Responsive Web Design Essentials HTML5 CSS3 and Bootstrap</a></h3>
<div class="course-share d-flex align-items-center justify-content-center">
<div class="col-auto">
<span class="tutor-course-wishlist">
<a href=";" class="cart-required-login save-bookmark-btn" data-course-id="1023">
<i class="fa-regular fa-heart"></i>
</a> </span>
</div> </div>
</div>
<div class="course-info border-bottom-0 pb-0 d-flex align-items-center">
<div class="rating-img d-flex align-items-center 8">
<p><img src="https://drmarwanmamdouh.com/wp-content/themes/dreamslms/assets/images/icon-01.svg"> 0 Lesson6</p>
</div>
<div class="course-view d-flex align-items-center e8">
<img src="https://drmarwanmamdouh.com/wp-content/themes/dreamslms/assets/images/icon-02.svg" alt="">
<p><span class="tutor-meta-level"> 10</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4"> hours</span><span class="tutor-meta-level"> 20</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4"> minutes</span></p>
</div>
</div>
<div class="rating">
</div>
<div class="course-group d-flex mb-0">
<div class="course-group-img d-flex">
<img alt='marwanmamdoh35' src='https://drmarwanmamdouh.com/wp-content/uploads/2024/06/Capture00046.jpg' class='avatar avatar-50 photo rounded-circle avatar-xs' height='50' width='50' /> <div class="course-name">
<h4> </h4>
<p>Instructor</p>
</div>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="https://drmarwanmamdouh.com/courses/responsive-web-design-essentials-html5-css3-and-bootstrap/" class="btn btn-primary">Buy Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="course-box course-design list-course d-flex">
<div class="product">
<div class="product-img">
<a href="https://drmarwanmamdouh.com/courses/python-and-django-full-stack-web-developer-bootcamp/" class="card-img-top">
<img width="900" height="600" src="https://drmarwanmamdouh.com/wp-content/uploads/2023/01/course-11-4.jpg" class="card-img-top rounded-top-md img-fluid wp-post-image" alt="" />
</a>
<div class="price">
<h3 class="free-color">Free</h3>
</div>
</div>
<div class="product-content">
<div class="head-course-title">
<h3 class="title"><a href="https://drmarwanmamdouh.com/courses/python-and-django-full-stack-web-developer-bootcamp/" class="text-inherit">Python and Django Full Stack Web Developer Bootcamp</a></h3>
<div class="course-share d-flex align-items-center justify-content-center">
<div class="col-auto">
<span class="tutor-course-wishlist">
<a href=";" class="cart-required-login save-bookmark-btn" data-course-id="1015">
<i class="fa-regular fa-heart"></i>
</a> </span>
</div> </div>
</div>
<div class="course-info border-bottom-0 pb-0 d-flex align-items-center">
<div class="rating-img d-flex align-items-center 8">
<p><img src="https://drmarwanmamdouh.com/wp-content/themes/dreamslms/assets/images/icon-01.svg"> 0 Lesson6</p>
</div>
<div class="course-view d-flex align-items-center e8">
<img src="https://drmarwanmamdouh.com/wp-content/themes/dreamslms/assets/images/icon-02.svg" alt="">
<p><span class="tutor-meta-level"> 60</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4"> hours</span><span class="tutor-meta-level"> 30</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4"> minutes</span></p>
</div>
</div>
<div class="rating">
</div>
<div class="course-group d-flex mb-0">
<div class="course-group-img d-flex">
<img alt='marwanmamdoh35' src='https://drmarwanmamdouh.com/wp-content/uploads/2024/06/Capture00046.jpg' class='avatar avatar-50 photo rounded-circle avatar-xs' height='50' width='50' /> <div class="course-name">
<h4> </h4>
<p>Instructor</p>
</div>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="https://drmarwanmamdouh.com/courses/python-and-django-full-stack-web-developer-bootcamp/" class="btn btn-primary">Buy Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.tab-content -->