HTML Project 1
HTML Project 1
Home
Login
Courses
Profile
About LMS
Welcome to the University Learning Management System (LMS), a platform designed to help students manage courses,
view grades, and interact with instructors.
Introduction to Programming
This course introduces the basics of programming using Python.
View Details
View Details
Email: [email protected]
Enrolled Courses
Introduction to Management
Introduction to Basic Mathematics
Introduction to Islamic Studies
Introduction to ICT
Introduction to English
Introduction to Physics
Examination
View CGPA
header {
background-color: #0044cc;
color: white;
padding: 20px;
text-align: center;
}
header img {
width: 50px;
vertical-align: middle;
}
nav ul {
list-style-type: none;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 20px;
}
nav ul li a {
color: white;
text-decoration: none;
}
footer {
text-align: center;
padding: 10px;
background-color: #0044cc;
color: white;
}
h1, h2 {
font-size: 24px;
}
section {
padding: 20px;
}
form {
display: flex;
flex-direction: column;
width: 300px;
margin: 0 auto;
}
form input {
margin-bottom: 10px;
padding: 10px;
font-size: 16px;
}
form button {
background-color: #0044cc;
color: white;
border: none;
padding: 10px;
font-size: 16px;
cursor: pointer;
}
#course-list .course {
margin-bottom: 20px;
border: 1px solid #ddd;
padding: 20px;
background-color: white;
}
#course-list .course a {
text-decoration: none;
color: #0044cc;
font-weight: bold;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="courses.html">Courses</a></li>
<li><a href="profile.html">Profile</a></li>
</ul>
</nav>
</header>
<sec on id="intro">
<h2>About LMS</h2>
<p>Welcome to the University Learning Management System (LMS), a pla orm designed to help
students manage courses, view grades, and interact with instructors.</p>
</sec on>
<header>
<h1>Available Courses</h1>
</header>
<sec on id="course-list">
<h2>Introduc on to Programming</h2>
</ar cle>
</ar cle>
</sec on>
<header>
<h1>Your Profile</h1>
</header>
<sec on id="profile">
<p>Email: [email protected]</p>
<h3>Enrolled Courses</h3>
<ul>
<li>Introduc on to Management</li>
<li>Introduc on to ICT</li>
<li>Introduc on to English</li>
<li>Introduc on to Physics</li>
<h3>Examina on</h3>
<p>
<ul>
<li>View CGPA</li>
</ul></p>
</sec on>
<header>
</header>
<sec on id="login-form">
<label for="username">Username:</label>
</form>
</sec on>
<footer>
</footer>
</body>
</html>