shell bypass 403
<%- include('include/header') %>
<div class="dashboard-body">
<div class="breadcrumb-with-buttons mb-24 flex-between flex-wrap gap-8">
<!-- Breadcrumb Start -->
<div class="breadcrumb mb-24">
<ul class="flex-align gap-4">
<li><a href="index.html" class="text-gray-200 fw-normal text-15 hover-text-main-600">Home</a></li>
<li> <span class="text-gray-500 fw-normal d-flex"><i class="ph ph-caret-right"></i></span> </li>
<li><span class="text-main-600 fw-normal text-15">Create Account</span></li>
</ul>
</div>
<!-- Breadcrumb End -->
<!-- Buttons Start -->
<div class="flex-align justify-content-end gap-8">
<button type="button" class="btn btn-outline-main bg-main-100 border-main-100 text-main-600 rounded-pill py-9">Save as Draft</button>
<button type="button" class="btn btn-main rounded-pill py-9" disabled>Publish Course</button>
</div>
<!-- Buttons End -->
</div>
<!-- Create Course Step List Start -->
<ul class="step-list mb-24">
<li class="step-list__item py-15 px-24 text-15 text-heading fw-medium flex-center gap-6 active">
<span class="icon text-xl d-flex"><i class="ph ph-circle"></i></span>
Course Details
<span class="line position-relative"></span>
</li>
<li class="step-list__item py-15 px-24 text-15 text-heading fw-medium flex-center gap-6 ">
<span class="icon text-xl d-flex"><i class="ph ph-circle"></i></span>
Upload Videos
<span class="line position-relative"></span>
</li>
<li class="step-list__item py-15 px-24 text-15 text-heading fw-medium flex-center gap-6 ">
<span class="icon text-xl d-flex"><i class="ph ph-circle"></i></span>
About Course
<span class="line position-relative"></span>
</li>
<li class="step-list__item py-15 px-24 text-15 text-heading fw-medium flex-center gap-6 ">
<span class="icon text-xl d-flex"><i class="ph ph-circle"></i></span>
Create Quiz
<span class="line position-relative"></span>
</li>
<li class="step-list__item py-15 px-24 text-15 text-heading fw-medium flex-center gap-6 ">
<span class="icon text-xl d-flex"><i class="ph ph-circle"></i></span>
Publish Course
<span class="line position-relative"></span>
</li>
</ul>
<!-- Create Course Step List End -->
<!-- Course Tab Start -->
<div class="card">
<div class="card-header border-bottom border-gray-100 flex-align gap-8">
<h5 class="mb-0">Course Details</h5>
<button type="button" class="text-main-600 text-md d-flex" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Course Details">
<i class="ph-fill ph-question"></i>
</button>
</div>
<div class="card-body">
<form action="#">
<div class="row gy-20">
<div class="col-xxl-3 col-md-4 col-sm-5">
<div class="mb-20">
<label class="h5 fw-semibold font-heading mb-0">Thumbnail Image <span class="text-13 text-gray-400 fw-medium">(Required)</span> </label>
</div>
<div id="fileUpload" class="fileUpload image-upload"></div>
</div>
<div class="col-xxl-9 col-md-8 col-sm-7">
<div class="row g-20">
<div class="col-sm-12">
<label for="courseTitle" class="h5 mb-8 fw-semibold font-heading">Thumbnail Image <span class="text-13 text-gray-400 fw-medium">(Required)</span> </label>
<div class="position-relative">
<input type="text" class="text-counter placeholder-13 form-control py-11 pe-76" maxlength="100" id="courseTitle" placeholder="Name of the Lesson">
<div class="text-gray-400 position-absolute inset-inline-end-0 top-50 translate-middle-y me-16">
<span id="current">18</span>
<span id="maximum">/ 100</span>
</div>
</div>
</div>
<div class="col-sm-6">
<label for="courseCategory" class="h5 mb-8 fw-semibold font-heading">Course Category </label>
<div class="position-relative">
<select id="courseCategory" class="form-select py-9 placeholder-13 text-15">
<option value="1" disabled selected>Enter course category</option>
<option value="2">Computer Science </option>
<option value="2">Business </option>
<option value="2">Management </option>
<option value="2">Humanities </option>
<option value="2">Data Science</option>
<option value="2">Artificial Intelligence</option>
</select>
</div>
</div>
<div class="col-sm-6">
<label for="courseLevel" class="h5 mb-8 fw-semibold font-heading">Course Level</label>
<div class="position-relative">
<select id="courseLevel" class="form-select py-9 placeholder-13 text-15">
<option value="1" disabled selected>Select course level</option>
<option value="2">Course Level 1</option>
<option value="2">Course Level 2</option>
<option value="2">Course Level 3</option>
<option value="2">Course Level 4</option>
<option value="2">Course Level 5</option>
<option value="2">Course Level 6</option>
</select>
</div>
</div>
<div class="col-sm-6">
<label for="courseTime" class="h5 mb-8 fw-semibold font-heading">Course Time</label>
<div class="position-relative">
<select id="courseTime" class="form-select py-9 placeholder-13 text-15">
<option value="1" disabled selected>Enter course category</option>
<option value="2">5 Hours</option>
<option value="2">10 Hours</option>
<option value="2">15 Hours</option>
<option value="2">20 Hours</option>
</select>
</div>
</div>
<div class="col-sm-6">
<label for="courseLesson" class="h5 mb-8 fw-semibold font-heading">Total Lesson</label>
<div class="position-relative">
<select id="courseLesson" class="form-select py-9 placeholder-13 text-15">
<option value="1" disabled selected>Enter course category</option>
<option value="2">Objectives</option>
<option value="2">Activities</option>
<option value="2">Materials</option>
<option value="2">Timeline</option>
<option value="2">Take home tasks</option>
<option value="2">Pedagogical methods</option>
<option value="2">Teacher's expectations </option>
<option value="2">Assessment</option>
</select>
</div>
</div>
</div>
</div>
<div class="flex-align justify-content-end gap-8">
<a href="mentor-courses.html" class="btn btn-outline-main rounded-pill py-9">Cancel</a>
<a href="upload-videos.html" class="btn btn-main rounded-pill py-9">Continue</a>
</div>
</div>
</form>
</div>
</div>
<!-- Course Tab End -->
</div>
<%- include('include/footer') %>