0% found this document useful (0 votes)
9 views13 pages

HTML Project 1

The University Learning Management System (LMS) is a platform for students to manage courses, view grades, and interact with instructors. It offers courses such as Introduction to Programming and Data Structures and Algorithms, and allows users to log in to their accounts and view their profiles. The document also includes user information and a login form for new users to register.

Uploaded by

loopty804
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views13 pages

HTML Project 1

The University Learning Management System (LMS) is a platform for students to manage courses, view grades, and interact with instructors. It offers courses such as Introduction to Programming and Data Structures and Algorithms, and allows users to log in to their accounts and view their profiles. The document also includes user information and a login form for new users to register.

Uploaded by

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

Welcome to University LMS

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.

© 2025 University LMS. All rights reserved.


Available Courses

Introduction to Programming
This course introduces the basics of programming using Python.

View Details

Data Structures and Algorithms


Learn how to implement basic data structures and algorithms.

View Details

© 2025 University LMS. All rights reserved.


Login to Your Account
Username: Password: Login

New user? Register here

© 2025 University LMS. All rights reserved.


Your Profile
User Information
Name: Muhammad Younas

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

© 2025 University LMS. All rights reserved.


body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}

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 img {


width: 100%;
height: auto;
}

#course-list .course a {
text-decoration: none;
color: #0044cc;
font-weight: bold;
}
<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, ini al-scale=1.0">

< tle>HomePage</ tle>

<link rel="stylesheet" href="style.css">

<link rel="stylesheet" href="style.css">

</head>

<body>

<header>

<img src="Universitylogo.png" alt="University Logo" id="logo">

<h1>Welcome to University LMS</h1>

<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>

<img src="Universitylogo.png" alt="University Logo" id="logo">

<h1>Available Courses</h1>

</header>

<sec on id="course-list">

<ar cle class="course">

<img src="course1img.jpg" alt="Course 1">

<h2>Introduc on to Programming</h2>

<p>This course introduces the basics of programming using Python.</p>

<a href="#">View Details</a>

</ar cle>

<ar cle class="course">

<img src="course2img.jpg" alt="Course 2">

<h2>Data Structures and Algorithms</h2>

<p>Learn how to implement basic data structures and algorithms.</p>

<a href="#">View Details</a>

</ar cle>

<!-- More courses here -->

</sec on>

<header>

<img src="Universitylogo.png" alt="University Logo" id="logo">

<h1>Your Profile</h1>

</header>
<sec on id="profile">

<h2>User Informa on</h2>

<p>Name: Muhammad Bashir</p>

<p>Email: [email protected]</p>

<h3>Enrolled Courses</h3>

<ul>

<li>Introduc on to Management</li>

<li>Introduc on to Basic Mathema cs</li>

<li>Introduc on to Islamic Studies</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>

<img src="Universitylogo.png" alt="University Logo" id="logo">

<h1>Login to Your Account</h1>

</header>

<sec on id="login-form">

<form ac on="login_ac on.php" method="POST">

<label for="username">Username:</label>

<input type="text" id="username" name="username" required>


<label for="password">Password:</label>

<input type="password" id="password" name="password" required>

<bu on type="submit">Login</bu on>

</form>

<p>New user? <a href="register.html">Register here</a></p>

</sec on>

<footer>

<p>&copy; 2025 University LMS. All rights reserved.</p>

</footer>

</body>

</html>

You might also like