diff --git a/database/migrations/2023_11_25_034933_create_students_table.php b/database/migrations/2023_11_25_034933_create_students_table.php
index e282e88..34ca7af 100644
--- a/database/migrations/2023_11_25_034933_create_students_table.php
+++ b/database/migrations/2023_11_25_034933_create_students_table.php
@@ -21,6 +21,9 @@ public function up(): void
             $table->date('date_of_birth')->nullable();
             $table->enum('gender', ['male', 'female', 'other'])->nullable();
             $table->string('image')->nullable();
+            $table->text('bio')->nullable();
+            $table->string('profession')->nullable();
+            $table->string('nationality')->default('Bangladeshi')->nullable();
             $table->boolean('status')->default(1)->comment('1 active, 0 inactive');
             $table->string('password');
             $table->string('language')->default('en');
diff --git a/resources/views/frontend/checkout.blade.php b/resources/views/frontend/checkout.blade.php
index 66ff89e..c0ad889 100644
--- a/resources/views/frontend/checkout.blade.php
+++ b/resources/views/frontend/checkout.blade.php
@@ -148,7 +148,7 @@
                                     </div>
                                     <div class="productContent-item__info productContent-item">
                                         <h6 class="font-para--lg">
-                                            <a href="course-details.html">Gamification: Motivation Psychology &amp; The
+                                            <a href="{{route('courseDetails')}}">Gamification: Motivation Psychology &amp; The
                                                 Art of Engagement.</a>
                                         </h6>
                                         <p>by Kevin Gibert</p>
@@ -164,7 +164,7 @@
                                     </div>
                                     <div class="productContent-item__info productContent-item">
                                         <h6 class="font-para--lg">
-                                            <a href="course-details.html">Digital Art for Beginners - Unleash Your
+                                            <a href="{{route('courseDetails')}}">Digital Art for Beginners - Unleash Your
                                                 Creativity</a>
                                         </h6>
                                         <p>by Kevin Gibert</p>
diff --git a/resources/views/frontend/courseDetails.blade.php b/resources/views/frontend/courseDetails.blade.php
index a344ead..05b2da6 100644
--- a/resources/views/frontend/courseDetails.blade.php
+++ b/resources/views/frontend/courseDetails.blade.php
@@ -2626,13 +2626,13 @@ class="feather feather-star">
                         <div class="new__courses">
                             <div class="contentCard contentCard--course contentCard--space">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -2681,13 +2681,13 @@ class="contentCard-user d-flex align-items-center">
                             </div>
                             <div class="contentCard contentCard--course contentCard--space">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -2736,13 +2736,13 @@ class="contentCard-user d-flex align-items-center">
                             </div>
                             <div class="contentCard contentCard--course contentCard--space">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -2791,13 +2791,13 @@ class="contentCard-user d-flex align-items-center">
                             </div>
                             <div class="contentCard contentCard--course contentCard--space">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
diff --git a/resources/views/frontend/home.blade.php b/resources/views/frontend/home.blade.php
index 90c9baa..da16f78 100644
--- a/resources/views/frontend/home.blade.php
+++ b/resources/views/frontend/home.blade.php
@@ -305,13 +305,13 @@ class="img-fluid shape-01" />
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -362,13 +362,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -419,13 +419,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -476,13 +476,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -533,13 +533,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -590,14 +590,14 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html">
+                                    <a href="{{route('courseDetails')}}">
                                         <img src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" />
                                     </a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -658,13 +658,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -715,13 +715,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -772,13 +772,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -839,13 +839,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -896,13 +896,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -963,13 +963,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1020,13 +1020,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1077,13 +1077,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1134,13 +1134,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1201,13 +1201,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-xl-4 col-md-6">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -2153,13 +2153,13 @@ class="img-fluid shape01" />
                 <div class="eventsSlider">
                     <div class="contentCard contentCard--event contentCard--space">
                         <div class="contentCard-top">
-                            <a href="course-details.html"><img
+                            <a href="{{route('courseDetails')}}"><img
                                     src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}" alt="images"
                                     class="img-fluid" /></a>
                         </div>
                         <div class="contentCard-bottom">
                             <h5>
-                                <a href="course-details.html" class="font-title--card">Chicago International
+                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                     Conference on Education</a>
                             </h5>
                             <div class="contentCard-more">
@@ -2182,13 +2182,13 @@ class="img-fluid" /></a>
                     </div>
                     <div class="contentCard contentCard--event contentCard--space">
                         <div class="contentCard-top">
-                            <a href="course-details.html"><img
+                            <a href="{{route('courseDetails')}}"><img
                                     src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}" alt="images"
                                     class="img-fluid" /></a>
                         </div>
                         <div class="contentCard-bottom">
                             <h5>
-                                <a href="course-details.html" class="font-title--card">Chicago International
+                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                     Conference on Education</a>
                             </h5>
                             <div class="contentCard-more">
@@ -2211,13 +2211,13 @@ class="img-fluid" /></a>
                     </div>
                     <div class="contentCard contentCard--event contentCard--space">
                         <div class="contentCard-top">
-                            <a href="course-details.html"><img
+                            <a href="{{route('courseDetails')}}"><img
                                     src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}" alt="images"
                                     class="img-fluid" /></a>
                         </div>
                         <div class="contentCard-bottom">
                             <h5>
-                                <a href="course-details.html" class="font-title--card">Chicago International
+                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                     Conference on Education</a>
                             </h5>
                             <div class="contentCard-more">
@@ -2240,13 +2240,13 @@ class="img-fluid" /></a>
                     </div>
                     <div class="contentCard contentCard--event contentCard--space">
                         <div class="contentCard-top">
-                            <a href="course-details.html"><img
+                            <a href="{{route('courseDetails')}}"><img
                                     src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}" alt="images"
                                     class="img-fluid" /></a>
                         </div>
                         <div class="contentCard-bottom">
                             <h5>
-                                <a href="course-details.html" class="font-title--card">Chicago International
+                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                     Conference on Education</a>
                             </h5>
                             <div class="contentCard-more">
diff --git a/resources/views/frontend/instructorProfile.blade.php b/resources/views/frontend/instructorProfile.blade.php
index 6701771..50c59fb 100644
--- a/resources/views/frontend/instructorProfile.blade.php
+++ b/resources/views/frontend/instructorProfile.blade.php
@@ -13,7 +13,7 @@
             <ol class="breadcrumb bg-transparent mb-0">
                 <li class="breadcrumb-item"><a href="index.html" class="fs-6 text-secondary">Home</a></li>
                 <li class="breadcrumb-item"><a href="course-search.html" class="fs-6 text-secondary">Courses</a></li>
-                <li class="breadcrumb-item d-none d-lg-inline-block"><a href="course-details.html"
+                <li class="breadcrumb-item d-none d-lg-inline-block"><a href="{{route('courseDetails')}}"
                         class="fs-6 text-secondary">Course Detail Instructor</a></li>
                 <li class="breadcrumb-item d-none d-lg-inline-block"><a href="#" class="fs-6 text-secondary">Kevin
                         Gilbert</a></li>
@@ -257,13 +257,13 @@ class="fs-6 text-secondary">Course Detail Instructor</a></li>
                                 <div class="col-md-6 mb-4">
                                     <div class="contentCard contentCard--course">
                                         <div class="contentCard-top">
-                                            <a href="course-details.html"><img
+                                            <a href="{{route('courseDetails')}}"><img
                                                     src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                                     alt="images" class="img-fluid" /></a>
                                         </div>
                                         <div class="contentCard-bottom">
                                             <h5>
-                                                <a href="course-details.html" class="font-title--card">Chicago
+                                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago
                                                     International Conference on Education</a>
                                             </h5>
                                             <div
@@ -315,13 +315,13 @@ class="contentCard-user d-flex align-items-center">
                                 <div class="col-md-6 mb-4">
                                     <div class="contentCard contentCard--course">
                                         <div class="contentCard-top">
-                                            <a href="course-details.html"><img
+                                            <a href="{{route('courseDetails')}}"><img
                                                     src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                                     alt="images" class="img-fluid" /></a>
                                         </div>
                                         <div class="contentCard-bottom">
                                             <h5>
-                                                <a href="course-details.html" class="font-title--card">Chicago
+                                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago
                                                     International Conference on Education</a>
                                             </h5>
                                             <div
@@ -373,13 +373,13 @@ class="contentCard-user d-flex align-items-center">
                                 <div class="col-md-6 mb-4">
                                     <div class="contentCard contentCard--course">
                                         <div class="contentCard-top">
-                                            <a href="course-details.html"><img
+                                            <a href="{{route('courseDetails')}}"><img
                                                     src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                                     alt="images" class="img-fluid" /></a>
                                         </div>
                                         <div class="contentCard-bottom">
                                             <h5>
-                                                <a href="course-details.html" class="font-title--card">Chicago
+                                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago
                                                     International Conference on Education</a>
                                             </h5>
                                             <div
@@ -431,13 +431,13 @@ class="contentCard-user d-flex align-items-center">
                                 <div class="col-md-6 mb-4">
                                     <div class="contentCard contentCard--course">
                                         <div class="contentCard-top">
-                                            <a href="course-details.html"><img
+                                            <a href="{{route('courseDetails')}}"><img
                                                     src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                                     alt="images" class="img-fluid" /></a>
                                         </div>
                                         <div class="contentCard-bottom">
                                             <h5>
-                                                <a href="course-details.html" class="font-title--card">Chicago
+                                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago
                                                     International Conference on Education</a>
                                             </h5>
                                             <div
@@ -489,13 +489,13 @@ class="contentCard-user d-flex align-items-center">
                                 <div class="col-md-6 mb-4">
                                     <div class="contentCard contentCard--course">
                                         <div class="contentCard-top">
-                                            <a href="course-details.html"><img
+                                            <a href="{{route('courseDetails')}}"><img
                                                     src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}"
                                                     alt="images" class="img-fluid" /></a>
                                         </div>
                                         <div class="contentCard-bottom">
                                             <h5>
-                                                <a href="course-details.html" class="font-title--card">Chicago
+                                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago
                                                     International Conference on Education</a>
                                             </h5>
                                             <div
@@ -547,13 +547,13 @@ class="contentCard-user d-flex align-items-center">
                                 <div class="col-md-6 mb-4">
                                     <div class="contentCard contentCard--course">
                                         <div class="contentCard-top">
-                                            <a href="course-details.html"><img
+                                            <a href="{{route('courseDetails')}}"><img
                                                     src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                                     alt="images" class="img-fluid" /></a>
                                         </div>
                                         <div class="contentCard-bottom">
                                             <h5>
-                                                <a href="course-details.html" class="font-title--card">Chicago
+                                                <a href="{{route('courseDetails')}}" class="font-title--card">Chicago
                                                     International Conference on Education</a>
                                             </h5>
                                             <div
diff --git a/resources/views/frontend/layouts/app.blade.php b/resources/views/frontend/layouts/app.blade.php
index 533ded7..e27e24e 100644
--- a/resources/views/frontend/layouts/app.blade.php
+++ b/resources/views/frontend/layouts/app.blade.php
@@ -9,7 +9,39 @@
     <link rel="stylesheet" href="{{asset('public/frontend/dist/main.css')}}" />
     <link rel="icon" type="image/png" href="{{asset('public/frontend/dist/images/favicon/favicon.png')}}" />
     <link rel="stylesheet" href="{{asset('public/frontend/fontawesome-free-5.15.4-web/css/all.min.css')}}">
+    <style>
+        .dropdown {
+            position: relative;
+            display: inline-block;
+        }
 
+        .dropdown-content {
+            display: none;
+            position: absolute;
+            background-color: #f9f9f9;
+            min-width: 160px;
+            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+            z-index: 1;
+            left: -160px;
+            /* Adjust this value based on your design */
+
+        }
+
+        .dropdown-content a {
+            color: black;
+            padding: 12px 16px;
+            text-decoration: none;
+            display: block;
+        }
+
+        .dropdown-content a:hover {
+            background-color: #f1f1f1;
+        }
+
+        .dropdown.active .dropdown-content {
+            display: block;
+        }
+    </style>
     @stack('styles')
 
 </head>
@@ -34,16 +66,7 @@
                             <a class="nav-link" aria-current="page" href="{{route('home')}}">Home</a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" aria-current="page" href="#">
-                                Course
-                            </a>
-                            <div class="nav-item--dropdown">
-                                <ul>
-                                    <li><a href="{{route('searchCourse')}}">Search Course List</a></li>
-                                    <li><a href="{{route('courseDetails')}}">Course Details</a></li>
-                                    <li><a href="{{route('watchCourse')}}">Watch Course</a></li>
-                                </ul>
-                            </div>
+                            <a class="nav-link" aria-current="page" href="{{route('searchCourse')}}">Courses</a>
                         </li>
                         <li class="nav-item">
                             <a class="nav-link" aria-current="page" href="{{route('about')}}">About</a>
@@ -56,6 +79,7 @@
                                 <ul>
                                     <li><a href="{{route('studentProfile')}}">Student Profile</a></li>
                                     <li><a href="{{route('instructorProfile')}}">Instructor Profile</a></li>
+                                    <li><a href="{{route('courseDetails')}}">Course details</a></li>
                                     <li><a href="{{route('checkout')}}">Check out</a></li>
                                 </ul>
                             </div>
@@ -105,11 +129,19 @@ class="feather feather-search">
                             <span class="visually-hidden">Items Added</span>
                         </a>
                         @if(request()->session()->get('studentLogin'))
-                            <a href="{{route('studentdashboard')}}" class="button button--text">Dashboard</a>
-                            <a href="{{route('studentlogOut')}}" class="button button--dark">Logout</a>
+                        <div class="dropdown user-image ms-3" id="imageDropdown">
+                            <a href="{{route('studentdashboard')}}" onclick="toggleDropdown(event)">
+                                <img src="{{asset('public/frontend/dist/images/ellipse/user.jpg')}}"
+                                    alt="Student Profile" />
+                            </a>
+                            <div class="dropdown-content">
+                                <a href="{{route('studentdashboard')}}">Profile</a>
+                                <a href="{{route('studentlogOut')}}" class="text-danger">Logout</a>
+                            </div>
+                        </div>
                         @else
-                            <a href="{{route('studentLogin')}}" class="button button--text">Sign in</a>
-                            <a href="{{route('studentRegister')}}" class="button button--dark">Sign Up</a>
+                        <a href="{{route('studentLogin')}}" class="button button--text">Sign in</a>
+                        <a href="{{route('studentRegister')}}" class="button button--dark">Sign Up</a>
                         @endif
                     </div>
                 </div>
@@ -177,7 +209,6 @@ class="feather feather-chevron-right">
                                     </a>
                                     <ul class="navbar-mobile__menu-dropmenu">
                                         <li><a href="course-search.html">search course list</a></li>
-                                        <li><a href="course-details.html">Course details</a></li>
                                         <li><a href="watch.html">Watch Course</a></li>
                                     </ul>
                                 </li>
@@ -265,7 +296,8 @@ class="feather feather-chevron-right">
                                             d="M17.9955 18.0002V17.9994H18V11.3979C18 8.16841 17.3047 5.68066 13.5292 5.68066C11.7142 5.68066 10.4962 6.67666 9.99896 7.62091H9.94646V5.98216H6.3667V17.9994H10.0942V12.0489C10.0942 10.4822 10.3912 8.96716 12.3315 8.96716C14.2432 8.96716 14.2717 10.7552 14.2717 12.1494V18.0002H17.9955Z"
                                             fill="currentColor"></path>
                                         <path d="M0.296875 5.98291H4.02888V18.0002H0.296875V5.98291Z"
-                                            fill="currentColor"></path>
+                                            fill="currentColor">
+                                        </path>
                                         <path
                                             d="M2.1615 0C0.96825 0 0 0.96825 0 2.1615C0 3.35475 0.96825 4.34325 2.1615 4.34325C3.35475 4.34325 4.323 3.35475 4.323 2.1615C4.32225 0.96825 3.354 0 2.1615 0V0Z"
                                             fill="currentColor"></path>
@@ -526,8 +558,24 @@ class="img-fluid" />
     <script src="{{asset('public/frontend/src/js/app.js')}}"></script>
     <script src="{{asset('public/frontend/dist/main.js')}}"></script>
 
+    <script>
+        function toggleDropdown(event) {
+            event.preventDefault();
+            var dropdown = document.getElementById('imageDropdown');
+            dropdown.classList.toggle('active');
+    
+            // Close the dropdown when clicking somewhere else on the page
+            document.body.addEventListener('click', function (e) {
+                if (!dropdown.contains(e.target)) {
+                    dropdown.classList.remove('active');
+                }
+            });
+        }
+    </script>
+
     @stack('scripts')
 
+
 </body>
 
 </html>
\ No newline at end of file
diff --git a/resources/views/frontend/searchCourse.blade.php b/resources/views/frontend/searchCourse.blade.php
index 131ec10..f834288 100644
--- a/resources/views/frontend/searchCourse.blade.php
+++ b/resources/views/frontend/searchCourse.blade.php
@@ -423,13 +423,13 @@ class="feather feather-chevron-right">
                         <div class="col-md-6 mb-4">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -480,13 +480,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-md-6 mb-4">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -537,13 +537,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-md-6 mb-4">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -594,13 +594,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-md-6 mb-4">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -651,13 +651,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-md-6 mb-4">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -708,13 +708,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-md-6 mb-4">
                             <div class="contentCard contentCard--course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
diff --git a/resources/views/frontend/studentProfile.blade.php b/resources/views/frontend/studentProfile.blade.php
index 371e5ab..8e5243a 100644
--- a/resources/views/frontend/studentProfile.blade.php
+++ b/resources/views/frontend/studentProfile.blade.php
@@ -267,13 +267,13 @@
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -289,7 +289,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -299,13 +299,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -321,7 +321,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -331,13 +331,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -353,7 +353,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -363,13 +363,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -385,7 +385,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -395,13 +395,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -417,7 +417,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -427,13 +427,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -449,7 +449,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -459,13 +459,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -481,7 +481,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -491,13 +491,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -513,7 +513,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -523,13 +523,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -545,7 +545,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -585,13 +585,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -607,7 +607,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -617,13 +617,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -639,7 +639,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -649,13 +649,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -671,7 +671,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -681,13 +681,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -703,7 +703,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -713,13 +713,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -735,7 +735,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -745,13 +745,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -767,7 +767,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -777,13 +777,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -799,7 +799,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -809,13 +809,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -831,7 +831,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -841,13 +841,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -863,7 +863,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 43%;"></span>
                                     </div>
@@ -903,13 +903,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -925,7 +925,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 100%;"></span>
                                     </div>
@@ -935,13 +935,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -957,7 +957,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 100%;"></span>
                                     </div>
@@ -967,13 +967,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -989,7 +989,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 100%;"></span>
                                     </div>
@@ -999,13 +999,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1021,7 +1021,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 100%;"></span>
                                     </div>
@@ -1031,13 +1031,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1053,7 +1053,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 100%;"></span>
                                     </div>
@@ -1063,13 +1063,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1085,7 +1085,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 100%;"></span>
                                     </div>
@@ -1095,13 +1095,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1117,7 +1117,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 100%;"></span>
                                     </div>
@@ -1127,13 +1127,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1149,7 +1149,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 100%;"></span>
                                     </div>
@@ -1159,13 +1159,13 @@ class="contentCard-user d-flex align-items-center">
                         <div class="col-lg-4 col-md-6 col-md-6 mb-4">
                             <div class="contentCard contentCard--watch-course">
                                 <div class="contentCard-top">
-                                    <a href="course-details.html"><img
+                                    <a href="{{route('courseDetails')}}"><img
                                             src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
                                             alt="images" class="img-fluid" /></a>
                                 </div>
                                 <div class="contentCard-bottom">
                                     <h5>
-                                        <a href="course-details.html" class="font-title--card">Chicago International
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
                                             Conference on Education</a>
                                     </h5>
                                     <div class="contentCard-info d-flex align-items-center justify-content-between">
@@ -1181,7 +1181,7 @@ class="contentCard-user d-flex align-items-center">
                                         </div>
                                     </div>
                                     <a class="button button-md button--primary-outline w-100 my-3"
-                                        href="watch.html">Watch Course</a>
+                                        href="{{route('watchCourse')}}">Watch Course</a>
                                     <div class="contentCard-watch--progress">
                                         <span class="percentage" style="width: 100%;"></span>
                                     </div>
diff --git a/resources/views/students/dashboard.blade.php b/resources/views/students/dashboard.blade.php
index 7eda338..0c1841b 100644
--- a/resources/views/students/dashboard.blade.php
+++ b/resources/views/students/dashboard.blade.php
@@ -15,6 +15,1022 @@
     </div>
 </div>
 
+<!-- Students Info area Starts Here -->
+<section class="section students-info">
+    <div class="container">
+        <div class="students-info-intro">
+            <!-- profile Details   -->
+            <div class="students-info-intro__profile">
+                <div>
+                    <div class="students-info-intro-start">
+                        <div class="image">
+                            <img src="{{asset('public/frontend/dist/images/user/user-img-01.jpg')}}" alt="Student" />
+                        </div>
+                        <div class="text">
+                            <h5>Phillip Bergson</h5>
+                            <p>UI/UX Designer</p>
+                        </div>
+                    </div>
+                </div>
+                <div>
+                    <div class="students-info-intro-end">
+                        <div class="enrolled-courses">
+                            <div class="enrolled-courses-icon">
+                                <svg width="28" height="26" viewBox="0 0 28 26" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                        d="M1 1.625H8.8C10.1791 1.625 11.5018 2.15764 12.477 3.10574C13.4521 4.05384 14 5.33974 14 6.68056V24.375C14 23.3694 13.5891 22.405 12.8577 21.6939C12.1263 20.9828 11.1343 20.5833 10.1 20.5833H1V1.625Z"
+                                        stroke="#1089FF" stroke-width="2" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                    <path
+                                        d="M27 1.625H19.2C17.8209 1.625 16.4982 2.15764 15.523 3.10574C14.5479 4.05384 14 5.33974 14 6.68056V24.375C14 23.3694 14.4109 22.405 15.1423 21.6939C15.8737 20.9828 16.8657 20.5833 17.9 20.5833H27V1.625Z"
+                                        stroke="#1089FF" stroke-width="2" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                </svg>
+                            </div>
+                            <div class="enrolled-courses-text">
+                                <h6 class="font-title--xs">24</h6>
+                                <p class="fs-6 mt-1">Enrolled Courses</p>
+                            </div>
+                        </div>
+                        <div class="completed-courses">
+                            <div class="completed-courses-icon">
+                                <svg width="22" height="26" viewBox="0 0 22 26" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <path fill-rule="evenodd" clip-rule="evenodd"
+                                        d="M19.1716 3.95235C19.715 4.14258 20.078 4.65484 20.078 5.23051V13.6518C20.078 16.0054 19.2226 18.2522 17.7119 19.9929C16.9522 20.8694 15.9911 21.552 14.9703 22.1041L10.5465 24.4938L6.11516 22.1028C5.09312 21.5508 4.13077 20.8694 3.36983 19.9916C1.85791 18.2509 1 16.0029 1 13.6468V5.23051C1 4.65484 1.36306 4.14258 1.90641 3.95235L10.0902 1.07647C10.3811 0.974511 10.6982 0.974511 10.9879 1.07647L19.1716 3.95235Z"
+                                        stroke="#00AF91" stroke-width="2" stroke-linecap="round"
+                                        stroke-linejoin="round" />
+                                    <path d="M7.30688 12.4002L9.65931 14.7538L14.5059 9.90723" stroke="#00AF91"
+                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                                </svg>
+                            </div>
+                            <div class="completed-courses-text">
+                                <h5 class="font-title--xs">19</h5>
+                                <p class="fs-6 mt-1">Completed Courses</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Nav  -->
+            <nav class="students-info-intro__nav">
+                <div class="nav" id="nav-tab" role="tablist">
+                    <button class="nav-link active" id="nav-profile-tab" data-bs-toggle="tab"
+                        data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
+                        aria-selected="true">My Profile</button>
 
+                    <button class="nav-link" id="nav-coursesall-tab" data-bs-toggle="tab"
+                        data-bs-target="#nav-coursesall" type="button" role="tab" aria-controls="nav-coursesall"
+                        aria-selected="false">All Courses</button>
+
+                    <button class="nav-link" id="nav-activecourses-tab" data-bs-toggle="tab"
+                        data-bs-target="#nav-activecourses" type="button" role="tab" aria-controls="nav-activecourses"
+                        aria-selected="false">
+                        Active Courses
+                    </button>
+
+                    <button class="nav-link" id="nav-completedcourses-tab" data-bs-toggle="tab"
+                        data-bs-target="#nav-completedcourses" type="button" role="tab"
+                        aria-controls="nav-completedcourses" aria-selected="false">
+                        Completed Courses
+                    </button>
+
+                    <button class="nav-link" id="nav-purchase-tab" data-bs-toggle="tab" data-bs-target="#nav-purchase"
+                        type="button" role="tab" aria-controls="nav-purchase" aria-selected="false">Purchase
+                        History</button>
+
+                    <button class="nav-link" id="nav-setting-tab" data-bs-toggle="tab" data-bs-target="#nav-setting"
+                        type="button" role="tab" aria-controls="nav-setting" aria-selected="false">Setting</button>
+
+                    <button class="nav-link btn btn-danger"><a href="{{route('studentlogOut')}}"
+                            class="text-danger">Logout</a></button>
+                </div>
+            </nav>
+        </div>
+
+        <div class="row students-info-intro d-none">
+            <div class="col-lg-6">
+                <div class="students-info-intro-start">
+                    <div class="image">
+                        <img src="{{asset('public/frontend/dist/images/user/user-img-01.jpg')}}" alt="Student" />
+                    </div>
+                    <div class="text">
+                        <h5>Phillip Bergson</h5>
+                        <p>UI/UX Designer</p>
+                    </div>
+                </div>
+            </div>
+            <div class="col-lg-6">
+                <div class="students-info-intro-end">
+                    <div class="enrolled-courses">
+                        <div class="enrolled-courses-icon">
+                            <svg width="28" height="26" viewBox="0 0 28 26" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                    d="M1 1.625H8.8C10.1791 1.625 11.5018 2.15764 12.477 3.10574C13.4521 4.05384 14 5.33974 14 6.68056V24.375C14 23.3694 13.5891 22.405 12.8577 21.6939C12.1263 20.9828 11.1343 20.5833 10.1 20.5833H1V1.625Z"
+                                    stroke="#1089FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                                <path
+                                    d="M27 1.625H19.2C17.8209 1.625 16.4982 2.15764 15.523 3.10574C14.5479 4.05384 14 5.33974 14 6.68056V24.375C14 23.3694 14.4109 22.405 15.1423 21.6939C15.8737 20.9828 16.8657 20.5833 17.9 20.5833H27V1.625Z"
+                                    stroke="#1089FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                        <div class="enrolled-courses-text">
+                            <h6 class="font-title--xs">24</h6>
+                            <p class="fs-6 mt-1">Enrolled Courses</p>
+                        </div>
+                    </div>
+                    <div class="completed-courses">
+                        <div class="completed-courses-icon">
+                            <svg width="22" height="26" viewBox="0 0 22 26" fill="none"
+                                xmlns="http://www.w3.org/2000/svg">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M19.1716 3.95235C19.715 4.14258 20.078 4.65484 20.078 5.23051V13.6518C20.078 16.0054 19.2226 18.2522 17.7119 19.9929C16.9522 20.8694 15.9911 21.552 14.9703 22.1041L10.5465 24.4938L6.11516 22.1028C5.09312 21.5508 4.13077 20.8694 3.36983 19.9916C1.85791 18.2509 1 16.0029 1 13.6468V5.23051C1 4.65484 1.36306 4.14258 1.90641 3.95235L10.0902 1.07647C10.3811 0.974511 10.6982 0.974511 10.9879 1.07647L19.1716 3.95235Z"
+                                    stroke="#00AF91" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                                <path d="M7.30688 12.4002L9.65931 14.7538L14.5059 9.90723" stroke="#00AF91"
+                                    stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </div>
+                        <div class="completed-courses-text">
+                            <h5 class="font-title--xs">19</h5>
+                            <p class="fs-6 mt-1">Completed Courses</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-12">
+                <nav>
+                    <div class="nav" id="nav-tab" role="tablist">
+                        <button class="nav-link active" id="nav-profile-tab" data-bs-toggle="tab"
+                            data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
+                            aria-selected="true">My Profile</button>
+
+                        <button class="nav-link" id="nav-coursesall-tab" data-bs-toggle="tab"
+                            data-bs-target="#nav-coursesall" type="button" role="tab" aria-controls="nav-coursesall"
+                            aria-selected="false">All Courses</button>
+
+                        <button class="nav-link" id="nav-activecourses-tab" data-bs-toggle="tab"
+                            data-bs-target="#nav-activecourses" type="button" role="tab"
+                            aria-controls="nav-activecourses" aria-selected="false">
+                            Active Courses
+                        </button>
+
+                        <button class="nav-link" id="nav-completedcourses-tab" data-bs-toggle="tab"
+                            data-bs-target="#nav-completedcourses" type="button" role="tab"
+                            aria-controls="nav-completedcourses" aria-selected="false">
+                            Completed Courses
+                        </button>
+
+                        <button class="nav-link" id="nav-purchase-tab" data-bs-toggle="tab"
+                            data-bs-target="#nav-purchase" type="button" role="tab" aria-controls="nav-purchase"
+                            aria-selected="false">Purchase History</button>
+
+                        <button class="nav-link" id="nav-setting-tab" data-bs-toggle="tab" data-bs-target="#nav-setting"
+                            type="button" role="tab" aria-controls="nav-setting" aria-selected="false">Setting</button>
+
+                        <button class="nav-link" id="nav-logout-tab" data-bs-toggle="tab" data-bs-target="#nav-logout"
+                            type="button" role="tab" aria-controls="nav-logout-tab"
+                            aria-selected="false">Logout</button>
+                    </div>
+                </nav>
+            </div>
+        </div>
+
+        <div class="students-info-main">
+            <div class="tab-content" id="nav-tabContent">
+
+                {{-- Profile Info --}}
+                <div class="tab-pane fade show active" id="nav-profile" role="tabpanel"
+                    aria-labelledby="nav-profile-tab">
+                    <div class="tab-content__profile">
+                        <div class="tab-content__profile-content">
+                            <div class="about-student">
+                                <h6 class="font-title--card">About Me</h6>
+                                <p class="font-para--md">
+                                    Hello my name is Tanya. I am a designer. My personal qualities are responsibility,
+                                    as I bring everything to its logical conclusion, determination, never rest on my
+                                    laurels, always open to change
+                                    and something new. In my arsenal there are such programs as Adobe Photoshop,
+                                    Illustrator, InDesign, Figma, also some Maya, 3ds Max ZBrush, Substance Painter,
+                                    Marvelous Designer. Lorem ipsum dolor
+                                    sit amet consectetur, adipisicing elit. Animi, voluptatum.
+                                </p>
+                            </div>
+                        </div>
+                        <div class="tab-content__profile-content">
+                            <div class="info-student">
+                                <h6 class="font-title--card">Philip Information</h6>
+                                <dl class="row my-0 info-student-topic">
+                                    <dt class="col-sm-4">
+                                        <span>Name</span>
+                                    </dt>
+                                    <dd class="col-sm-8">
+                                        <p>Phillip Bergson</p>
+                                    </dd>
+                                </dl>
+                                <dl class="row my-0 info-student-topic">
+                                    <dt class="col-sm-4">
+                                        <span>E-mail</span>
+                                    </dt>
+                                    <dd class="col-sm-8">
+                                        <p>phillip.bergson@gmail.com</p>
+                                    </dd>
+                                </dl>
+                                <dl class="row my-0 info-student-topic">
+                                    <dt class="col-sm-4">
+                                        <span>What do you do</span>
+                                    </dt>
+                                    <dd class="col-sm-8">
+                                        <p>UI/UX Designer</p>
+                                    </dd>
+                                </dl>
+                                <dl class="row my-0 info-student-topic">
+                                    <dt class="col-sm-4">
+                                        <span>Phone Number</span>
+                                    </dt>
+                                    <dd class="col-sm-8">
+                                        <p>+8801236 968966</p>
+                                    </dd>
+                                </dl>
+                                <dl class="row my-0 info-student-topic">
+                                    <dt class="col-sm-4">
+                                        <span>Nationality</span>
+                                    </dt>
+                                    <dd class="col-sm-8">
+                                        <p>Bangladesh</p>
+                                    </dd>
+                                </dl>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {{-- All Courses --}}
+                <div class="tab-pane fade" id="nav-coursesall" role="tabpanel" aria-labelledby="nav-coursesall-tab">
+                    <div class="row">
+                        <div class="col-lg-4 col-md-6 col-md-6 mb-4">
+                            <div class="contentCard contentCard--watch-course">
+                                <div class="contentCard-top">
+                                    <a href="{{route('courseDetails')}}"><img
+                                            src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
+                                            alt="images" class="img-fluid" /></a>
+                                </div>
+                                <div class="contentCard-bottom">
+                                    <h5>
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                            Conference on Education</a>
+                                    </h5>
+                                    <div class="contentCard-info d-flex align-items-center justify-content-between">
+                                        <a href="instructor-profile.html"
+                                            class="contentCard-user d-flex align-items-center">
+                                            <img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
+                                                alt="client-image" class="rounded-circle" />
+                                            <p class="font-para--md">Brandon Dias</p>
+                                        </a>
+                                        <div class="contentCard-course--status d-flex align-items-center">
+                                            <span class="percentage">43%</span>
+                                            <p>Finish</p>
+                                        </div>
+                                    </div>
+                                    <a class="button button-md button--primary-outline w-100 my-3"
+                                        href="{{route('watchCourse')}}">Watch Course</a>
+                                    <div class="contentCard-watch--progress">
+                                        <span class="percentage" style="width: 43%;"></span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-4 col-md-6 col-md-6 mb-4">
+                            <div class="contentCard contentCard--watch-course">
+                                <div class="contentCard-top">
+                                    <a href="{{route('courseDetails')}}"><img
+                                            src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
+                                            alt="images" class="img-fluid" /></a>
+                                </div>
+                                <div class="contentCard-bottom">
+                                    <h5>
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                            Conference on Education</a>
+                                    </h5>
+                                    <div class="contentCard-info d-flex align-items-center justify-content-between">
+                                        <a href="instructor-profile.html"
+                                            class="contentCard-user d-flex align-items-center">
+                                            <img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
+                                                alt="client-image" class="rounded-circle" />
+                                            <p class="font-para--md">Brandon Dias</p>
+                                        </a>
+                                        <div class="contentCard-course--status d-flex align-items-center">
+                                            <span class="percentage">43%</span>
+                                            <p>Finish</p>
+                                        </div>
+                                    </div>
+                                    <a class="button button-md button--primary-outline w-100 my-3"
+                                        href="{{route('watchCourse')}}">Watch Course</a>
+                                    <div class="contentCard-watch--progress">
+                                        <span class="percentage" style="width: 43%;"></span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-4 col-md-6 col-md-6 mb-4">
+                            <div class="contentCard contentCard--watch-course">
+                                <div class="contentCard-top">
+                                    <a href="{{route('courseDetails')}}"><img
+                                            src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
+                                            alt="images" class="img-fluid" /></a>
+                                </div>
+                                <div class="contentCard-bottom">
+                                    <h5>
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                            Conference on Education</a>
+                                    </h5>
+                                    <div class="contentCard-info d-flex align-items-center justify-content-between">
+                                        <a href="instructor-profile.html"
+                                            class="contentCard-user d-flex align-items-center">
+                                            <img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
+                                                alt="client-image" class="rounded-circle" />
+                                            <p class="font-para--md">Brandon Dias</p>
+                                        </a>
+                                        <div class="contentCard-course--status d-flex align-items-center">
+                                            <span class="percentage">43%</span>
+                                            <p>Finish</p>
+                                        </div>
+                                    </div>
+                                    <a class="button button-md button--primary-outline w-100 my-3"
+                                        href="{{route('watchCourse')}}">Watch Course</a>
+                                    <div class="contentCard-watch--progress">
+                                        <span class="percentage" style="width: 43%;"></span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-12 mt-lg-5">
+                            <div class="pagination justify-content-center pb-0">
+                                <div class="pagination-group">
+                                    <a href="#" class="p_prev">
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828"
+                                            viewBox="0 0 9.414 16.828">
+                                            <path data-name="Icon feather-chevron-left" d="M20.5,23l-7-7,7-7"
+                                                transform="translate(-12.5 -7.586)" fill="none" stroke="#1a2224"
+                                                stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
+                                        </svg>
+                                    </a>
+                                    <a href="#!1" class="cdp_i active">01</a>
+                                    <a href="#!2" class="cdp_i">02</a>
+                                    <a href="#!3" class="cdp_i">03</a>
+                                    <a href="#!+1" class="p_next">
+                                        <svg width="10" height="16" viewBox="0 0 10 16" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg">
+                                            <path d="M1.5 1L8.5 8L1.5 15" stroke="#35343E" stroke-width="2"
+                                                stroke-linecap="round" stroke-linejoin="round"></path>
+                                        </svg>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {{-- Active Courses --}}
+                <div class="tab-pane fade" id="nav-activecourses" role="tabpanel"
+                    aria-labelledby="nav-activecourses-tab">
+                    <div class="row">
+                        <div class="col-lg-4 col-md-6 col-md-6 mb-4">
+                            <div class="contentCard contentCard--watch-course">
+                                <div class="contentCard-top">
+                                    <a href="{{route('courseDetails')}}"><img
+                                            src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
+                                            alt="images" class="img-fluid" /></a>
+                                </div>
+                                <div class="contentCard-bottom">
+                                    <h5>
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                            Conference on Education</a>
+                                    </h5>
+                                    <div class="contentCard-info d-flex align-items-center justify-content-between">
+                                        <a href="instructor-profile.html"
+                                            class="contentCard-user d-flex align-items-center">
+                                            <img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
+                                                alt="client-image" class="rounded-circle" />
+                                            <p class="font-para--md">Brandon Dias</p>
+                                        </a>
+                                        <div class="contentCard-course--status d-flex align-items-center">
+                                            <span class="percentage">43%</span>
+                                            <p>Finish</p>
+                                        </div>
+                                    </div>
+                                    <a class="button button-md button--primary-outline w-100 my-3"
+                                        href="{{route('watchCourse')}}">Watch Course</a>
+                                    <div class="contentCard-watch--progress">
+                                        <span class="percentage" style="width: 43%;"></span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-4 col-md-6 col-md-6 mb-4">
+                            <div class="contentCard contentCard--watch-course">
+                                <div class="contentCard-top">
+                                    <a href="{{route('courseDetails')}}"><img
+                                            src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}"
+                                            alt="images" class="img-fluid" /></a>
+                                </div>
+                                <div class="contentCard-bottom">
+                                    <h5>
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                            Conference on Education</a>
+                                    </h5>
+                                    <div class="contentCard-info d-flex align-items-center justify-content-between">
+                                        <a href="instructor-profile.html"
+                                            class="contentCard-user d-flex align-items-center">
+                                            <img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
+                                                alt="client-image" class="rounded-circle" />
+                                            <p class="font-para--md">Brandon Dias</p>
+                                        </a>
+                                        <div class="contentCard-course--status d-flex align-items-center">
+                                            <span class="percentage">43%</span>
+                                            <p>Finish</p>
+                                        </div>
+                                    </div>
+                                    <a class="button button-md button--primary-outline w-100 my-3"
+                                        href="{{route('watchCourse')}}">Watch Course</a>
+                                    <div class="contentCard-watch--progress">
+                                        <span class="percentage" style="width: 43%;"></span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-4 col-md-6 col-md-6 mb-4">
+                            <div class="contentCard contentCard--watch-course">
+                                <div class="contentCard-top">
+                                    <a href="{{route('courseDetails')}}"><img
+                                            src="{{asset('public/frontend/dist/images/courses/demo-img-01.png')}}"
+                                            alt="images" class="img-fluid" /></a>
+                                </div>
+                                <div class="contentCard-bottom">
+                                    <h5>
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                            Conference on Education</a>
+                                    </h5>
+                                    <div class="contentCard-info d-flex align-items-center justify-content-between">
+                                        <a href="instructor-profile.html"
+                                            class="contentCard-user d-flex align-items-center">
+                                            <img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
+                                                alt="client-image" class="rounded-circle" />
+                                            <p class="font-para--md">Brandon Dias</p>
+                                        </a>
+                                        <div class="contentCard-course--status d-flex align-items-center">
+                                            <span class="percentage">43%</span>
+                                            <p>Finish</p>
+                                        </div>
+                                    </div>
+                                    <a class="button button-md button--primary-outline w-100 my-3"
+                                        href="{{route('watchCourse')}}">Watch Course</a>
+                                    <div class="contentCard-watch--progress">
+                                        <span class="percentage" style="width: 43%;"></span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-12 mt-lg-5">
+                            <div class="pagination justify-content-center pb-0">
+                                <div class="pagination-group">
+                                    <a href="#" class="p_prev">
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828"
+                                            viewBox="0 0 9.414 16.828">
+                                            <path data-name="Icon feather-chevron-left" d="M20.5,23l-7-7,7-7"
+                                                transform="translate(-12.5 -7.586)" fill="none" stroke="#1a2224"
+                                                stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
+                                        </svg>
+                                    </a>
+                                    <a href="#!1" class="cdp_i active">01</a>
+                                    <a href="#!2" class="cdp_i">02</a>
+                                    <a href="#!3" class="cdp_i">03</a>
+                                    <a href="#!+1" class="p_next">
+                                        <svg width="10" height="16" viewBox="0 0 10 16" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg">
+                                            <path d="M1.5 1L8.5 8L1.5 15" stroke="#35343E" stroke-width="2"
+                                                stroke-linecap="round" stroke-linejoin="round"></path>
+                                        </svg>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {{-- Completed Courses --}}
+                <div class="tab-pane fade" id="nav-completedcourses" role="tabpanel"
+                    aria-labelledby="nav-completedcourses-tab">
+                    <div class="row">
+                        <div class="col-lg-4 col-md-6 col-md-6 mb-4">
+                            <div class="contentCard contentCard--watch-course">
+                                <div class="contentCard-top">
+                                    <a href="{{route('courseDetails')}}"><img
+                                            src="{{asset('public/frontend/dist/images/courses/demo-img-02.png')}}"
+                                            alt="images" class="img-fluid" /></a>
+                                </div>
+                                <div class="contentCard-bottom">
+                                    <h5>
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                            Conference on Education</a>
+                                    </h5>
+                                    <div class="contentCard-info d-flex align-items-center justify-content-between">
+                                        <a href="instructor-profile.html"
+                                            class="contentCard-user d-flex align-items-center">
+                                            <img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
+                                                alt="client-image" class="rounded-circle" />
+                                            <p class="font-para--md">Brandon Dias</p>
+                                        </a>
+                                        <div class="contentCard-course--status d-flex align-items-center">
+                                            <span class="percentage">100%</span>
+                                            <p>Finish</p>
+                                        </div>
+                                    </div>
+                                    <a class="button button-md button--primary-outline w-100 my-3"
+                                        href="{{route('watchCourse')}}">Watch Course</a>
+                                    <div class="contentCard-watch--progress">
+                                        <span class="percentage" style="width: 100%;"></span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-4 col-md-6 col-md-6 mb-4">
+                            <div class="contentCard contentCard--watch-course">
+                                <div class="contentCard-top">
+                                    <a href="{{route('courseDetails')}}"><img
+                                            src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
+                                            alt="images" class="img-fluid" /></a>
+                                </div>
+                                <div class="contentCard-bottom">
+                                    <h5>
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                            Conference on Education</a>
+                                    </h5>
+                                    <div class="contentCard-info d-flex align-items-center justify-content-between">
+                                        <a href="instructor-profile.html"
+                                            class="contentCard-user d-flex align-items-center">
+                                            <img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
+                                                alt="client-image" class="rounded-circle" />
+                                            <p class="font-para--md">Brandon Dias</p>
+                                        </a>
+                                        <div class="contentCard-course--status d-flex align-items-center">
+                                            <span class="percentage">100%</span>
+                                            <p>Finish</p>
+                                        </div>
+                                    </div>
+                                    <a class="button button-md button--primary-outline w-100 my-3"
+                                        href="{{route('watchCourse')}}">Watch Course</a>
+                                    <div class="contentCard-watch--progress">
+                                        <span class="percentage" style="width: 100%;"></span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-4 col-md-6 col-md-6 mb-4">
+                            <div class="contentCard contentCard--watch-course">
+                                <div class="contentCard-top">
+                                    <a href="{{route('courseDetails')}}"><img
+                                            src="{{asset('public/frontend/dist/images/courses/demo-img-04.png')}}"
+                                            alt="images" class="img-fluid" /></a>
+                                </div>
+                                <div class="contentCard-bottom">
+                                    <h5>
+                                        <a href="{{route('courseDetails')}}" class="font-title--card">Chicago International
+                                            Conference on Education</a>
+                                    </h5>
+                                    <div class="contentCard-info d-flex align-items-center justify-content-between">
+                                        <a href="instructor-profile.html"
+                                            class="contentCard-user d-flex align-items-center">
+                                            <img src="{{asset('public/frontend/dist/images/courses/7.png')}}"
+                                                alt="client-image" class="rounded-circle" />
+                                            <p class="font-para--md">Brandon Dias</p>
+                                        </a>
+                                        <div class="contentCard-course--status d-flex align-items-center">
+                                            <span class="percentage">100%</span>
+                                            <p>Finish</p>
+                                        </div>
+                                    </div>
+                                    <a class="button button-md button--primary-outline w-100 my-3"
+                                        href="{{route('watchCourse')}}">Watch Course</a>
+                                    <div class="contentCard-watch--progress">
+                                        <span class="percentage" style="width: 100%;"></span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-12 mt-lg-5">
+                            <div class="pagination justify-content-center pb-0">
+                                <div class="pagination-group">
+                                    <a href="#" class="p_prev">
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="9.414" height="16.828"
+                                            viewBox="0 0 9.414 16.828">
+                                            <path data-name="Icon feather-chevron-left" d="M20.5,23l-7-7,7-7"
+                                                transform="translate(-12.5 -7.586)" fill="none" stroke="#1a2224"
+                                                stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
+                                        </svg>
+                                    </a>
+                                    <a href="#!1" class="cdp_i active">01</a>
+                                    <a href="#!2" class="cdp_i">02</a>
+                                    <a href="#!3" class="cdp_i">03</a>
+                                    <a href="#!+1" class="p_next">
+                                        <svg width="10" height="16" viewBox="0 0 10 16" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg">
+                                            <path d="M1.5 1L8.5 8L1.5 15" stroke="#35343E" stroke-width="2"
+                                                stroke-linecap="round" stroke-linejoin="round"></path>
+                                        </svg>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                {{-- Purchase History --}}
+                <div class="tab-pane fade" id="nav-purchase" role="tabpanel" aria-labelledby="nav-purchase-tab">
+                    <div class="row">
+                        <div class="col-lg-12">
+                            <div class="purchase-area">
+                                <div class="purchase-area-close">
+                                    <a href="#">
+                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg">
+                                            <path d="M11 1L1 11" stroke="#F15C4C" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                            <path d="M1 1L11 11" stroke="#F15C4C" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </a>
+                                </div>
+                                <div class="d-flex align-items-lg-center align-items-start flex-column flex-lg-row">
+                                    <div class="purchase-area-items">
+                                        <div
+                                            class="purchase-area-items-start d-flex align-items-lg-center flex-column flex-lg-row">
+                                            <div class="image">
+                                                <a href="#">
+                                                    <img src="{{asset('public/frontend/dist/images/courses/demo-img-03.png')}}"
+                                                        alt="Image" />
+                                                </a>
+                                            </div>
+                                            <div class="text d-flex flex-column flex-lg-row">
+                                                <div class="text-main">
+                                                    <h6>
+                                                        <a href="#">Advanced Digital Comic Coloring Concepts &
+                                                            Techniques</a>
+                                                    </h6>
+                                                    <p>By <a href="instructorcourses.html">Kevin Gilbert</a></p>
+                                                </div>
+                                                <p>$87</p>
+                                            </div>
+                                        </div>
+                                        <div
+                                            class="purchase-area-items-start d-flex align-items-lg-center flex-column flex-lg-row">
+                                            <div class="image">
+                                                <a href="#">
+                                                    <img src="{{asset('public/frontend/dist/images/courses/demo-img-05.png')}}"
+                                                        alt="Image" />
+                                                </a>
+                                            </div>
+                                            <div class="text d-flex flex-column flex-lg-row">
+                                                <div class="text-main">
+                                                    <h6>
+                                                        <a href="#">Advanced Digital Comic Coloring Concepts &
+                                                            Techniques</a>
+                                                    </h6>
+                                                    <p>By <a href="instructorcourses.html">Kevin Gilbert</a></p>
+                                                </div>
+                                                <p>$25</p>
+                                            </div>
+                                        </div>
+                                        <div
+                                            class="purchase-area-items-start mb-0 pb-2 d-flex align-items-lg-center flex-column flex-lg-row">
+                                            <div class="image">
+                                                <a href="#">
+                                                    <img src="{{asset('public/frontend/dist/images/courses/8.jpg')}}"
+                                                        alt="Image" />
+                                                </a>
+                                            </div>
+                                            <div class="text d-flex flex-column flex-lg-row">
+                                                <div class="text-main">
+                                                    <h6>
+                                                        <a href="#">Adobe Illustrator CC – Advanced Training Course</a>
+                                                    </h6>
+                                                    <p>By <a href="instructorcourses.html">Kevin Gilbert</a></p>
+                                                </div>
+                                                <p>$14</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="purchase-area-items-end">
+                                        <p>11th Dec, 2020</p>
+                                        <dl class="row">
+                                            <dt class="col-sm-4">Subtotal</dt>
+                                            <dd class="col-sm-8">211 USD</dd>
+
+                                            <dt class="col-sm-4">Total Courses</dt>
+                                            <dd class="col-sm-8">
+                                                03
+                                            </dd>
+
+                                            <dt class="col-sm-4">Payment Type</dt>
+                                            <dd class="col-sm-8">
+                                                Credit Card
+                                            </dd>
+                                        </dl>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row mt-3">
+                        <div class="col-lg-12">
+                            <div class="purchase-area">
+                                <div class="purchase-area-close">
+                                    <a href="#">
+                                        <svg width="12" height="12" viewBox="0 0 12 12" fill="none"
+                                            xmlns="http://www.w3.org/2000/svg">
+                                            <path d="M11 1L1 11" stroke="#F15C4C" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                            <path d="M1 1L11 11" stroke="#F15C4C" stroke-width="1.5"
+                                                stroke-linecap="round" stroke-linejoin="round" />
+                                        </svg>
+                                    </a>
+                                </div>
+                                <div class="d-flex align-items-lg-center align-items-start flex-column flex-lg-row">
+                                    <div class="purchase-area-items">
+                                        <div
+                                            class="purchase-area-items-start mb-0 d-flex align-items-lg-center flex-column flex-lg-row">
+                                            <div class="image">
+                                                <a href="#">
+                                                    <img src="{{asset('public/frontend/dist/images/courses/8.jpg')}}"
+                                                        alt="Image" />
+                                                </a>
+                                            </div>
+                                            <div class="text d-flex flex-column flex-lg-row">
+                                                <div class="text-main">
+                                                    <h6>
+                                                        <a href="#">Digital Art for Beginners - Unleash Your
+                                                            Creativity</a>
+                                                    </h6>
+                                                    <p>By <a href="instructorcourses.html">Kevin Gilbert</a></p>
+                                                </div>
+                                                <p>$14</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <div class="purchase-area-items-end">
+                                        <p>3rd, 2021</p>
+                                        <dl class="row">
+                                            <dt class="col-sm-4">Subtotal</dt>
+                                            <dd class="col-sm-8">211 USD</dd>
+
+                                            <dt class="col-sm-4">Total Courses</dt>
+                                            <dd class="col-sm-8">
+                                                03
+                                            </dd>
+
+                                            <dt class="col-sm-4">Payment Type</dt>
+                                            <dd class="col-sm-8">
+                                                Credit Card
+                                            </dd>
+                                        </dl>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row mt-lg-5 mt-4">
+                        <div class="col-lg-12 text-center">
+                            <p style="color: #42414b !important; font-size: 18px !important;">
+                                Yay! You have seen all your purchase history.
+                                <svg width="31" height="31" viewBox="0 0 31 31" fill="none"
+                                    xmlns="http://www.w3.org/2000/svg">
+                                    <g filter="url(#filter0_d)">
+                                        <path
+                                            d="M15.8653 26.6346C23.1194 26.4329 28.8365 20.3887 28.6347 13.1346C28.433 5.8805 22.3888 0.163433 15.1347 0.365178C7.88061 0.566922 2.16355 6.61108 2.36529 13.8652C2.56704 21.1193 8.61119 26.8363 15.8653 26.6346Z"
+                                            fill="url(#paint0_radial)" />
+                                        <path
+                                            d="M15.8653 26.6346C23.1194 26.4329 28.8365 20.3887 28.6347 13.1346C28.433 5.8805 22.3888 0.163433 15.1347 0.365178C7.88061 0.566922 2.16355 6.61108 2.36529 13.8652C2.56704 21.1193 8.61119 26.8363 15.8653 26.6346Z"
+                                            fill="url(#paint1_linear)" />
+                                        <path
+                                            d="M28.0022 13.1522C28.1942 20.0569 22.7524 25.81 15.8477 26.002C8.94295 26.1941 3.18988 20.7523 2.99785 13.8476C2.80582 6.94284 8.24756 1.18977 15.1523 0.997737C22.057 0.805709 27.8101 6.24744 28.0022 13.1522Z"
+                                            stroke="#D67504" stroke-opacity="0.27" stroke-width="1.26563" />
+                                    </g>
+                                    <path
+                                        d="M17.7944 8.07061C16.9534 8.34992 15.9151 8.39547 15.5022 8.40458C15.0893 8.39547 14.0449 8.34992 13.2069 8.07061C11.61 7.5393 9.03846 7.20231 7.07718 7.24785C5.62595 7.28429 4.12311 7.47859 3.18801 7.66683C2.77208 7.75184 2.50794 8.15866 2.6051 8.57156L2.70528 8.99963C2.76297 9.24859 2.95728 9.43379 3.20016 9.5188C3.32464 9.56434 3.44608 9.64632 3.50073 9.79205C3.66771 10.2444 4.57852 12.9252 5.07036 13.918C5.47415 14.7286 6.56712 15.4239 9.10829 15.436C12.7242 15.4512 13.9751 13.0588 14.5519 11.5165C14.6126 11.3556 14.7037 11.0459 14.7857 10.7454C14.9041 10.3173 15.1652 9.89526 15.2805 9.83454C15.3504 9.80115 15.4293 9.7708 15.5083 9.7708C15.5902 9.7708 15.6692 9.80115 15.739 9.83454C15.8544 9.89526 16.1094 10.3173 16.2278 10.7454C16.3098 11.0459 16.4008 11.3526 16.4616 11.5165C17.0354 13.0619 18.2893 15.4512 21.9021 15.436C24.4433 15.4269 25.5363 14.7317 25.9401 13.918C26.4319 12.9283 27.3397 10.2444 27.5097 9.79205C27.5644 9.64632 27.6828 9.56434 27.8072 9.5188C28.0501 9.43379 28.2414 9.24859 28.3021 8.99963L28.4023 8.56852C28.4964 8.15562 28.2323 7.7488 27.8194 7.66379C26.8843 7.47555 25.3814 7.28125 23.9302 7.24481C21.9598 7.20231 19.3913 7.5393 17.7944 8.07061Z"
+                                        fill="#261F11" />
+                                    <path
+                                        d="M17.1971 10.4655C17.273 12.2173 18.9792 13.8993 20.5731 14.2849C22.92 14.8526 24.6839 14.3456 25.6858 12.19C25.9864 11.5403 26.6331 10.1224 26.5906 9.36647C26.5177 8.05187 24.8509 8.2826 23.7853 8.25831C23.6699 8.25528 17.0908 8.07008 17.1971 10.4655Z"
+                                        fill="#574A2D" />
+                                    <path
+                                        d="M13.8691 10.4655C13.7932 12.2173 12.087 13.8993 10.4931 14.2849C8.1462 14.8526 6.38226 14.3456 5.38037 12.19C5.0798 11.5403 4.43313 10.1224 4.47563 9.36647C4.5485 8.05187 6.21528 8.2826 7.28093 8.25831C7.39326 8.25528 13.9754 8.07008 13.8691 10.4655Z"
+                                        fill="#574A2D" />
+                                    <g filter="url(#filter1_di)">
+                                        <path
+                                            d="M18.303 20.2245C17.9538 20.2245 17.5986 20.2002 17.2373 20.1455C16.8852 20.0939 16.6453 19.766 16.6969 19.4138C16.7485 19.0647 17.0734 18.8218 17.4286 18.8734C19.4628 19.177 21.2692 18.4089 22.0312 16.9121C22.1922 16.5964 22.5808 16.4719 22.8965 16.6328C23.2123 16.7937 23.3398 17.1824 23.1789 17.4981C22.3015 19.2165 20.4525 20.2245 18.303 20.2245Z"
+                                            fill="#823423" />
+                                    </g>
+                                    <defs>
+                                        <filter id="filter0_d" x="0.65517" y="0.360352" width="29.6901" height="29.6901"
+                                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                                            <feColorMatrix in="SourceAlpha" type="matrix"
+                                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+                                            <feOffset dy="1.70518" />
+                                            <feGaussianBlur stdDeviation="0.852591" />
+                                            <feColorMatrix type="matrix"
+                                                values="0 0 0 0 0.9 0 0 0 0 0.6165 0 0 0 0 0.19125 0 0 0 0.33 0" />
+                                            <feBlend mode="normal" in2="BackgroundImageFix"
+                                                result="effect1_dropShadow" />
+                                            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow"
+                                                result="shape" />
+                                        </filter>
+                                        <filter id="filter1_di" x="16.2636" y="16.5625" width="7.41119" height="4.51454"
+                                            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+                                            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+                                            <feColorMatrix in="SourceAlpha" type="matrix"
+                                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
+                                            <feOffset dy="0.426295" />
+                                            <feGaussianBlur stdDeviation="0.213148" />
+                                            <feColorMatrix type="matrix"
+                                                values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.35 0" />
+                                            <feBlend mode="normal" in2="BackgroundImageFix"
+                                                result="effect1_dropShadow" />
+                                            <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow"
+                                                result="shape" />
+                                            <feColorMatrix in="SourceAlpha" type="matrix"
+                                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
+                                            <feOffset dy="0.426295" />
+                                            <feGaussianBlur stdDeviation="0.426295" />
+                                            <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
+                                            <feColorMatrix type="matrix"
+                                                values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
+                                            <feBlend mode="normal" in2="shape" result="effect2_innerShadow" />
+                                        </filter>
+                                        <radialGradient id="paint0_radial" cx="0" cy="0" r="1"
+                                            gradientUnits="userSpaceOnUse"
+                                            gradientTransform="translate(15.1347 0.365178) rotate(88.407) scale(26.2796)">
+                                            <stop stop-color="#EED919" offset="1" />
+                                            <stop offset="1" stop-color="#F1BE08" />
+                                        </radialGradient>
+                                        <linearGradient id="paint1_linear" x1="15.1347" y1="0.365178" x2="15.8653"
+                                            y2="26.6346" gradientUnits="userSpaceOnUse">
+                                            <stop stop-color="white" offset="1" stop-opacity="0.52" />
+                                            <stop offset="1" stop-color="white" stop-opacity="0" />
+                                            <stop offset="1" stop-color="white" stop-opacity="0" />
+                                        </linearGradient>
+                                    </defs>
+                                </svg>
+                            </p>
+                        </div>
+                    </div>
+                </div>
+
+                {{-- Setting --}}
+                <div class="tab-pane fade" id="nav-setting" role="tabpanel" aria-labelledby="nav-setting-tab">
+                    <div class="row">
+                        <div class="col-lg-9 order-2 order-lg-0">
+                            <div class="white-bg">
+                                <div class="students-info-form">
+                                    <h6 class="font-title--card">Your Information</h6>
+                                    <form action="#">
+                                        <div class="row g-3">
+                                            <div class="col-lg-6">
+                                                <label for="fname">First Name</label>
+                                                <input type="text" class="form-control" placeholder="Phillip"
+                                                    id="fname" />
+                                            </div>
+                                            <div class="col-lg-6">
+                                                <label for="lname">Last Name</label>
+                                                <input type="text" class="form-control" placeholder="Bergson"
+                                                    id="lname" />
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-12">
+                                                <label for="email">Email</label>
+                                                <input type="email" id="email" class="form-control"
+                                                    placeholder="phillip.bergson@gmail.com" />
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-12">
+                                                <label for="do">What Do You Do</label>
+                                                <input type="text" id="do" class="form-control"
+                                                    placeholder="UI/UX Designer" />
+                                            </div>
+                                        </div>
+                                        <div class="row g-3">
+                                            <div class="col-lg-6">
+                                                <label for="pnumber">Phone Number</label>
+                                                <input type="text" class="form-control" placeholder="+8801236-858966"
+                                                    id="pnumber" />
+                                            </div>
+                                            <div class="col-lg-6">
+                                                <label for="nationality">Nationality</label>
+                                                <input type="text" class="form-control" placeholder="Bangladesh"
+                                                    id="nationality" />
+                                            </div>
+                                        </div>
+                                        <div class="d-flex justify-content-lg-end justify-content-center mt-2">
+                                            <button class="button button-lg button--primary" type="submit">Save
+                                                Changes</button>
+                                        </div>
+                                    </form>
+                                </div>
+                            </div>
+                            <div class="white-bg mt-4">
+                                <div class="students-info-form">
+                                    <h6 class="font-title--card">Change Password</h6>
+                                    <form action="#">
+                                        <div class="row">
+                                            <div class="col-12">
+                                                <label for="cpass">Current Password</label>
+                                                <div class="input-with-icon">
+                                                    <input type="password" id="cpass" class="form-control"
+                                                        placeholder="Enter Password" />
+                                                    <div class="input-icon" onclick="showPassword('cpass',this)">
+                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                                                            viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                            stroke-width="2" stroke-linecap="round"
+                                                            stroke-linejoin="round" class="feather feather-eye">
+                                                            <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z">
+                                                            </path>
+                                                            <circle cx="12" cy="12" r="3"></circle>
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-12">
+                                                <label for="npass">New Password</label>
+                                                <div class="input-with-icon">
+                                                    <input type="password" id="npass" class="form-control"
+                                                        placeholder="Enter Password" />
+                                                    <div class="input-icon" onclick="showPassword('npass',this)">
+                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                                                            viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                            stroke-width="2" stroke-linecap="round"
+                                                            stroke-linejoin="round" class="feather feather-eye">
+                                                            <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z">
+                                                            </path>
+                                                            <circle cx="12" cy="12" r="3"></circle>
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="row">
+                                            <div class="col-12">
+                                                <label for="cnpass">Confirm New Password</label>
+                                                <div class="input-with-icon">
+                                                    <input type="password" id="cnpass" class="form-control"
+                                                        placeholder="Enter Password" />
+                                                    <div class="input-icon" onclick="showPassword('cnpass',this)">
+                                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                                                            viewBox="0 0 24 24" fill="none" stroke="currentColor"
+                                                            stroke-width="2" stroke-linecap="round"
+                                                            stroke-linejoin="round" class="feather feather-eye">
+                                                            <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z">
+                                                            </path>
+                                                            <circle cx="12" cy="12" r="3"></circle>
+                                                        </svg>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="d-flex justify-content-lg-end justify-content-center mt-2">
+                                            <button class="button button-lg button--primary" type="submit">Save
+                                                Changes</button>
+                                        </div>
+                                    </form>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-lg-3 order-1 order-lg-0 mt-4 mt-lg-0">
+                            <div class="white-bg">
+                                <div class="change-image-wizard">
+                                    <div class="image mx-auto">
+                                        <img src="{{asset('public/frontend/dist/images/user/user-img-01.jpg')}}"
+                                            alt="User" />
+                                    </div>
+                                    <form action="#">
+                                        <div class="d-flex justify-content-center">
+                                            <button type="submit" class="button button--primary-outline">CHANGE
+                                                iMAGE</button>
+                                        </div>
+                                    </form>
+                                    <p>Image size should be under 1MB image ratio 200px.</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </div>
+
+    </div>
+</section>
 
 @endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 3b0654e..6a89570 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -42,7 +42,7 @@
 
 Route::middleware(['checkauth'])->prefix('admin')->group(function () {
     Route::get('/dashboard', [dashboard::class, 'index'])->name('dashboard');
-Route::get('userProfile', [auth::class, 'show'])->name('userProfile');
+    Route::get('userProfile', [auth::class, 'show'])->name('userProfile');
 });
 
 Route::middleware(['checkrole'])->prefix('admin')->group(function () {
@@ -74,6 +74,14 @@
 
 Route::middleware(['checkstudent'])->prefix('students')->group(function () {
     Route::get('/dashboard', [studashboard::class, 'index'])->name('studentdashboard');
+
+    Route::get('/watchCourse', function () {
+        return view('frontend.watchCourse');
+    })->name('watchCourse');
+
+    Route::get('/studentProfile', function () {
+        return view('frontend.studentProfile');
+    })->name('studentProfile');
 });
 
 
@@ -93,17 +101,10 @@
     return view('frontend.courseDetails');
 })->name('courseDetails');
 
-Route::get('/watchCourse', function () {
-    return view('frontend.watchCourse');
-})->name('watchCourse');
-
 Route::get('/about', function () {
     return view('frontend.about');
 })->name('about');
 
-Route::get('/studentProfile', function () {
-    return view('frontend.studentProfile');
-})->name('studentProfile');
 
 Route::get('/instructorProfile', function () {
     return view('frontend.instructorProfile');