<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://www.up-skill.asia/courses/micro-bit/" class="card-img-top">
<img width="1920" height="1080" src="https://www.up-skill.asia/wp-content/uploads/2024/09/6-1.png" class="card-img-top rounded-top-md img-fluid wp-post-image" alt="" decoding="async" srcset="https://www.up-skill.asia/wp-content/uploads/2024/09/6-1.png 1920w, https://www.up-skill.asia/wp-content/uploads/2024/09/6-1-600x338.png 600w, https://www.up-skill.asia/wp-content/uploads/2024/09/6-1-300x169.png 300w, https://www.up-skill.asia/wp-content/uploads/2024/09/6-1-1024x576.png 1024w, https://www.up-skill.asia/wp-content/uploads/2024/09/6-1-768x432.png 768w, https://www.up-skill.asia/wp-content/uploads/2024/09/6-1-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" />
</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='admin' src='https://www.up-skill.asia/wp-content/uploads/2024/08/ฃ-1.png' srcset='https://www.up-skill.asia/wp-content/uploads/2024/08/ฃ-1.png 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="2924">
<i class="fa-regular fa-heart"></i>
</a> </span>
</div> </div>
</div>
<h3 class="title"><a href="https://www.up-skill.asia/courses/micro-bit/" class="text-inherit">
micro : bit </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://www.up-skill.asia/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://www.up-skill.asia/wp-content/themes/dreamslms/assets/images/icon-02.svg" alt="">
<p><span class="tutor-meta-level"> 3</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4"> hours</span></p>
</div>
</div>
<div class="d-flex align-items-center justify-content-between flex-wrap">
<div class="rating">
<span class=" text-muted">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</span>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="https://www.up-skill.asia/courses/micro-bit/" 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://www.up-skill.asia/courses/beetle-robot-car/" class="card-img-top">
<img width="1920" height="1080" src="https://www.up-skill.asia/wp-content/uploads/2024/09/1.png" class="card-img-top rounded-top-md img-fluid wp-post-image" alt="" decoding="async" srcset="https://www.up-skill.asia/wp-content/uploads/2024/09/1.png 1920w, https://www.up-skill.asia/wp-content/uploads/2024/09/1-600x338.png 600w, https://www.up-skill.asia/wp-content/uploads/2024/09/1-300x169.png 300w, https://www.up-skill.asia/wp-content/uploads/2024/09/1-1024x576.png 1024w, https://www.up-skill.asia/wp-content/uploads/2024/09/1-768x432.png 768w, https://www.up-skill.asia/wp-content/uploads/2024/09/1-1536x864.png 1536w" sizes="(max-width: 1920px) 100vw, 1920px" />
</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='admin' src='https://www.up-skill.asia/wp-content/uploads/2024/08/ฃ-1.png' srcset='https://www.up-skill.asia/wp-content/uploads/2024/08/ฃ-1.png 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="2768">
<i class="fa-regular fa-heart"></i>
</a> </span>
</div> </div>
</div>
<h3 class="title"><a href="https://www.up-skill.asia/courses/beetle-robot-car/" class="text-inherit">
Beetle Robot Car </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://www.up-skill.asia/wp-content/themes/dreamslms/assets/images/icon-01.svg" > 49 Lessons7</p>
</div>
<div class="course-view d-flex align-items-center e6">
<img src="https://www.up-skill.asia/wp-content/themes/dreamslms/assets/images/icon-02.svg" alt="">
<p><span class="tutor-meta-level"> 1</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4"> hour</span><span class="tutor-meta-level"> 15</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 class=" text-muted">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</span>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="https://www.up-skill.asia/courses/beetle-robot-car/" 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://www.up-skill.asia/courses/micro-bit/" class="card-img-top">
<img width="1920" height="1080" src="https://www.up-skill.asia/wp-content/uploads/2024/09/6-1.png" 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://www.up-skill.asia/courses/micro-bit/" class="text-inherit">micro : bit</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="2924">
<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://www.up-skill.asia/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://www.up-skill.asia/wp-content/themes/dreamslms/assets/images/icon-02.svg" alt="">
<p><span class="tutor-meta-level"> 3</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4"> hours</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='admin' src='https://www.up-skill.asia/wp-content/uploads/2024/08/ฃ-1.png' 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://www.up-skill.asia/courses/micro-bit/" 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://www.up-skill.asia/courses/beetle-robot-car/" class="card-img-top">
<img width="1920" height="1080" src="https://www.up-skill.asia/wp-content/uploads/2024/09/1.png" 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://www.up-skill.asia/courses/beetle-robot-car/" class="text-inherit">Beetle Robot Car</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="2768">
<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://www.up-skill.asia/wp-content/themes/dreamslms/assets/images/icon-01.svg"> 49 Lessons7</p>
</div>
<div class="course-view d-flex align-items-center e8">
<img src="https://www.up-skill.asia/wp-content/themes/dreamslms/assets/images/icon-02.svg" alt="">
<p><span class="tutor-meta-level"> 1</span><span class="tutor-meta-value tutor-color-secondary tutor-mr-4"> hour</span><span class="tutor-meta-level"> 15</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='admin' src='https://www.up-skill.asia/wp-content/uploads/2024/08/ฃ-1.png' 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://www.up-skill.asia/courses/beetle-robot-car/" class="btn btn-primary">Buy Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.tab-content -->