HomeForStudent

HomeForStudent.
jsp
<%--
Document : Home
Created on : Jun 18, 2024, 8:30:50 PM
Author : My Lap
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>eLEARNING - eLearning HTML Template</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">

<link href="img/favicon.ico" rel="icon">

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Heebo:wght@400;500;600&family=Nunito:wght@600;700;800&display=swap" rel="stylesheet">


<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
rel="stylesheet">

<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

<link href="css/bootstrap.min.css" rel="stylesheet">

<link href="css/style.css" rel="stylesheet">
</head>
<body>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>JSP Page</title>

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
rel="stylesheet">

rel="stylesheet">
</head>
<body>

<nav class="navbar navbar-expand-lg bg-white navbar-light shadow sticky-top p-0">
<a href="Home" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img style="width:150px" src="img/logo/logo.png" alt="Toad Learning"/>
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-

target="#navbarCollapse">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<div class="navbar-nav col-lg-12">
<form class="d-flex col-lg-6 p-4 search-items" role="search">
<input class="form-control" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
<div class="d-flex col-lg-4 mx-auto align-items-center">
<a href="homes" class="nav-item nav-link active">Home</a>
<a href="about" class="nav-item nav-link">About</a>
<a href="cHome" class="nav-item nav-link">Courses</a>
<a href="contact" class="nav-item nav-link">Contact</a>
<a href="myCourseStudent" class="nav-item nav-link">My Courses</a>

</div>
<div class="d-flex align-items-center">

<li class="nav-item dropdown no-arrow">
<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="mr-2 d-none d-lg-inline text-gray-600 small">$

{sessionScope.user.username}</span>
<img width="10px" height="10px" class="img-profile rounded-circle"

src="https://e7.pngegg.com/pngimages/84/165/png-clipart-united-states-avatar-organization-
information-user-avatar-service-computer-wallpaper-thumbnail.png">
</a>

<div class="dropdown-menu dropdown-menu-right shadow animated--grow-in"
aria-labelledby="userDropdown">
<a class="dropdown-item" href="#">
<i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
Profile
</a>
<i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>
Settings
</a>
<i class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i>
Activity Log
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="logout">
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>

Logout
</a>
</div>
</li>
</div>
</div>
</div>
</nav>


<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>

<div class="container-fluid p-0 mb-5">
<div class="owl-carousel header-carousel position-relative">
<div class="owl-carousel-item position-relative">
<img class="img-fluid" src="img/carousel-1.jpg" alt="">
<div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center"

style="background: rgba(24, 29, 56, .7);">
<div class="container">
<div class="row justify-content-start">

<div class="col-sm-10 col-lg-8">
<h5 class="text-primary text-uppercase mb-3 animated slideInDown">Best Online

Courses</h5>
<h1 class="display-3 text-white animated slideInDown">The Best Online Learning

Platform</h1>
<p class="fs-5 text-white mb-4 pb-2">Vero elitr justo clita lorem. Ipsum dolor at sed
stet sit diam no. Kasd rebum ipsum et diam justo clita et kasd rebum sea sanctus eirmod elitr.</p>
<a href="" class="btn btn-primary py-md-3 px-md-5 me-3 animated

slideInLeft">Read More</a>
<a href="" class="btn btn-light py-md-3 px-md-5 animated slideInRight">Join

Now</a>
</div>
</div>
</div>
</div>
</div>
<div class="owl-carousel-item position-relative">
<img class="img-fluid" src="img/carousel-2.jpg" alt="">
<div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center"

style="background: rgba(24, 29, 56, .7);">
<div class="row justify-content-start">
<div class="col-sm-10 col-lg-8">
<h5 class="text-primary text-uppercase mb-3 animated slideInDown">Best Online

Courses</h5>
<h1 class="display-3 text-white animated slideInDown">Get Educated Online From

Your Home</h1>
<p class="fs-5 text-white mb-4 pb-2">Vero elitr justo clita lorem. Ipsum dolor at sed
stet sit diam no. Kasd rebum ipsum et diam justo clita et kasd rebum sea sanctus eirmod elitr.</p>
<a href="" class="btn btn-primary py-md-3 px-md-5 me-3 animated

slideInLeft">Read More</a>
<a href="" class="btn btn-light py-md-3 px-md-5 animated slideInRight">Join

Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="container-xxl py-5">
<div class="row g-4">
<div class="col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="service-item text-center pt-3">
<div class="p-4">
<i class="fa fa-3x fa-graduation-cap text-primary mb-4"></i>
<h5 class="mb-3">Skilled Instructors</h5>
<p>Diam elitr kasd sed at elitr sed ipsum justo dolor sed clita amet diam</p>
</div>
</div>
</div>
<div class="p-4">
<i class="fa fa-3x fa-globe text-primary mb-4"></i>
<h5 class="mb-3">Online Classes</h5>
</div>
</div>
</div>
<div class="p-4">
<i class="fa fa-3x fa-home text-primary mb-4"></i>
<h5 class="mb-3">Home Projects</h5>
</div>
</div>
</div>
<div class="p-4">
<i class="fa fa-3x fa-book-open text-primary mb-4"></i>
<h5 class="mb-3">Book Library</h5>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="img-fluid position-absolute w-100 h-100" src="img/about.jpg" alt=""

style="object-fit: cover;">
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
<h6 class="section-title bg-white text-start text-primary pe-3">About Us</h6>
<h1 class="mb-4">Welcome to eLEARNING</h1>
<p class="mb-4">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit. Aliqu diam
amet diam et eos. Clita erat ipsum et lorem et sit.</p>
amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo magna dolore erat
amet</p>
<div class="row gy-2 gx-4 mb-4">
<div class="col-sm-6">
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Skilled

Instructors</p>
</div>
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Online

Classes</p>
</div>
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>International

Certificate</p>
</div>

Instructors</p>
</div>
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Online

Classes</p>
</div>

Certificate</p>
</div>
</div>
<a class="btn btn-primary py-3 px-5 mt-2" href="">Read More</a>
</div>
</div>
</div>
</div>


<div class="container-xxl py-5 category">
<div class="text-center wow fadeInUp" data-wow-delay="0.1s">
<h6 class="section-title bg-white text-center text-primary px-3">Categories</h6>
<h1 class="mb-5">Courses Categories</h1>
</div>
<div class="col-lg-7 col-md-6">
<div class="col-lg-12 col-md-12 wow zoomIn" data-wow-delay="0.1s">

<a class="position-relative d-block overflow-hidden" href="">
<img class="img-fluid" src="img/cat-1.jpg" alt="">
<div class="bg-white text-center position-absolute bottom-0 end-0 py-2 px-3"

style="margin: 1px;">
<h5 class="m-0">${topics.get(0).topicID}</h5>
<small class="text-primary">${topics.get(0).topicName}</small>
</div>
</a>
</div>

</div>
</a>
</div>

</div>
</a>
</div>
</div>
</div>
<div class="col-lg-5 col-md-6 wow zoomIn" data-wow-delay="0.7s" style="min-height:

350px;">
<a class="position-relative d-block h-100 overflow-hidden" href="">
<img class="img-fluid position-absolute w-100 h-100" src="img/cat-4.jpg" alt=""


</div>
</a>
</div>
</div>
</div>
</div>

<h6 class="section-title bg-white text-center text-primary px-3">Courses</h6>
<h1 class="mb-5">Popular Courses</h1>
</div>
<div class="row g-4 justify-content-center">

<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">

<div class="course-item bg-light">
<div class="position-relative overflow-hidden">
<img class="img-fluid" src="https://encrypted-tbn0.gstatic.com/images?

q=tbn:ANd9GcTkU37bC3aUEAg0qYSGMVI6OJoxVxy2r-KrSw&s" alt="">
<div class="w-100 d-flex justify-content-center position-absolute bottom-0 start-0 mb-4">
<a href="coursedetail?course_ID=${courses.get(0).courseID}" class="flex-shrink-0 btn

btn-sm btn-primary px-3 border-end" style="border-radius: 30px 0 0 30px;">Read More</a>
<a href="#" class="flex-shrink-0 btn btn-sm btn-primary px-3" style="border-radius: 0

30px 30px 0;">Join Now</a>
</div>
</div>
<div class="text-center p-4 pb-0">
<h3 class="mb-0">$${courses.get(0).salePrice}</h3>
<div class="mb-3">
<small class="fa fa-star text-primary"></small>
<small>(123)</small>
</div>
<h5 class="mb-4">${courses.get(0).title}</h5>
</div>
<div class="d-flex border-top">
<small class="flex-fill text-center border-end py-2"><i class="fa fa-user-tie text-primary me-

2"></i>${courses.get(0).userID.Name}</small>
<small class="flex-fill text-center border-end py-2"><i class="fa fa-clock text-primary me-

2"></i>1.49 Hrs</small>
<small class="flex-fill text-center py-2"><i class="fa fa-user text-primary me-2"></i>30

Students</small>
</div>
</div>
</div>


q=tbn:ANd9GcTA4SglSeDo3oHtNtHmXf07Qtr-EMDKR3PTjA&s" alt="">
<a href="coursedetail?course_ID=ASU103" class="flex-shrink-0 btn btn-sm btn-primary

px-3 border-end" style="border-radius: 30px 0 0 30px;">Read More</a>

</div>
</div>
<h3 class="mb-0">$299.00</h3>
<div class="mb-3">
</div>
<h5 class="mb-4">Create and Lead an Ethical Data-Driven Organization</h5>
</div>

2"></i>John Doe</small>

2"></i>1.49 Hrs</small>

Students</small>
</div>
</div>
</div>


q=tbn:ANd9GcThzOpcL1mBQPISd179IhKgraSOSGsr8SA8Ig&s" alt="">
<a href="#" class="flex-shrink-0 btn btn-sm btn-primary px-3 border-end" style="border-

radius: 30px 0 0 30px;">Read More</a>

</div>
</div>
<h3 class="mb-0">$399.00</h3>
<div class="mb-3">

</div>
<h5 class="mb-4">Ethics of Artificial Intelligence</h5>
</div>
<small class="flex-fill text-center border-end py-2"><i class="fa fauser-tie text-primary me-

<small class="flex-fill text-center border-end py-2"><i class="fa fa-clock text-primary me-2"></i>1.49

Hrs</small>
<small class="flex-fill text-center py-2"><i class="fa fa-user text-primary me-2"></i>30 Students</small>
</div>
</div>
</div>


q=tbn:ANd9GcR3BhyRolVBEFVjaFpWrPCdhVu6JD4eazWEYQ&s" alt="">

<a href="#" class="flex-shrink-0 btn btn-sm btn-primary px-3" style="border-radius: 0 30px

30px 0;">Join Now</a>
</div>
</div>
<h3 class="mb-0">$199.00</h3>
<div class="mb-3">

</div>
<h5 class="mb-4">Using Databases with Python</h5>
</div>


2"></i>1.49 Hrs</small>

Students</small>
</div>
</div>
</div>

<img class="img-fluid"
src="https://m.media-amazon.com/images/I/81ijZGY8ZOL._AC_UF1000,1000_QL80_.jpg" alt="">

<a href="#" class="flex-shrink-0 btn btn-sm btn-primary px-3" style="border-radius: 0 30px

30px 0;">Join Now</a>
</div>
</div>
<h3 class="mb-0">$399.00</h3>
<div class="mb-3">
</div>
<h5 class="mb-4">Python for Everybody</h5>
</div>


2"></i>1.49 Hrs</small>

Students</small>
</div>
</div>
</div>
</div>
</div>
</div>




<h6 class="section-title bg-white text-center text-primary px-3">Instructors</h6>
<h1 class="mb-5">Expert Instructors</h1>
</div>
<div class="team-item bg-light">
<div class="overflow-hidden">
<img class="img-fluid" src="img/team-1.jpg" alt="">
</div>
<div class="position-relative d-flex justify-content-center" style="margin-top: -23px;">
<div class="bg-light d-flex justify-content-center pt-2 px-1">
<a class="btn btn-sm-square btn-primary mx-1" href=""><i class="fab fa-facebook-

f"></i></a>
<a class="btn btn-sm-square btn-primary mx-1" href=""><i class="fab

fa-twitter"></i></a>
<a class="btn btn-sm-square btn-primary mx-1" href=""><i class="fab fa-

instagram"></i></a>
</div>
</div>
<div class="text-center p-4">
<h5 class="mb-0">Instructor Name</h5>
<small>Designation</small>
</div>
</div>
</div>
</div>

f"></i></a>


instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>

f"></i></a>


instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>

f"></i></a>


instagram"></i></a>
</div>
</div>

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


<div class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">
<div class="text-center">
<h6 class="section-title bg-white text-center text-primary px-3">Testimonial</h6>
<h1 class="mb-5">Our Students Say!</h1>
</div>
<div class="owl-carousel testimonial-carousel position-relative">
<div class="testimonial-item text-center">
<img class="border rounded-circle p-2 mx-auto mb-3" src="img/testimonial-1.jpg"

style="width: 80px; height: 80px;">
<h5 class="mb-0">Client Name</h5>
<p>Profession</p>
<div class="testimonial-text bg-light text-center p-4">
<p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet
diam et eos. Clita erat ipsum et lorem et sit.</p>
</div>
</div>

<p>Profession</p>
</div>
</div>

<p>Profession</p>
</div>
</div>

<p>Profession</p>
</div>
</div>
</div>
</div>
</div>


<div class="container-fluid bg-dark text-light footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">
<div class="container py-5">
<h4 class="text-white mb-3">Quick Link</h4>
<a class="btn btn-link" href="">About Us</a>
<a class="btn btn-link" href="">Contact Us</a>
<a class="btn btn-link" href="">Privacy Policy</a>
<a class="btn btn-link" href="">Terms & Condition</a>
<a class="btn btn-link" href="">FAQs & Help</a>
</div>
<h4 class="text-white mb-3">Contact</h4>
<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>123 Street, New York, USA</p>
<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+012 345 67890</p>
<p class="mb-2"><i class="fa fa-envelope me-3"></i>info@example.com</p>
<div class="d-flex pt-2">
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
</div>
</div>

<h4 class="text-white mb-3">Gallery</h4>
<div class="row g-2 pt-2">
<div class="col-4">
<img class="img-fluid bg-light p-1" src="img/course-1.jpg" alt="">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
</div>
</div>
<h4 class="text-white mb-3">Newsletter</h4>
<p>Dolor amet sit justo amet elitr clita ipsum elitr est.</p>
<div class="position-relative mx-auto" style="max-width: 400px;">
<input class="form-control border-0 w-100 py-3 ps-4 pe-5" type="text"

placeholder="Your email">
<button type="button" class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2
me-2">SignUp</button>
</div>
</div>
</div>
</div>
<div class="copyright">
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
© <a class="border-bottom" href="#">Your Site Name</a>, All Right Reserved.

Designed By <a class="border-bottom" href="https://htmlcodex.com">HTML

Codex</a><br><br>
Distributed By <a class="border-bottom"

href="https://themewagon.com">ThemeWagon</a>
</div>
<div class="col-md-6 text-center text-md-end">
<div class="footer-menu">
<a href="">Home</a>
<a href="">Cookies</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
</div>
</div>
</div>


<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi

bi-arrow-up"></i></a>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></
script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/waypoints/waypoints.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>

<script src="js/main.js"></script>
</body>
</html>
HomeForStudent Servlet
/*
* Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
* Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/Servlet.java to edit this template
*/
package controller.HomeForStudent;
import dao.CourseDAO;
import dao.TopicDAO;
import entity.Course;
import entity.Topic;
import java.io.IOException;
import java.io.PrintWriter;
import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import java.util.List;
/**
* @author My Lap
*/
@WebServlet(name = "HomeStudent", urlPatterns = {"/homes"})
public class HomeStudent extends HttpServlet {
/**
* Processes requests for both HTTP <code>GET</code> and <code>POST</code>
* methods.
*
* @param request servlet request
* @param response servlet response
* @throws ServletException if a servlet-specific error occurs
* @throws IOException if an I/O error occurs
*/
protected void processRequest(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html;charset=UTF-8");
try (PrintWriter out = response.getWriter()) {
/* TODO output your page here. You may use following sample code. */
out.println("<!DOCTYPE html>");
out.println("<html>");
out.println("<head>");
out.println("<title>Servlet Home</title>");
out.println("</head>");
out.println("<body>");
out.println("<h1>Servlet Home at " + request.getContextPath() + "</h1>");
out.println("</body>");
out.println("</html>");
// <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on the + sign on the left to

edit the code.">
/**
* Handles the HTTP <code>GET</code> method.

*/
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response)
CourseDAO dbCourse = new CourseDAO();
TopicDAO dbTopic = new TopicDAO();
List<Course> courses = dbCourse.listTop5Courses();
List<Topic> topics = dbTopic.findTop4();
request.setAttribute("topics", topics);
request.setAttribute("courses", courses);
request.getRequestDispatcher("views/Dangph//HomePageForStudent/Home.jsp").forward(request,
response);
/**
* Handles the HTTP <code>POST</code> method.
*/
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
processRequest(request, response);
}
/**
* Returns a short description of the servlet.
* @return a String containing servlet description
*/
@Override
public String getServletInfo() {
return "Short description";
}// </editor-fold>
About us. Jsp
<!DOCTYPE html>
<html lang="en">
<head>

family=Heebo:wght@400;500;600&family=Nunito:wght@600;700;800&display=swap" rel="stylesheet">
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css"
rel="stylesheet">

</head>
<body>

<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50
d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<nav class="navbar navbar-expand-lg bg-white navbar-light shadow sticky-top p-0">
<a href="Home" class="navbar-brand d-flex align-items-center px-4 px-lg-5">
<img style="width:150px" src="img/logo/logo.png" alt="Toad Learning"/>
</a>
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-

target="#navbarCollapse">
</button>
<form class="d-flex col-lg-6 p-4 search-items" role="search">
<input class="form-control" type="search" placeholder="Search" aria-label="Search">

<button class="btn btn-outline-success" type="submit">Search</button>
</form>
<a href="homes" class="nav-item nav-link active">Home</a>
<a href="myCourseStudent" class="nav-item nav-link">My Courses</a>
</div>
<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="mr-2 d-none d-lg-inline text-gray-600 small">Admin</span>
<img class="img-profile rounded-circle" src="img/undraw_profile.svg">
</a>
<div class="dropdown-menu dropdown-menu-right shadow animated--grow-in"
<i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
Profile
</a>
<i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>
Settings
</a>

<i class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i>
Activity Log
</a>
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
Logout
</a>
</div>
</li>
</div>
</div>
</div>
</nav>


<div class="container-fluid bg-primary py-5 mb-5 page-header">
<div class="row justify-content-center">
<div class="col-lg-10 text-center">
<h1 class="display-3 text-white animated slideInDown">About Us</h1>
<nav aria-label="breadcrumb">
<ol class="breadcrumb justify-content-center">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">Pages</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">About</li>
</ol>
</nav>
</div>
</div>
</div>
</div>


<div class="p-4">
<i class="fa fa-3x fa-graduation-cap text-primary mb-4"></i>
<h5 class="mb-3">Skilled Instructors</h5>
</div>
</div>
</div>
<div class="p-4">
<i class="fa fa-3x fa-globe text-primary mb-4"></i>
<h5 class="mb-3">Online Classes</h5>
</div>
</div>
</div>
<div class="p-4">
<i class="fa fa-3x fa-home text-primary mb-4"></i>
<h5 class="mb-3">Home Projects</h5>
</div>
</div>
</div>
<div class="p-4">
<i class="fa fa-3x fa-book-open text-primary mb-4"></i>
<h5 class="mb-3">Book Library</h5>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s" style="min-height: 400px;">
<div class="position-relative h-100">
<img class="img-fluid position-absolute w-100 h-100" src="img/about.jpg" alt=""

</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
<h6 class="section-title bg-white text-start text-primary pe-3">About Us</h6>
<h1 class="mb-4">Welcome to eLEARNING</h1>
amet diam et eos. Clita erat ipsum et lorem et sit.</p>
amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo magna dolore erat
amet</p>
<div class="row gy-2 gx-4 mb-4">

Instructors</p>
</div>
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Online Classes</p>
</div>

Certificate</p>
</div>

Instructors</p>
</div>
<p class="mb-0"><i class="fa fa-arrow-right text-primary me-2"></i>Online Classes</p>
</div>

Certificate</p>
</div>
</div>
<a class="btn btn-primary py-3 px-5 mt-2" href="">Read More</a>
</div>
</div>
</div>
</div>


<h6 class="section-title bg-white text-center text-primary px-3">Instructors</h6>
<h1 class="mb-5">Expert Instructors</h1>
</div>
</div>


f"></i></a>


instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>

f"></i></a>


instagram"></i></a>
</div>
</div>

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

f"></i></a>


instagram"></i></a>
</div>
</div>
</div>
</div>
</div>

</div>

f"></i></a>


instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="container-fluid bg-dark text-light footer pt-5 mt-5 wow fadeIn" data-wow-delay="0.1s">

</div>
<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>123 Street, New York, USA</p>
<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+012 345 67890</p>
<p class="mb-2"><i class="fa fa-envelope me-3"></i>info@example.com</p>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-twitter"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-youtube"></i></a>
<a class="btn btn-outline-light btn-social" href=""><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
<div class="col-4">
</div>
</div>
</div>
<p>Dolor amet sit justo amet elitr clita ipsum elitr est.</p>
<div class="position-relative mx-auto" style="max-width: 400px;">
<input class="form-control border-0 w-100 py-3 ps-4 pe-5" type="text" placeholder="Your

email">
<button type="button" class="btn btn-primary py-2 position-absolute top-0 end-0 mt-2 me-
2">SignUp</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-0">
© <a class="border-bottom" href="#">Your Site Name</a>, All Right Reserved.


Designed By <a class="border-bottom" href="https://htmlcodex.com">HTML

Codex</a><br><br>

</div>
<a href="">Home</a>
<a href="">Help</a>
<a href="">FQAs</a>
</div>
</div>
</div>
</div>
</div>
</div>

<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi

bi-arrow-up"></i></a>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
About us servlet
/*
* Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to
change this license
* Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/Servlet.java to
edit this template
*/
/**
*
* @author My Lap
*/
@WebServlet(name="AboutUs", urlPatterns={"/about"})
public class AboutUs extends HttpServlet {
/**
methods.
*/
protected void processRequest(HttpServletRequest request,
HttpServletResponse response)
out.println("<title>Servlet AboutUs</title>");
out.println("<h1>Servlet AboutUs at " + request.getContextPath () +
"</h1>");
}
}
// <editor-fold defaultstate="collapsed" desc="HttpServlet methods. Click on
the + sign on the left to edit the code.">
/**
*/
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse
response)
request.getRequestDispatcher("views/Dangph//HomePageForStudent/about.jsp").forwar
d(request, response);
}
/**
*/
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse
response)
}
/**
*/
@Override
}// </editor-fold>
}
CourseHome.jsp
<!DOCTYPE html>
<html lang="en">
<head>



family=Heebo:wght@400;500;600&family=Nunito:wght@600;700;800&display=swap"
rel="stylesheet">

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/
all.min.css" rel="stylesheet">
<link
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-
icons.css" rel="stylesheet">



</head>
<body>
<div id="spinner" class="show bg-white position-fixed translate-middle w-100
vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height:
3rem;" role="status">
</div>
</div>

<nav class="navbar navbar-expand-lg bg-white navbar-light shadow sticky-
top p-0">
<a href="Home" class="navbar-brand d-flex align-items-center px-4
px-lg-5">
<img style="width:150px" src="img/logo/logo.png" alt="Toad
Learning"/>
</a>
<button type="button" class="navbar-toggler me-4" data-bs-
toggle="collapse" data-bs-target="#navbarCollapse">
</button>
<form class="d-flex col-lg-6 p-4 search-items"
role="search">
<input class="form-control" type="search"
placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success"
type="submit">Search</button>
</form>
<a href="homes" class="nav-item nav-link
active">Home</a>
<a href="myCourseStudent" class="nav-item nav-link">My
Courses</a>
</div>
<a class="nav-link dropdown-toggle" href="#"
id="userDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
<span class="mr-2 d-none d-lg-inline text-gray-
600 small">Admin</span>
<img class="img-profile rounded-circle"
src="img/undraw_profile.svg">
</a>
<div class="dropdown-menu dropdown-menu-right shadow
animated--grow-in"
<i class="fas fa-user fa-sm fa-fw mr-2 text-
gray-400"></i>
Profile
</a>
<i class="fas fa-cogs fa-sm fa-fw mr-2 text-
gray-400"></i>
Settings
</a>
<i class="fas fa-list fa-sm fa-fw mr-2 text-
gray-400"></i>
Activity Log
</a>
<i class="fas fa-sign-out-alt fa-sm fa-fw
mr-2 text-gray-400"></i>
Logout
</a>
</div>
</li>
</div>
</div>
</div>
</nav>


<h1 class="display-3 text-white animated
slideInDown">Courses</h1>
<li class="breadcrumb-item"><a class="text-white"
href="#">Home</a></li>
href="#">Pages</a></li>
<li class="breadcrumb-item text-white active" aria-
current="page">Courses</li>
</ol>
</nav>
</div>
</div>
</div>
</div>


<div class="container-xxl py-5 category">
<h6 class="section-title bg-white text-center text-primary px-
3">Categories</h6>
<h1 class="mb-5">Courses Categories</h1>
</div>
<div class="col-lg-12 col-md-12 wow zoomIn" data-wow-
delay="0.1s">
<a class="position-relative d-block overflow-hidden"
href="">
<img class="img-fluid" src="img/cat-1.jpg"
alt="">
<div class="bg-white text-center position-
absolute bottom-0 end-0 py-2 px-3" style="margin: 1px;">
<h5 class="m-0">Web Design</h5>
<small class="text-primary">49
Courses</small>
</div>
</a>
</div>
delay="0.3s">
href="">
alt="">
<h5 class="m-0">Graphic Design</h5>
Courses</small>
</div>
</a>
</div>
delay="0.5s">
href="">
alt="">
<h5 class="m-0">Video Editing</h5>
Courses</small>
</div>
</a>
</div>
</div>
</div>
<div class="col-lg-5 col-md-6 wow zoomIn" data-wow-delay="0.7s"
style="min-height: 350px;">
<a class="position-relative d-block h-100 overflow-hidden"
href="">
<img class="img-fluid position-absolute w-100 h-100"
src="img/cat-4.jpg" alt="" style="object-fit: cover;">
<div class="bg-white text-center position-absolute
bottom-0 end-0 py-2 px-3" style="margin: 1px;">
<h5 class="m-0">Online Marketing</h5>
<small class="text-primary">49 Courses</small>
</div>
</a>
</div>
</div>
</div>
</div>


3">Courses</h6>
<h1 class="mb-5">Popular Courses</h1>
</div>
<div class="row g-4 justify-content-center">
<div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-
delay="0.1s">
<img class="img-fluid" src="img/course-1.jpg"
alt="">
<div class="w-100 d-flex justify-content-center
position-absolute bottom-0 start-0 mb-4">
<a href="#" class="flex-shrink-0 btn btn-sm btn-
primary px-3 border-end" style="border-radius: 30px 0 0 30px;">Read More</a>
primary px-3" style="border-radius: 0 30px 30px 0;">Join Now</a>
</div>
</div>
<h3 class="mb-0">$149.00</h3>
<div class="mb-3">
</div>
<h5 class="mb-4">Web Design & Development Course for
Beginners</h5>
</div>
<small class="flex-fill text-center border-end py-
2"><i class="fa fa-user-tie text-primary me-2"></i>John Doe</small>
2"><i class="fa fa-clock text-primary me-2"></i>1.49 Hrs</small>
<small class="flex-fill text-center py-2"><i
class="fa fa-user text-primary me-2"></i>30 Students</small>
</div>
</div>
</div>
delay="0.3s">
alt="">
</div>
</div>
<h3 class="mb-0">$149.00</h3>
<div class="mb-3">
</div>
Beginners</h5>
</div>
</div>
</div>
</div>
delay="0.5s">
alt="">
</div>
</div>
<h3 class="mb-0">$149.00</h3>
<div class="mb-3">
</div>
Beginners</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>



<div class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">
<div class="text-center">
3">Testimonial</h6>
<h1 class="mb-5">Our Students Say!</h1>
</div>
<div class="owl-carousel testimonial-carousel position-relative">
<img class="border rounded-circle p-2 mx-auto mb-3"
src="img/testimonial-1.jpg" style="width: 80px; height: 80px;">
<p>Profession</p>
<p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor
diam ipsum sit diam amet diam et eos. Clita erat ipsum et lorem et sit.</p>
</div>
</div>
<p>Profession</p>
</div>
</div>
<p>Profession</p>
</div>
</div>
<p>Profession</p>
</div>
</div>
</div>
</div>
</div>


<div class="container-fluid bg-dark text-light footer pt-5 mt-5 wow fadeIn"
data-wow-delay="0.1s">
</div>
<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>123
Street, New York, USA</p>
<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+012 345
67890</p>
<p class="mb-2"><i class="fa fa-envelope me-
3"></i>info@example.com</p>
<a class="btn btn-outline-light btn-social" href=""><i
class="fab fa-twitter"></i></a>
class="fab fa-facebook-f"></i></a>
class="fab fa-youtube"></i></a>
class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-4">
<img class="img-fluid bg-light p-1" src="img/course-
1.jpg" alt="">
</div>
<div class="col-4">
2.jpg" alt="">
</div>
<div class="col-4">
3.jpg" alt="">
</div>
<div class="col-4">
2.jpg" alt="">
</div>
<div class="col-4">
3.jpg" alt="">
</div>
<div class="col-4">
1.jpg" alt="">
</div>
</div>
</div>
<p>Dolor amet sit justo amet elitr clita ipsum elitr
est.</p>
<div class="position-relative mx-auto" style="max-width:
400px;">
<input class="form-control border-0 w-100 py-3 ps-4 pe-
5" type="text" placeholder="Your email">
<button type="button" class="btn btn-primary py-2
position-absolute top-0 end-0 mt-2 me-2">SignUp</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-
0">
© <a class="border-bottom" href="#">Your Site
Name</a>, All Right Reserved.


<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i
class="bi bi-arrow-up"></i></a>

<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js
"></script>

</body>
</html>
CourseHome servlet
/*
change this license
edit this template
*/
/**
*
* @author My Lap
*/
@WebServlet(name="CourseHome", urlPatterns={"/cHome"})
public class CourseHome extends HttpServlet {
/**
methods.
*/
out.println("<title>Servlet CourseHome</title>");
out.println("<h1>Servlet CourseHome at " + request.getContextPath ()
+ "</h1>");
}
}

/**
*/
@Override
response)
request.getRequestDispatcher("views/Dangph//HomePageForStudent/courses.jsp").forw
ard(request, response);
}
/**
*/
@Override
response)
}
/**
*/
@Override
}// </editor-fold>
}
Contact
<!DOCTYPE html>
<html lang="en">
<head>



family=Heebo:wght@400;500;600&family=Nunito:wght@600;700;800&display=swap"
rel="stylesheet">

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/
all.min.css" rel="stylesheet">
<link
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-
icons.css" rel="stylesheet">



</head>
<body>
<div id="spinner" class="show bg-white position-fixed translate-middle w-100
vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height:
3rem;" role="status">
</div>
</div>

<nav class="navbar navbar-expand-lg bg-white navbar-light shadow sticky-
top p-0">
<a href="Home" class="navbar-brand d-flex align-items-center px-4
px-lg-5">
<img style="width:150px" src="img/logo/logo.png" alt="Toad
Learning"/>
</a>
<button type="button" class="navbar-toggler me-4" data-bs-
toggle="collapse" data-bs-target="#navbarCollapse">
</button>
<form class="d-flex col-lg-6 p-4 search-items"
role="search">
<input class="form-control" type="search"
placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success"
type="submit">Search</button>
</form>
<a href="homes" class="nav-item nav-link
active">Home</a>
<a href="ContactH" class="nav-item nav-link">Contact</a>
<a href="myCourseStudent" class="nav-item nav-link">My
Courses</a>
</div>
<a class="nav-link dropdown-toggle" href="#"
id="userDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-
expanded="false">
<span class="mr-2 d-none d-lg-inline text-gray-
600 small">Admin</span>
<img class="img-profile rounded-circle"
src="img/undraw_profile.svg">
</a>
<div class="dropdown-menu dropdown-menu-right shadow
animated--grow-in"
<i class="fas fa-user fa-sm fa-fw mr-2 text-
gray-400"></i>
Profile
</a>
<i class="fas fa-cogs fa-sm fa-fw mr-2 text-
gray-400"></i>
Settings
</a>
<i class="fas fa-list fa-sm fa-fw mr-2 text-
gray-400"></i>
Activity Log
</a>
<i class="fas fa-sign-out-alt fa-sm fa-fw
mr-2 text-gray-400"></i>
Logout
</a>
</div>
</li>
</div>
</div>
</div>
</nav>


<h1 class="display-3 text-white animated
slideInDown">Contact</h1>
href="#">Home</a></li>
href="#">Pages</a></li>
<li class="breadcrumb-item text-white active" aria-
current="page">Contact</li>
</ol>
</nav>
</div>
</div>
</div>
</div>



3">Contact Us</h6>
<h1 class="mb-5">Contact For Any Query</h1>
</div>
delay="0.1s">
<h5>Get In Touch</h5>
<p class="mb-4">The contact form is currently inactive. Get
a functional and working contact form with Ajax & PHP in a few minutes. Just copy
and paste the files, add a little code and you're done. <a
href="https://htmlcodex.com/contact-form">Download Now</a>.</p>
<div class="d-flex align-items-center mb-3">
<div class="d-flex align-items-center justify-content-
center flex-shrink-0 bg-primary" style="width: 50px; height: 50px;">
<i class="fa fa-map-marker-alt text-white"></i>
</div>
<div class="ms-3">
<h5 class="text-primary">Office</h5>
<p class="mb-0">123 Street, New York, USA</p>
</div>
</div>
<div class="d-flex align-items-center mb-3">
<i class="fa fa-phone-alt text-white"></i>
</div>
<div class="ms-3">
<h5 class="text-primary">Mobile</h5>
<p class="mb-0">+012 345 67890</p>
</div>
</div>
<i class="fa fa-envelope-open text-white"></i>
</div>
<div class="ms-3">
<h5 class="text-primary">Email</h5>
<p class="mb-0">info@example.com</p>
</div>
</div>
</div>
delay="0.3s">
<iframe class="position-relative rounded w-100 h-100"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!
1m3!1d3001156.4288297426!2d-78.01371936852176!3d42.72876761954724!2m3!1f0!2f0!
3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4ccc4bf0f123a5a9%3A0xddcfc6c1de189567!
2sNew%20York%2C%20USA!5e0!3m2!1sen!2sbd!4v1603794290143!5m2!1sen!2sbd"
frameborder="0" style="min-height: 300px; border:0;"
allowfullscreen="" aria-hidden="false"
tabindex="0"></iframe>
</div>
delay="0.5s">
<form>
<div class="col-md-6">
<div class="form-floating">
<input type="text" class="form-control"
id="name" placeholder="Your Name">
<label for="name">Your Name</label>
</div>
</div>
<div class="col-md-6">
<input type="email" class="form-control"
id="email" placeholder="Your Email">
<label for="email">Your Email</label>
</div>
</div>
<div class="col-12">
<input type="text" class="form-control"
id="subject" placeholder="Subject">
<label for="subject">Subject</label>
</div>
</div>
<textarea class="form-control"
placeholder="Leave a message here" id="message" style="height:
150px"></textarea>
<label for="message">Message</label>
</div>
</div>
<button class="btn btn-primary w-100 py-3"
type="submit">Send Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>


<div class="container-fluid bg-dark text-light footer pt-5 mt-5 wow fadeIn"
data-wow-delay="0.1s">
</div>
<p class="mb-2"><i class="fa fa-map-marker-alt me-3"></i>123
Street, New York, USA</p>
<p class="mb-2"><i class="fa fa-phone-alt me-3"></i>+012 345
67890</p>
<p class="mb-2"><i class="fa fa-envelope me-
3"></i>info@example.com</p>
class="fab fa-twitter"></i></a>
class="fab fa-facebook-f"></i></a>
class="fab fa-youtube"></i></a>
class="fab fa-linkedin-in"></i></a>
</div>
</div>
<div class="col-4">
1.jpg" alt="">
</div>
<div class="col-4">
2.jpg" alt="">
</div>
<div class="col-4">
3.jpg" alt="">
</div>
<div class="col-4">
2.jpg" alt="">
</div>
<div class="col-4">
3.jpg" alt="">
</div>
<div class="col-4">
1.jpg" alt="">
</div>
</div>
</div>
<p>Dolor amet sit justo amet elitr clita ipsum elitr
est.</p>
<div class="position-relative mx-auto" style="max-width:
400px;">
<input class="form-control border-0 w-100 py-3 ps-4 pe-
5" type="text" placeholder="Your email">
<button type="button" class="btn btn-primary py-2
position-absolute top-0 end-0 mt-2 me-2">SignUp</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 text-center text-md-start mb-3 mb-md-
0">
© <a class="border-bottom" href="#">Your Site
Name</a>, All Right Reserved.


<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i
class="bi bi-arrow-up"></i></a>

<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js
"></script>

</body>
</html>
Contact home servlet
/*
change this license
edit this template
*/
/**
*
* @author My Lap
*/
@WebServlet(name="Contact", urlPatterns={"/ContactH"})
public class Contact extends HttpServlet {
/**
methods.
*/
out.println("<title>Servlet Contact</title>");
out.println("<h1>Servlet Contact at " + request.getContextPath () +
"</h1>");
}
}

/**
*/
@Override
response)
request.getRequestDispatcher("views/Dangph//HomePageForStudent/contact.jsp").forw
ard(request, response);
}
/**
*/
@Override
response)
}
/**
*/
@Override
}// </editor-fold>

HomeForStudent

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HomeForStudent

Uploaded by

Copyright:

Available Formats

HomeForStudent.

Created on : Jun 18, 2024, 8:30:50 PM

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<title>eLEARNING - eLearning HTML Template</title>

<meta content="width=device-width, initial-scale=1.0" name="viewport">

<meta content="" name="keywords">

<meta content="" name="description">

<link href="img/favicon.ico" rel="icon">

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="lib/animate/animate.min.css" rel="stylesheet">

<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

<link href="css/bootstrap.min.css" rel="stylesheet">

<link href="css/style.css" rel="stylesheet">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<nav class="navbar navbar-expand-lg bg-white navbar-light shadow sticky-top p-0">

<a href="Home" class="navbar-brand d-flex align-items-center px-4 px-lg-5">

<img style="width:150px" src="img/logo/logo.png" alt="Toad Learning"/>

<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-

<div class="collapse navbar-collapse" id="navbarCollapse">

<div class="navbar-nav col-lg-12">

<form class="d-flex col-lg-6 p-4 search-items" role="search">

<input class="form-control" type="search" placeholder="Search" aria-label="Search">

<button class="btn btn-outline-success" type="submit">Search</button>

<div class="d-flex col-lg-4 mx-auto align-items-center">

<a href="homes" class="nav-item nav-link active">Home</a>

<a href="about" class="nav-item nav-link">About</a>

<a href="cHome" class="nav-item nav-link">Courses</a>

<a href="contact" class="nav-item nav-link">Contact</a>

<a href="myCourseStudent" class="nav-item nav-link">My Courses</a>

<div class="d-flex align-items-center">

<li class="nav-item dropdown no-arrow">

<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button"

data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

<span class="mr-2 d-none d-lg-inline text-gray-600 small">$

<img width="10px" height="10px" class="img-profile rounded-circle"

<div class="dropdown-menu dropdown-menu-right shadow animated--grow-in"

<a class="dropdown-item" href="#">

<i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>

<a class="dropdown-item" href="#">

<i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>

<a class="dropdown-item" href="#">

<i class="fas fa-list fa-sm fa-fw mr-2 text-gray-400"></i>

<a class="dropdown-item" href="logout">

<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>

<div class="container-fluid p-0 mb-5">

<div class="owl-carousel header-carousel position-relative">

<div class="owl-carousel-item position-relative">