281 E HTML
281 E HTML
DOCTYPE html>
<html lang="en">
<head>
<title>Educational Website</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body background="images/board.jpg">
<header>
<div class="container">
<marquee><h1 align="center">Educational Website</h1></marquee>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#courses">Courses</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section id="home">
<div class="container">
<h2>Welcome to Our Educational Platform</h2>
<p>Start your learning journey today!</p>
</div>
</section>
<section id="courses">
<div class="container">
<h2>Our Courses</h2>
<div class="course">
<h3>JAVA</h3>
<p>
This course of study builds on the skills gained by students in Java
Fundamentals or Java Foundations to help advance Java programming
skills. Students will design object-oriented applications with Java
and will create Java programs using hands-on, engaging activities
</p>
</div>
<div class="course">
<h3>PYTHON</h3>
<p>
This course includes an overview of the various tools available for
writing and running Python, and gets students coding quickly. It
also provides hands-on coding exercises using commonly used data
structures, writing custom functions, and reading and writing to
files.
</p>
</div>
<div class="course">
<h3>POWER BI</h3>
<p>
Power BI is a collection of software services, apps, and connectors
that work together to turn your unrelated sources of data into
coherent, visually immersive, and interactive insights.
</p>
</div>
</div>
</section>
<section id="about">
<div class="container">
<h2>About Us</h2>
<p>Learn more about our educational platform.</p>
</div>
</section>
<section id="contact">
<div class="container">
<h2>Contact Us</h2>
<p>Reach out to us for any inquiries or feedback.</p>
<form action="submit_contact_form.php" method="POST">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required />
<label for="email">Email:</label>
<input type="email" id="email" name="email" required />
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>
<button type="submit">Submit</button>
</form>
</div>
</section>
<footer>
<div class="container">
<p>© 2024 Educational Website. All rights reserved.</p>
</div>
</footer>
</body>
</html>