@extends('userend/layouts.main')

@section('main-section')

<!-- Start Greeting -->
<section class="greeting">
    <div class="message">
        <h1><span>Learning</span> Dashboard </h1>
        <p>Explore your Courses and online Training program</p>
    </div>
    <div class="quicklinks">
        <ul>
            <li>
                <div class="profile">
                    <div class="images">
                        <img src="assets/images/user.svg" alt="dummy-user.svg" />
                        <div class="edit">
                            <img src="assets/images/edit-icon.svg" alt="">
                        </div>
                    </div>
                    <div class="text">
                        <p>Sonali Jain Shukla</p>
                        <a href="javascript:void(0)">Edit Profile</a>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</section>
<!-- End Greeting -->
<section class="course_dashboard">
    <ul class="nav nav-tabs" id="myTab" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                    <path d="M10 5.83337V17.5" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
                    <path d="M2.50008 15C2.27907 15 2.06711 14.9122 1.91083 14.7559C1.75455 14.5996 1.66675 14.3877 1.66675 14.1667V3.33333C1.66675 3.11232 1.75455 2.90036 1.91083 2.74408C2.06711 2.5878 2.27907 2.5 2.50008 2.5H6.66675C7.5508 2.5 8.39865 2.85119 9.02377 3.47631C9.64889 4.10143 10.0001 4.94928 10.0001 5.83333C10.0001 4.94928 10.3513 4.10143 10.9764 3.47631C11.6015 2.85119 12.4494 2.5 13.3334 2.5H17.5001C17.7211 2.5 17.9331 2.5878 18.0893 2.74408C18.2456 2.90036 18.3334 3.11232 18.3334 3.33333V14.1667C18.3334 14.3877 18.2456 14.5996 18.0893 14.7559C17.9331 14.9122 17.7211 15 17.5001 15H12.5001C11.837 15 11.2012 15.2634 10.7323 15.7322C10.2635 16.2011 10.0001 16.837 10.0001 17.5C10.0001 16.837 9.73669 16.2011 9.26785 15.7322C8.79901 15.2634 8.16312 15 7.50008 15H2.50008Z" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
                My Courses</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link " id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile-tab-pane" type="button" role="tab" aria-controls="profile-tab-pane" aria-selected="false">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="20" viewBox="0 0 16 20" fill="none">
                    <path d="M11.9999 4.16663C12.3536 4.16663 12.6927 4.34222 12.9427 4.65478C13.1928 4.96734 13.3333 5.39127 13.3333 5.83329V12.9383C13.3332 13.1978 13.3816 13.4538 13.4746 13.6858L14.1866 15.4583C14.238 15.5858 14.2623 15.7276 14.2573 15.8703C14.2522 16.0129 14.2179 16.1515 14.1577 16.2728C14.0975 16.3941 14.0133 16.494 13.9133 16.563C13.8133 16.6319 13.7008 16.6676 13.5866 16.6666H2.41327C2.29906 16.6676 2.18656 16.6319 2.08656 16.563C1.98656 16.494 1.90241 16.3941 1.84218 16.2728C1.78195 16.1515 1.74766 16.0129 1.7426 15.8703C1.73754 15.7276 1.76187 15.5858 1.81327 15.4583L2.52527 13.6858C2.61829 13.4538 2.66669 13.1978 2.6666 12.9383V5.83329C2.6666 5.39127 2.80708 4.96734 3.05712 4.65478C3.30717 4.34222 3.64631 4.16663 3.99993 4.16663H11.9999Z" stroke="#4A5565" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
                    <path d="M13.3693 13.3225H2.63062" stroke="#4A5565" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round" />
                </svg>
                Online Training</button>
        </li>
    </ul>
    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade  show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">
            <div class="course_info">
                <div class="title">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="31" viewBox="0 0 34 31" fill="none">
                            <path d="M2.58333 24.75C2.16341 24.75 1.76068 24.5832 1.46375 24.2863C1.16681 23.9893 1 23.5866 1 23.1667V2.58333C1 2.16341 1.16681 1.76068 1.46375 1.46375C1.76068 1.16681 2.16341 1 2.58333 1H10.5C12.1797 1 13.7906 1.66726 14.9783 2.85499C16.1661 4.04272 16.8333 5.65363 16.8333 7.33333C16.8333 5.65363 17.5006 4.04272 18.6883 2.85499C19.8761 1.66726 21.487 1 23.1667 1H31.0833C31.5033 1 31.906 1.16681 32.2029 1.46375C32.4999 1.76068 32.6667 2.16341 32.6667 2.58333V23.1667C32.6667 23.5866 32.4999 23.9893 32.2029 24.2863C31.906 24.5832 31.5033 24.75 31.0833 24.75H21.5833C20.3236 24.75 19.1154 25.2504 18.2246 26.1412C17.3338 27.032 16.8333 28.2402 16.8333 29.5C16.8333 28.2402 16.3329 27.032 15.4421 26.1412C14.5513 25.2504 13.3431 24.75 12.0833 24.75H2.58333Z" stroke="#226E65" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </div>
                    <div class="text">
                        <p>All Courses</p>
                        <span>Total 6 courses available</span>
                    </div>
                </div>

                <!-- Course Section Start Here -->

                <div class="my_course">
                    <div class="row">
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Advanced React Development</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="progress" role="progressbar" aria-label="Info example" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                            <div class="progress-bar" style="width: 65%">
                                                <p>Progress <span>65%</span></p>
                                            </div>
                                        </div>

                                        <a href="course_detail.php"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Continue Learning</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Advanced React Development</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="progress" role="progressbar" aria-label="Info example" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                            <div class="progress-bar" style="width: 65%">
                                                <p>Progress <span>65%</span></p>
                                            </div>
                                        </div>

                                        <a href="course_detail.php"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Continue Learning</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Advanced React Development</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="progress" role="progressbar" aria-label="Info example" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                            <div class="progress-bar" style="width: 65%">
                                                <p>Progress <span>65%</span></p>
                                            </div>
                                        </div>

                                        <a href="course_detail.php"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Continue Learning</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Advanced React Development</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="progress" role="progressbar" aria-label="Info example" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                            <div class="progress-bar" style="width: 65%">
                                                <p>Progress <span>65%</span></p>
                                            </div>
                                        </div>

                                        <a href="course_detail.php"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Continue Learning</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Advanced React Development</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="progress" role="progressbar" aria-label="Info example" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                            <div class="progress-bar" style="width: 65%">
                                                <p>Progress <span>65%</span></p>
                                            </div>
                                        </div>

                                        <a href="course_detail.php"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Continue Learning</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Advanced React Development</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="progress" role="progressbar" aria-label="Info example" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                            <div class="progress-bar" style="width: 65%">
                                                <p>Progress <span>65%</span></p>
                                            </div>
                                        </div>

                                        <a href="course_detail.php"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Continue Learning</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Advanced React Development</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="progress" role="progressbar" aria-label="Info example" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                            <div class="progress-bar" style="width: 65%">
                                                <p>Progress <span>65%</span></p>
                                            </div>
                                        </div>

                                        <a href="course_detail.php"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Continue Learning</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Advanced React Development</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="progress" role="progressbar" aria-label="Info example" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                            <div class="progress-bar" style="width: 65%">
                                                <p>Progress <span>65%</span></p>
                                            </div>
                                        </div>

                                        <a href="course_detail.php"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Continue Learning</a>
                                    </div>
                                </div>
                            </div>
                        

                    </div>
                </div>

                <!-- Course Section End Here -->

            </div>
        </div>

        <div class="tab-pane fade " id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab" tabindex="0">
            <div class="training_program">
                <div class="title">
                    <div class="icon">
                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="31" viewBox="0 0 34 31" fill="none">
                            <path d="M2.58333 24.75C2.16341 24.75 1.76068 24.5832 1.46375 24.2863C1.16681 23.9893 1 23.5866 1 23.1667V2.58333C1 2.16341 1.16681 1.76068 1.46375 1.46375C1.76068 1.16681 2.16341 1 2.58333 1H10.5C12.1797 1 13.7906 1.66726 14.9783 2.85499C16.1661 4.04272 16.8333 5.65363 16.8333 7.33333C16.8333 5.65363 17.5006 4.04272 18.6883 2.85499C19.8761 1.66726 21.487 1 23.1667 1H31.0833C31.5033 1 31.906 1.16681 32.2029 1.46375C32.4999 1.76068 32.6667 2.16341 32.6667 2.58333V23.1667C32.6667 23.5866 32.4999 23.9893 32.2029 24.2863C31.906 24.5832 31.5033 24.75 31.0833 24.75H21.5833C20.3236 24.75 19.1154 25.2504 18.2246 26.1412C17.3338 27.032 16.8333 28.2402 16.8333 29.5C16.8333 28.2402 16.3329 27.032 15.4421 26.1412C14.5513 25.2504 13.3431 24.75 12.0833 24.75H2.58333Z" stroke="#226E65" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                        </svg>
                    </div>
                    <div class="text">
                        <p>All Training Programs</p>
                        <span>Total 6 Program available</span>
                    </div>
                </div>

                <!-- Course Section Start Here -->

                <div class="my_course">
                    <div class="row">
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Mr. Ashish Mishra Masterclass</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="dasy_training">
                                            <div class="days">
                                                <div class="icon">
                                                    <img src="assets/images/calender.svg" alt="">
                                                </div>
                                                <p>5 days Training</p>
                                            </div>
                                            <div class="hours">
                                                <div class="icon">
                                                    <img src="assets/images/wall-clock.svg" alt="">
                                                </div>
                                                <p>8 hours total</p>
                                            </div>
                                        </div>

                                        <a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Join Session</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Mr. Ashish Mishra Masterclass</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="dasy_training">
                                            <div class="days">
                                                <div class="icon">
                                                    <img src="assets/images/calender.svg" alt="">
                                                </div>
                                                <p>5 days Training</p>
                                            </div>
                                            <div class="hours">
                                                <div class="icon">
                                                    <img src="assets/images/wall-clock.svg" alt="">
                                                </div>
                                                <p>8 hours total</p>
                                            </div>
                                        </div>

                                        <a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Join Session</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Mr. Ashish Mishra Masterclass</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="dasy_training">
                                            <div class="days">
                                                <div class="icon">
                                                    <img src="assets/images/calender.svg" alt="">
                                                </div>
                                                <p>5 days Training</p>
                                            </div>
                                            <div class="hours">
                                                <div class="icon">
                                                    <img src="assets/images/wall-clock.svg" alt="">
                                                </div>
                                                <p>8 hours total</p>
                                            </div>
                                        </div>

                                        <a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Join Session</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Mr. Ashish Mishra Masterclass</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="dasy_training">
                                            <div class="days">
                                                <div class="icon">
                                                    <img src="assets/images/calender.svg" alt="">
                                                </div>
                                                <p>5 days Training</p>
                                            </div>
                                            <div class="hours">
                                                <div class="icon">
                                                    <img src="assets/images/wall-clock.svg" alt="">
                                                </div>
                                                <p>8 hours total</p>
                                            </div>
                                        </div>

                                        <a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Join Session</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Mr. Ashish Mishra Masterclass</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="dasy_training">
                                            <div class="days">
                                                <div class="icon">
                                                    <img src="assets/images/calender.svg" alt="">
                                                </div>
                                                <p>5 days Training</p>
                                            </div>
                                            <div class="hours">
                                                <div class="icon">
                                                    <img src="assets/images/wall-clock.svg" alt="">
                                                </div>
                                                <p>8 hours total</p>
                                            </div>
                                        </div>

                                        <a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Join Session</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Mr. Ashish Mishra Masterclass</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="dasy_training">
                                            <div class="days">
                                                <div class="icon">
                                                    <img src="assets/images/calender.svg" alt="">
                                                </div>
                                                <p>5 days Training</p>
                                            </div>
                                            <div class="hours">
                                                <div class="icon">
                                                    <img src="assets/images/wall-clock.svg" alt="">
                                                </div>
                                                <p>8 hours total</p>
                                            </div>
                                        </div>

                                        <a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Join Session</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Mr. Ashish Mishra Masterclass</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="dasy_training">
                                            <div class="days">
                                                <div class="icon">
                                                    <img src="assets/images/calender.svg" alt="">
                                                </div>
                                                <p>5 days Training</p>
                                            </div>
                                            <div class="hours">
                                                <div class="icon">
                                                    <img src="assets/images/wall-clock.svg" alt="">
                                                </div>
                                                <p>8 hours total</p>
                                            </div>
                                        </div>

                                        <a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Join Session</a>
                                    </div>
                                </div>
                            </div>
                                                    <div class="col-lg-3 col-12">
                                <div class="course_define">
                                    <div class="image">
                                        <img src="assets/images/react-course.png" alt="">
                                    </div>
                                    <div class="text">
                                        <h5>Mr. Ashish Mishra Masterclass</h5>
                                        <p>Master React hooks, context, and advanced patterns for building scalable applications</p>

                                        <div class="dasy_training">
                                            <div class="days">
                                                <div class="icon">
                                                    <img src="assets/images/calender.svg" alt="">
                                                </div>
                                                <p>5 days Training</p>
                                            </div>
                                            <div class="hours">
                                                <div class="icon">
                                                    <img src="assets/images/wall-clock.svg" alt="">
                                                </div>
                                                <p>8 hours total</p>
                                            </div>
                                        </div>

                                        <a href="javascript:void(0)"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
                                                <path d="M7.50001 7.50235C7.49956 7.35446 7.53848 7.20912 7.61277 7.08124C7.68705 6.95336 7.79403 6.84756 7.92272 6.77469C8.05141 6.70182 8.19718 6.66451 8.34505 6.66659C8.49293 6.66867 8.63758 6.71006 8.76417 6.78652L12.9283 9.28402C13.0523 9.35791 13.155 9.46272 13.2263 9.58821C13.2975 9.71369 13.335 9.85553 13.335 9.99985C13.335 10.1442 13.2975 10.286 13.2263 10.4115C13.155 10.537 13.0523 10.6418 12.9283 10.7157L8.76417 13.2132C8.63752 13.2897 8.49279 13.3311 8.34484 13.3331C8.1969 13.3352 8.05107 13.2978 7.92236 13.2248C7.79364 13.1518 7.68667 13.0459 7.61245 12.9179C7.53822 12.7899 7.49941 12.6445 7.50001 12.4965V7.50235Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                                <path d="M9.99984 18.3332C14.6022 18.3332 18.3332 14.6022 18.3332 9.99984C18.3332 5.39746 14.6022 1.6665 9.99984 1.6665C5.39746 1.6665 1.6665 5.39746 1.6665 9.99984C1.6665 14.6022 5.39746 18.3332 9.99984 18.3332Z" stroke="white" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round" />
                                            </svg>
                                            Join Session</a>
                                    </div>
                                </div>
                            </div>
                        

                    </div>
                </div>

                <!-- Course Section End Here -->

            </div>
        </div>
    </div>
</section>

@endsection