Note: This code is for practice and educational purposes only.
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>School-Homepage </title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header Top section start Here -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="#">shool@gmail.com</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">01738242082</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Login </a>
</li>
</div>
</div>
</nav>
<!-- Header Top section End Here -->
<!-- navigation Section start here -->
<nav class="navbar navbar-expand-lg bg-info">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="image/logo.png" alt="" class="w-25">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="teacher.html">Teacher </a>
</li>
<li class="nav-item">
<a class="nav-link" href="student.html">student </a>
</li>
<li class="nav-item">
<a class="nav-link" href="result.html">Result </a>
</li>
<li class="nav-item">
<a class="nav-link" href="academic.html">Academic </a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Login </a>
</li>
</div>
</div>
</nav>
<!-- navigation Section End here -->
<!-- Banner section start here -->
<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="1000">
<img src="image/School.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item" data-bs-interval="1000">
<img src="image/school 02.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item" data-bs-interval="1000">
<img src="image/school 03.jpg" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleInterval"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleInterval"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!-- Banner section End here -->
<!-- School History Section start Here -->
<h1 class="text-center"> School History </h1>
<div class="container">
<div class="row">
<div class="col-md-5">
<div>
<img src="image/school 02.jpg" alt="" class="img-fluid">
</div>
</div>
<div class="col-md-7">
<h2>Dhaka technical instritute</h2>
<p>abdullah al helal</p>
</div>
</div>
</div>
<!-- School History Section End Here -->
<!-- Academic Section start here -->
<h1 class="text-center"> Academic History </h1>
<div class="row">
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Bangla Medium</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">English Medium</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Science Section</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">Art Section </h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<!-- Academic Section End here -->
<!-- Teacher Section start here -->
<h1 class="text-center"> Teacher Section </h1>
<div class="row">
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Sakawat Sir </h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr Neamat Ullah Sr Sy.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Bahar Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Saleh Ahmed.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdul Rahat Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdullah al Helal</h5>
<p class="card-text"> Math Teacher
</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<!-- Teacher Section End here -->
<!-- Notice Section start Her -->
<h1 class="text-center"> Notice Section </h1>
<table class="table">
<thead>
<tr>
<th scope="col">sl No </th>
<th scope="col">Notice</th>
<th scope="col">Date </th>
<th scope="col">Comment </th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>John</td>
<td>Doe</td>
<td>social</td>
</tr>
</tbody>
</table>
<!-- Notice Section End Her -->
<!-- Big Footer section start here -->
<div class="container mt-5">
<footer class="py-5">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Email address</label>
<input id="newsletter1" type="email" class="form-control"
placeholder="Email address" />
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>© 2025 Company, Inc. All rights reserved.</p>
<p id="datetime"></p>
</div>
</footer>
</div>
<!-- Big Footer section End here -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
crossorigin="anonymous">
</script>
<script src="js/script.js"></script>
</body>
</html>
about.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>School-Homepage </title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header Top section start Here -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="#">shool@gmail.com</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">01738242082</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Login </a>
</li>
</div>
</div>
</nav>
<!-- Header Top section End Here -->
<!-- navigation Section start here -->
<nav class="navbar navbar-expand-lg bg-info">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="image/logo.png" alt="" class="w-25">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link " href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" active href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="teacher.html">Teacher </a>
</li>
<li class="nav-item">
<a class="nav-link" href="student.html">student </a>
</li>
<li class="nav-item">
<a class="nav-link" href="result.html">Result </a>
</li>
<li class="nav-item">
<a class="nav-link" href="academic.html">Academic </a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Login </a>
</li>
</div>
</div>
</nav>
<!-- navigation Section start here -->
<!-- Breadcrumn section start here -->
<div class="container">
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">About</li>
</ol>
</nav>
</div>
<!-- Breadcrumn section End here -->
<!-- School History Section start Here -->
<h1 class="text-center"> School History </h1>
<div class="container">
<div class="row">
<div class="col-md-5">
<div>
<img src="image/school 02.jpg" alt="" class="img-fluid">
</div>
</div>
<div class="col-md-7">
<h2>Dhaka technical instritute</h2>
<p>It is Located Mirpur Dhaka technical Mor darus Salam </p>
</div>
</div>
</div>
<!-- School History Section End Here -->
<!-- Head Master Speech start Here -->
<h1 class="text-center"> Head Master Speech </h1>
<div class="container">
<div class="row">
<div class="col-md-5">
<div>
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" alt="" class="img-fluid">
</div>
</div>
<div class="col-md-7">
<h2>Dr-Engr-Md-Sakawat-Ali</h2>
<p>It is Located Mirpur Dhaka technical Mor darus Salam </p>
</div>
</div>
</div>
<!-- Head Master Speech End Here -->
<!-- Vision Mision Start Here -->
<h1 class="text-center"> Mission & Vision </h1>
<p class="text-center"
> our Mission is the bangladesh Developing CountyA vision statement defines an organization's long-term,
aspirational future state (where they want to go), while a mission statement outlines its current, day-to-day
purpose and how they operate (what they do). Together, they form a strategic roadmap for decision-making,
providing both direction for the future and actionable goals for the presen</p>
<!-- Vision Mision End Here -->
<!-- Administration Staff Section start here -->
<h1 class="text-center"> Administration Staff Section </h1>
<div class="row">
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Sakawat Sir </h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr Neamat Ullah Sr Sy.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Bahar Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Saleh Ahmed.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdul Rahat Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdullah al Helal</h5>
<p class="card-text"> Math Teacher
</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<!-- Administration Staff Section End here -->
<!-- Big Footer section start here -->
<div class="container mt-5">
<footer class="py-5">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Email address</label>
<input id="newsletter1" type="email" class="form-control" placeholder="Email address" />
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>© 2025 Company, Inc. All rights reserved.</p>
<p id="datetime"></p>
</div>
</footer>
</div>
<!-- Big Footer section End here -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous">
</script>
<script src="js/script.js"></script>
</body>
</html>
academic.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>School-Homepage </title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header Top section start Here -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="#">shool@gmail.com</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">01738242082</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Login </a>
</li>
</div>
</div>
</nav>
<!-- Header Top section End Here -->
<!-- navigation Section start here -->
<nav class="navbar navbar-expand-lg bg-info">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="image/logo.png" alt="" class="w-25">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="teacher.html">Teacher </a>
</li>
<li class="nav-item">
<a class="nav-link" href="student.html">student </a>
</li>
<li class="nav-item">
<a class="nav-link" href="result.html">Result </a>
</li>
<li class="nav-item">
<a class="nav-link" href="academic.html">Academic </a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Login </a>
</li>
</div>
</div>
</nav>
<!-- navigation Section End here -->
<!-- Breadcrumn section start here -->
<div class="container">
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="about.html">About</a></li>
<li class="breadcrumb-item"><a href="student.html">Student</a></li>
<li class="breadcrumb-item"><a href="result.html">Result</a></li>
<li class="breadcrumb-item"><a href="academic.html">Academic</a></li>
<li class="breadcrumb-item active" aria-current="page">login</li>
</ol>
</nav>
</div>
<!-- Breadcrumn section End here -->
<!-- Department Wise Section -->
<section class="py-5">
<div class="container">
<h3 class="text-center mb-5"> Departments</h3>
<div class="row">
<div class="col-md-4">
<div class="card department-card text-center">
<div class="card-body">
<h5 class="mb-3">Computer Department</h5>
<p class="text-muted text-justify">কম্পিউটার বিভাগ (Computer Department) হলো আধুনিক
প্রযুক্তি শিক্ষাপ্রতিষ্ঠান বা কর্মক্ষেত্রের একটি মূল কেন্দ্র, যেখানে কম্পিউটার বিজ্ঞান
(Computer Science), প্রোগ্রামিং, হার্ডওয়্যার এবং সফটওয়্যার ইঞ্জিনিয়ারিংয়ের ওপর জ্ঞান
অর্জন ও গবেষণা করা হয়। এখানে ডাটা স্ট্রাকচার, অ্যালগরিদম, নেটওয়ার্কিং, এবং কৃত্রিম
বুদ্ধিমত্তার মতো বিষয়গুলো শেখানো হয়। এটি দক্ষ জনশক্তি তৈরির মাধ্যমে তথ্য প্রযুক্তি
(IT) শিল্পের অগ্রগতিতে গুরুত্বপূর্ণ ভূমিকা রাখে।
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card department-card text-center">
<div class="card-body">
<h5 class="mb-3">Electronic Department</h5>
<p class="text-muted text-justify">ইলেকট্রনিক্স বিভাগ হলো আধুনিক প্রকৌশল বিদ্যার একটি অন্যতম
প্রধান শাখা, যা ইলেকট্রন প্রবাহ, সার্কিট ডিজাইন, মাইক্রোকন্ট্রোলার, টেলিকমিউনিকেশন এবং
বৈদ্যুতিক সরঞ্জামের ওপর ভিত্তি করে কাজ করে। এই বিভাগটি প্রযুক্তিগত উদ্ভাবন, ট্রানজিস্টর
ও সেমিকন্ডাক্টর প্রযুক্তি এবং দৈনন্দিন ব্যবহার্য আধুনিক ইলেকট্রনিক ডিভাইস তৈরির মাধ্যমে
শিল্পক্ষেত্রে গুরুত্বপূর্ণ অবদান রাখে.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card department-card text-center">
<div class="card-body">
<h5 class="mb-3">FarmMachinary</h5>
<p class="text-muted text-justify">কৃষি খামার যন্ত্রপাতি বিভাগ বা "ফাম মেশিনারি বিভাগ"
আধুনিক কৃষি ব্যবস্থার একটি অত্যন্ত গুরুত্বপূর্ণ অংশ, যা কৃষিতে যান্ত্রিকীকরণের মাধ্যমে
উৎপাদনশীলতা ও দক্ষতা বৃদ্ধি করে। এই বিভাগ ট্রাক্টর, সিডার, উইডার, এবং কম্বাইন
হারভেস্টারের মতো আধুনিক যন্ত্রপাতি ব্যবহার, রক্ষণাবেক্ষণ ও উদ্ভাবনে কাজ করে, যা ছোট
খামারের উৎপাদন বাড়াতে সাহায্য করে। এছাড়া, এটি বাংলাদেশের মতো কৃষিপ্রধান দেশে ফসলের
নিবিড়তা ও কৃষি যান্ত্রিকীকরণের প্রসারে গুরুত্বপূর্ণ ভূমিকা রাখে</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Academic Calendar Section -->
<section class="py-5 bg-light">
<div class="container">
<h3 class="text-center mb-3"> Academic Calendar 2026</h3>
<div class="calendar-box">
<div class="table-responsive">
<table class="table table-bordered text-center">
<thead class="table-primary">
<tr>
<th>Month</th>
<th>Event</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>New Session Start</td>
<td>10 January</td>
</tr>
<tr>
<td>March</td>
<td>Mid Term Exam</td>
<td>15 March</td>
</tr>
<tr>
<td>June</td>
<td>Summer Vacation</td>
<td>01 June - 15 June</td>
</tr>
<tr>
<td>September</td>
<td>Final Exam</td>
<td>20 September</td>
</tr>
<tr>
<td>December</td>
<td>Result Publish</td>
<td>25 December</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</section>
</main>
<!-- Big Footer section start here -->
<div class="container mt-5">
<footer class="py-5">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Email address</label>
<input id="newsletter1" type="email" class="form-control" placeholder="Email address" />
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>© 2025 Company, Inc. All rights reserved.</p>
<p id="datetime"></p>
</div>
</footer>
</div>
<!-- Big Footer section End here -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous">
</script>
<script src="js/script.js"></script>
</body>
</html>
login.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>School-Homepage </title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header Top section start Here -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="#">shool@gmail.com</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">01738242082</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Login </a>
</li>
</div>
</div>
</nav>
<!-- Header Top section End Here -->
<!-- navigation Section start here -->
<nav class="navbar navbar-expand-lg bg-info">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="image/logo.png" alt="" class="w-25">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="teacher.html">Teacher </a>
</li>
<li class="nav-item">
<a class="nav-link" href="student.html">student </a>
</li>
<li class="nav-item">
<a class="nav-link" href="result.html">Result </a>
</li>
<li class="nav-item">
<a class="nav-link" href="academic.html">Academic </a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Login </a>
</li>
</div>
</div>
</nav>
<!-- navigation Section End here -->
<!-- Breadcrumn section start here -->
<div class="container">
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="about.html">About</a></li>
<li class="breadcrumb-item"><a href="student.html">Student</a></li>
<li class="breadcrumb-item"><a href="result.html">Result</a></li>
<li class="breadcrumb-item"><a href="academic.html">Academic</a></li>
<li class="breadcrumb-item"><a href="login.html">Login</a></li>
<li class="breadcrumb-item active" aria-current="page">login</li>
</ol>
</nav>
</div>
<!-- Breadcrumn section End here -->
<!-- login start here -->
<main class="login-page">
<section class="py-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card">
<div class="card-body">
<form action="" onsubmit="alert('Login Successfuly')">
<div class="mb-3">
<label class="form-label">UserName</label>
<input type="text" class="form-control" required>
</div>
<div class="mb-3">
<label class="form-label">Password</label>
<input type="password" class="form-control" required>
</div>
<div class="mb-3">
<input type="submit" value="Login" class="btn btn-success">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- login end here -->
<!-- Big Footer section start here -->
<div class="container mt-5">
<footer class="py-5">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Email address</label>
<input id="newsletter1" type="email" class="form-control" placeholder="Email address" />
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>© 2025 Company, Inc. All rights reserved.</p>
<p id="datetime"></p>
</div>
</footer>
</div>
<!-- Big Footer section End here -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous">
</script>
<script src="js/script.js"></script>
</body>
</html>
result.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>School-Homepage </title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header Top section start Here -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="#">shool@gmail.com</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">01738242082</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Login </a>
</li>
</div>
</div>
</nav>
<!-- Header Top section End Here -->
<!-- navigation Section start here -->
<nav class="navbar navbar-expand-lg bg-info">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="image/logo.png" alt="" class="w-25">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="teacher.html">Teacher </a>
</li>
<li class="nav-item">
<a class="nav-link" href="student.html">student </a>
</li>
<li class="nav-item">
<a class="nav-link" href="result.html">Result </a>
</li>
<li class="nav-item">
<a class="nav-link" href="academic.html">Academic </a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Login </a>
</li>
</div>
</div>
</nav>
<!-- navigation Section End here -->
<!-- Breadcrumn section start here -->
<div class="container">
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="about.html">About</a></li>
<li class="breadcrumb-item"><a href="student.html">Student</a></li>
<li class="breadcrumb-item"><a href="result.html">Result</a></li>
<li class="breadcrumb-item active" aria-current="page">Academic</li>
</ol>
</nav>
</div>
<!-- Breadcrumn section End here -->
<!-- Student Result Search Section -->
<section class="py-5">
<div class="container">
<h3 class="text-center mb-3">Check Your Result</h3>
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card shadow-sm">
<div class="card-body">
<form id="resultForm">
<!-- Department -->
<div class="mb-3">
<label class="form-label">Select Department</label>
<select class="form-select" id="department">
<option value="">Choose...</option>
<option value="Electronics">Electronics</option>
<option value="Computer">Computer</option>
<option value="FarmMachinary">Farm Machinary</option>
</select>
</div>
<!-- Student ID -->
<div class="mb-3">
<label class="form-label">Student ID</label>
<input type="text" class="form-control" id="studentId"
placeholder="Enter Student ID">
</div>
<button type="submit" class="btn btn-primary w-100">
Search Result
</button>
</form>
<!-- Result Display -->
<div id="resultOutput" class="result-box d-none"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Last Year Result Section -->
<section class="py-5 bg-light">
<div class="container">
<h3 class="text-center mb-3"> Last Year Top Results</h3>
<div class="row">
<div class="col-md-3">
<div class="card text-center">
<img src="image/Math 03.jpg" alt="student image">
<div class="card-body">
<h5>Rahim Ahmed</h5>
<p class="mb-0">Computer</p>
<p class="text-primary fw-bold">GPA 5.00</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card text-center">
<img src="image/Saleh Ahmed.jpg" alt="student image">
<div class="card-body">
<h5>Karim Islam</h5>
<p class="mb-0">Refrizaration & Air Condition </p>
<p class="text-primary fw-bold">GPA 5.00</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card text-center">
<img src="image/English 02.jpg" alt="student image">
<div class="card-body">
<h5>Fatema Noor</h5>
<p class="mb-0">Electronics</p>
<p class="text-primary fw-bold">GPA 5.00</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card text-center">
<img src="image/English.jpg" alt="student image">
<div class="card-body">
<h5>Fatema Noor</h5>
<p class="mb-0">Farm Machinary</p>
<p class="text-primary fw-bold">GPA 5.00</p>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Big Footer section start here -->
<div class="container mt-5">
<footer class="py-5">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Email address</label>
<input id="newsletter1" type="email" class="form-control" placeholder="Email address" />
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>© 2025 Company, Inc. All rights reserved.</p>
<p id="datetime"></p>
</div>
</footer>
</div>
<!-- Big Footer section End here -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
crossorigin="anonymous">
</script>
<script src="js/script.js"></script>
</body>
</html>
student.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>School-Homepage </title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header Top section start Here -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="#">shool@gmail.com</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">01738242082</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Login </a>
</li>
</div>
</div>
</nav>
<!-- Header Top section End Here -->
<!-- navigation Section start here -->
<nav class="navbar navbar-expand-lg bg-info">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="image/logo.png" alt="" class="w-25">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="teacher.html">Teacher </a>
</li>
<li class="nav-item">
<a class="nav-link" href="student.html">student </a>
</li>
<li class="nav-item">
<a class="nav-link" href="result.html">Result </a>
</li>
<li class="nav-item">
<a class="nav-link" href="academic.html">Academic </a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Login </a>
</li>
</div>
</div>
</nav>
<!-- navigation Section End here -->
<!-- Breadcrumn section start here -->
<div class="container">
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="about.html">About</a></li>
<li class="breadcrumb-item"><a href="student.html">Student</a></li>
<li class="breadcrumb-item active" aria-current="page">Result</li>
</ol>
</nav>
</div>
<!-- Breadcrumn section End here -->
<h1 class="text-center">Best Result Student </h1>
<div class="row">
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Sakawat Sir </h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr Neamat Ullah Sr Sy.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Bahar Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Saleh Ahmed.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdul Rahat Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdullah al Helal</h5>
<p class="card-text"> Math Teacher
</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<h1 class="text-center"> Student List Section </h1>
<div class="row">
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Sakawat Sir </h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr Neamat Ullah Sr Sy.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Bahar Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Saleh Ahmed.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdul Rahat Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdullah al Helal</h5>
<p class="card-text"> Math Teacher
</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<h1 class="text-center"> Student Feedback Section </h1>
<div class="row">
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<img src="image/Math 02.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item" data-bs-interval="2000">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-bs-target="#carouselExampleInterval" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="card-body">
<h5 class="card-title">Sakawat Sir </h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk
of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<img src="image/Math 03.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item" data-bs-interval="2000">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="image/bangla 03.jpg" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-bs-target="#carouselExampleInterval" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="card-body">
<h5 class="card-title">Bahar Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk
of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<img src="image/bangla 03.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item" data-bs-interval="2000">
<img src="image/bangla 02.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-bs-target="#carouselExampleInterval" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="card-body">
<h5 class="card-title">Abdul Rahat Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk
of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active" data-bs-interval="10000">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item" data-bs-interval="2000">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="image/bangla 01.jpg" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button"
data-bs-target="#carouselExampleInterval" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button"
data-bs-target="#carouselExampleInterval" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="card-body">
<h5 class="card-title">Abdullah al Helal</h5>
<p class="card-text"> Math Teacher
</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<!-- Big Footer section start here -->
<div class="container mt-5">
<footer class="py-5">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
teacher.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>School-Homepage </title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- Header Top section start Here -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="#">shool@gmail.com</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">01738242082</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Login </a>
</li>
</div>
</div>
</nav>
<!-- Header Top section End Here -->
<!-- navigation Section start here -->
<nav class="navbar navbar-expand-lg bg-info">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="image/logo.png" alt="" class="w-25">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="teacher.html">Teacher </a>
</li>
<li class="nav-item">
<a class="nav-link" href="student.html">student </a>
</li>
<li class="nav-item">
<a class="nav-link" href="result.html">Result </a>
</li>
<li class="nav-item">
<a class="nav-link" href="academic.html">Academic </a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Login </a>
</li>
</div>
</div>
</nav>
<!-- navigation Section End here -->
<!-- Breadcrumn section start here -->
<div class="container">
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item"><a href="about.html">About</a></li>
<li class="breadcrumb-item active" aria-current="page">Teacher</li>
</ol>
</nav>
</div>
<!-- Breadcrumn section End here -->
<h1 class="text-center">Math Teacher Section </h1>
<div class="row">
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Sakawat Sir </h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr Neamat Ullah Sr Sy.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Bahar Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Saleh Ahmed.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdul Rahat Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdullah al Helal</h5>
<p class="card-text"> Math Teacher
</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<h1 class="text-center"> English Teacher Section </h1>
<div class="row">
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Sakawat Sir </h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr Neamat Ullah Sr Sy.jpeg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Bahar Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Saleh Ahmed.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdul Rahat Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdullah al Helal</h5>
<p class="card-text"> Math Teacher
</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<h1 class="text-center"> Bangla Teacher Section </h1>
<div class="row">
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/bangla 01.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Sakawat Sir </h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/bangla 03.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Bahar Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Saleh Ahmed.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdul Rahat Sir</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of
the
card’s content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<div class="col-md-3">
<div class="card" style="width: 18rem;">
<img src="image/Dr-Engr-Md-Sakawat-Ali.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Abdullah al Helal</h5>
<p class="card-text"> Math Teacher
</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
</div>
<div>
</div>
</div>
<!-- Big Footer section start here -->
<div class="container mt-5">
<footer class="py-5">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Section</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Home</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Features</a>
</li>
<li class="nav-item mb-2">
<a href="#" class="nav-link p-0 text-body-secondary">Pricing</a>
</li>
</ul>
</div>
<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Email address</label>
<input id="newsletter1" type="email" class="form-control" placeholder="Email address" />
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>© 2025 Company, Inc. All rights reserved.</p>
<p id="datetime"></p>
</div>
</footer>
</div>
<!-- Big Footer section End here -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
crossorigin="anonymous">
</script>
<script src="js/script.js"></script>
</body>
</html>
style.css
.navbar li{
transition: 05s ease;
border-radius: 10px;
}
.navbar li:hover{
background-color: blue;
}
script.js
// Function to get the current date and time
function getCurrentDateAndTime() {
const dateTime = new Date();
return dateTime.toLocaleString();
}
// Target an HTML element to display the current date and time
const dateDisplay = document.getElementById("datetime");
// Set the innerHTML of the element to the current date and time returned by the function
dateDisplay.innerHTML = getCurrentDateAndTime();
