Scribd
Upload
2 views2 pages

!Doctype HTML

Uploaded by

Anjali Yadav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
2 views2 pages

!Doctype HTML

Uploaded by

Anjali Yadav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-Learning</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #4CAF50;
color: white;
padding: 1em 0;
text-align: center;
}
nav {
display: flex;
justify-content: center;
background-color: #333;
}
nav a {
color: white;
padding: 14px 20px;
text-decoration: none;
text-align: center;
}
nav a:hover {
background-color: #ddd;
color: black;
}
.container {
padding: 20px;
}
.about, .faq {
background-color: white;
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.about:hover, .faq:hover {
transform: scale(1.05);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px 0;
position: fixed;
width: 100%;
bottom: 0;
}
</style>
</head>
<body>
<header>
<h1>Welcome to E-Learning</h1>
</header>
<nav>
<a href="#about">About Us</a>
<a href="#faq">FAQ</a>
</nav>
<div class="container">
<section id="about" class="about">
<h2>About Us</h2>
<p>We are dedicated to providing the best e-learning experience. Our platform
offers a wide range of courses and resources to help you achieve your learning
goals.</p>
</section>
<section id="faq" class="faq">
<h2>FAQ</h2>
<p><strong>Q1:</strong> What courses do you offer?<br>
<strong>A1:</strong> We offer courses in various fields including
technology, business, and personal development.</p>
<p><strong>Q2:</strong> How can I enroll?<br>
<strong>A2:</strong> You can enroll by creating an account and selecting
the course you are interested in.</p>
</section>
</div>
<footer>
&copy; 2024 E-Learning. All rights reserved.
</footer>
</body>
</html>

You might also like