You are on page 1of 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Institute</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}

header {
background-color: #333;
color: #fff;
text-align: center;
padding: 1em 0;
}

nav {
background-color: #444;
color: #fff;
text-align: center;
padding: 0.5em 0;
}

nav a {
color: #fff;
text-decoration: none;
padding: 1em;
margin: 0 0.5em;
}

section {
padding: 2em;
}

footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 1em 0;
position: absolute;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>

<header>
<h1>Welcome to My Institute</h1>
</header>

<nav>
<a href="#home">Home</a>
<a href="#courses">Courses</a>
<a href="#admissions">Admissions</a>
<a href="#contact">Contact</a>
</nav>

<section id="home">
<h2>Home</h2>
<p>Welcome to our institute website. Learn and grow with us!</p>
</section>

<section id="courses">
<h2>Courses</h2>
<p>Explore our wide range of courses tailored to meet your learning
needs.</p>
</section>

<section id="admissions">
<h2>Admissions</h2>
<p>Apply now to join our institute and embark on a journey of knowledge and
success.</p>
</section>

<section id="contact">
<h2>Contact</h2>
<p>Reach out to us for any queries or information. We are here to assist
you.</p>
</section>

<footer>
<p>&copy; 2024 My Institute. All rights reserved.</p>
</footer>

</body>
</html>

You might also like