<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Learning and Teaching</title>
<style>
/* General Styles */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: white;
color: black;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 20px;
background-color: #f8f9fa;
border-bottom: 1px solid #ddd;
}
.logo img {
height: 50px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
nav ul li {
margin-right: 20px;
}
nav ul li a {
text-decoration: none;
color: black;
}
.search-bar {
display: flex;
}
.search-bar input {
padding: 5px;
margin-right: 5px;
}
.button-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
padding: 20px;
}
.button-container button {
padding: 20px;
font-size: 18px;
background-color: #007bff;
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
}
.button-container button:hover {
background-color: #0056b3;
}
.whatsapp-button {
position: fixed;
bottom: 20px;
right: 20px;
}
.whatsapp-button button {
padding: 10px 20px;
background-color: #25d366;
color: white;
border: none;
cursor: pointer;
border-radius: 5px;
}
footer {
text-align: center;
padding: 10px;
background-color: #f8f9fa;
border-top: 1px solid #ddd;
position: fixed;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<!-- Header Section -->
<header>
<div class="logo">
<img src="logo.png" alt="Learning and Teaching Logo">
</div>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
</ul>
</nav>
<div class="search-bar">
<input type="text" id="searchInput" placeholder="Search...">
<button onclick="searchSite()">Search</button>
</div>
</header>
<!-- Main Content Section -->
<main>
<h1>Welcome to Learning and Teaching</h1>
<div class="button-container">
<button onclick="window.location.href='ctet.html'">CTET</button>
<button onclick="window.location.href='msc.html'">M.Sc.</button>
<button onclick="window.location.href='bsc.html'">B.Sc.</button>
<button onclick="window.location.href='10th.html'">10th Science</button>
<button onclick="window.location.href='12th.html'">12th Science</button>
<button onclick="window.location.href='other.html'">Other Exam</button>
</div>
</main>
<!-- WhatsApp Button -->
<div class="whatsapp-button">
<button onclick="sendWhatsAppMessage()">Send Message to Akashdeep Sir</button>
</div>
<!-- Footer Section -->
<footer>
<p>© 2025 Learning and Teaching. All rights reserved.</p>
</footer>
<script>
// Function to send WhatsApp message
function sendWhatsAppMessage() {
const phoneNumber = "+91XXXXXXXXXX"; // Replace with Akashdeep Sir's phone number
const message = "Hello Akashdeep Sir";
const url = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(message)}`;
window.open(url, "_blank");
}
// Function to search the website
function searchSite() {
const searchTerm = document.getElementById("searchInput").value.toLowerCase();
const pages = [
{ name: "CTET", url: "ctet.html" },
{ name: "M.Sc.", url: "msc.html" },
{ name: "B.Sc.", url: "bsc.html" },
{ name: "10th Science", url: "10th.html" },
{ name: "12th Science", url: "12th.html" },
{ name: "Other Exam", url: "other.html" },
{ name: "About Us", url: "about.html" },
{ name: "Privacy Policy", url: "privacy.html" },
];
const foundPage = pages.find(page => page.name.toLowerCase().includes(searchTerm));
if (foundPage) {
window.location.href = foundPage.url;
} else {
alert("No matching page found.");
}
}
</script>
</body>
</html>
Comments
Post a Comment