Scribd
Upload
113 views55 pages

01 135211 106 10550588212 05062023 113209pm

The document describes a Learning Management System (LMS) project created by two students. The project scope includes building a web-based platform to give students a single location to access academic materials, services, and information. Implemented functionalities include login for users and admins, lecture notes, assignment submission, quizzes, and guidelines. Not completed features include community services, attendance, and academic records. The front-end application includes main login pages for faculty and students, as well as pages for assignments, lectures, quizzes, surveys, announcements, search, and messages. Server-side code includes the main login page template.

Uploaded by

toarkbuisness
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
113 views55 pages

01 135211 106 10550588212 05062023 113209pm

The document describes a Learning Management System (LMS) project created by two students. The project scope includes building a web-based platform to give students a single location to access academic materials, services, and information. Implemented functionalities include login for users and admins, lecture notes, assignment submission, quizzes, and guidelines. Not completed features include community services, attendance, and academic records. The front-end application includes main login pages for faculty and students, as well as pages for assignments, lectures, quizzes, surveys, announcements, search, and messages. Server-side code includes the main login page template.

Uploaded by

toarkbuisness
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/ 55

BahriaUniversity, Islamabad Campus

Department of Computer Science


Submitted by : Zainab Jamshaid 01-135211-106
Summan Sarfarz 01-135211-078

ASSIGNMENT NO 4

1. Project Tiltle
Learning Management system
2. Project Scope (Functionality you have completed as well as not completed,
mention both)
Our project's scope includes creating and designing a web-based platform that meets the
demands of students in a learning environment. The main objectives are to give students a
single location to access academic materials, services, and information; to make
communication between students, faculty, and staff easier; to streamline administrative
procedures; and to improve the overall student experience. Course registration, access to
grades and transcripts, assignment submission, online discussion forums, event calendars,
guidelines, and customised dashboards are just a few of the services that may be available
on the portal. Implementing a student portal is intended to increase student participation,
foster teamwork, and streamline access to crucial data and services, thereby enhancing the
success and happiness of the student body

• Completed Functionalities
Login user admin both
lecture notes
Assignment Submission
Quiz
Guidelines
Lecture notes
LMS search
Message submission

• Not completed functionalities


Community services
Attendance
Academic Record

Application Front End


• Main login Page
• Faculty login

• Student login
• Homepage

• Assignment section
Lecture note

• Quizzez
Surveys

• Guidelines
Announcments

• LMS search page


Message page

• Globe page
Faculty Dashboard
Sever-Codes
• Main login page

<!DOCTYPE html>
<html>
<head>
<title>Login Page</title>
<style> body
{
font-family: Arial, sans-serif;
margin: 0; padding: 0;
display: flex; justify-content:
center; align-items: center;
height: 100vh;
background-color: #d6cbd3; /* Modified background color */
}

.login-container {
background-color: #f8eaf0;
padding: 40px; border-radius:
5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 500px;
}
h2 {
.form-group { margin-
bottom: 15px;
} label {
display: block;
font-weight: bold;
margin-bottom: 5px;
} select {
width: 100%; padding:
5px; border: 1px solid
#ccc; border-radius:
3px;
}

.btn-container { text-
align: right; margin-top:
20px;
}
.btn { padding: 10px
20px; background-color:
#d81b60; color: #fff;
border: none; border-
radius: 3px; cursor:
pointer;
}

.btn:hover {
background-color: #ab1343;
}
</style>
</head>
<body>
<div class="login-container">
<h2>Login</h2>
<div class="form-group">
<label for="user-type">Select user type:</label>
<select id="user-type">
<option value="student">Student</option>
<option value="admin">Admin</option>
</select>
</div>
<div class="btn-container">
<button class="btn" onclick="login()">Login</button>
</div>
</div>
<script>
function login() {
var userType = document.getElementById('user-type').value;

if (userType === 'student') {


// Perform student login logic
console.log('Student Login');
// Redirect to student page
window.location.href = 'Webformloginpage.aspx'; // For Web Forms
// window.location.href = '/Student'; // For MVC Razor views
} else if (userType === 'admin') {
// Perform admin login logic
console.log('Admin Login'); //
Redirect to admin page
window.location.href = 'WebformAdminlogin.aspx'; // For Web Forms
// window.location.href = '/Admin'; // For MVC Razor views
}
}
</script>

</body>
</html>

• Faculty login page


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormadminlogin.aspx.cs"
Inherits="WebApplication10.WebFormadminlogin" %>

<!DOCTYPE html>
<html>
<head>
<title>loginpage</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/boot
strap.min.css" rel="stylesheet"
integrity="sha384aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7Qbdg
L+OapgHtvPp"
crossorigin="anonymous"/>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #d6cbd3;
}
form {
padding: 5px 5px 5px 10px;
height: 700px;
border: 10px solid black;
}
nav {
background-color: #d64161;
text-align: center; height:
10%;
border-block-color: black;
padding: 6px;
}
input[type=text],
input[type=password] {
width: 100%; padding:
12px 20px; margin: 8px
0; display: inline-
block; border: 1px
solid #ccc; box-sizing:
border-box;
} button {
background-color: #04AA6D;
color: white; padding:
14px 20px; margin: 8px 0;
border: none; cursor:
pointer; width: 100%;
}
footer {
background-color: rgba(0, 0, 0, 0.5);
color: #fff; padding: 2px;
text-align: center; position:
relative; z-index: 1;
position: fixed; left: 0;
bottom: 0; width: 100%;
text-align: center;
} body {
margin: 0px; padding: 0px;
box-sizing: border-box;
background-color: #d6cbd3;
}
input {
border: 3px solid #2c5f74;
}

.footer-social-icons .social-icon {
color: white;
}
.container {
padding-left: 7px;
padding-right: 7px;
} span.psw {
float: right;
padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
span.psw { display: block;
float: none;
}

.cancelbtn {
width: 100%;
}
}
</style>
</head>
<body>
<nav>
<img src="TRANSPERENT.png" height="95" width="150" style="float: left;
borderblock-width: 2px; block-size: 2px 2px 0px 2px;"/>
<p style="height: 10%; font: italic, arial; font-size: 40px; text-align: center;
color: black; font-weight: bold; margin-inline: 4px 7px;">LEARNING MANAGEMENT
SYSTEM</p>
</nav>

<form method="post" name="myForm" id="form2" runat="server" onsubmit="


validateForm()">
<div class="container-fluid row">
<!--left emptybackground-image:linear-gradient(to bottom
right,#133644,#4F8DA5,#133644)--> <div class="col-sm-
3"></div>
<!--Mid Form-->
<div class="col-sm-6"
style="border: 6px solid #d64161; background-color: white; margin: 10px
0px 10px 0px; border-radius: 10px; background-image: linear-gradient(to right,
#d6cbd3, #ccc, #d64161)">
<h1 style="text-align: center; font-family: 'Times New Roman'; padding:
10px; margin: 20px 0px 20px 0px"><b>FACULTY LOG-IN</b></h1>

<!--login Email-->
<div id="led" style="margin: 0px 0px 10px 100px">
<b style="font: 19px arial;">Username</b><br/>
<asp:TextBox ID="lue" runat="server"
placeholder="[email protected]" style="width: 84.5%" oninput="validateemail()"
required="required"></asp:TextBox>
<p style="font-size: 12px; color: red;" class="formerror"></p>
</div>

<!--Login Password-->
<div id="lpd" style="margin: 0px 0px 30px 100px">
<b style="font: 19px arial;">Password</b><br/>
<asp:TextBox ID="lpass" type="password" runat="server" style="width:
84.5%" oninput="" required="required"></asp:TextBox>
</div>

<!--New User-->
<div style="margin: 0px 0px 0px 100px; text-align: right; margin-right:
30px">
<a href="WebFormhomepage.aspx">
<b style="font: 15px arial; font-family: 'Bookman Old Style';
color: white;"><i><u><b>
<input id="Button1" type="button" value="log-in"/>
</b></u></i></b><br/>
</a>
</div>
</div>
<!--Right empty-->
<div class="col-sm-3"></div>
</div>
</form>

<footer>
<p>&copy; learning management system</p>
<div class="footer-social-icons">
<a href="https://www.facebook.com/officialbuic/" class="social-icon"
target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/official_bu" class="social-icon"
target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/bahriauniversityofficial/"
class="socialicon" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/school/bahria-university/"
class="socialicon" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</div>
</footer>
<script>
function validateForm() {
var username = document.getElementById("lue").value;
var password = document.getElementById("lpass").value;

// Regular expressions for validation


var usernameRegex = /^[a-zA-Z0-9]+$/; // Only alphabets and numbers
var passwordRegex = /^(?=.*[a-zA-Z])(?=.*[0-9])[a-zA-Z0-9]+$/; // At least one
letter and one number

// Check if the username is valid


if (!username.match(usernameRegex)) {
alert("Invalid username. Username should contain only alphabets and
numbers.");
return false;
}

// Check if the password is valid


if (!password.match(passwordRegex)) {
alert("Invalid password. Password should contain at least one letter
and one number."); return false;
}
}
</script>

</body>
</html>

• Student login page


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormloginpage.aspx.cs"
Inherits="WebApplication10.WebFormloginpage" %>
<!DOCTYPE html>
<html>
<head>
<title>loginpage</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/a076d05399.js"
crossorigin="anonymous"></script>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #d6cbd3;
}
form {
padding: 5px 5px 5px 10px;
height: 700px; border:
10px solid black;
}
nav {
background-color: #d64161;
text-align: center; height:
10%; border-block-color:
black; padding: 6px;
}
input[type=text],
input[type=password] {
width: 100%; padding:
12px 20px; margin: 8px
0; display: inline-
block; border: 1px
solid #ccc; box-sizing:
border-box;
}
button {
background-color: #04AA6D;
color: white; padding:
14px 20px; margin: 8px 0;
border: none; cursor:
pointer; width: 100%;
}
footer {
background-color: rgba(0, 0, 0, 0.5);
color: #fff; padding: 2px;
text-align: center; position:
relative; z-index: 1;
position: fixed; left: 0;
bottom: 0; width: 100%;
text-align: center;
} body {
margin: 0px; padding:
0px; box-sizing:
border-box; background-
color: #d6cbd3;
}
input {
border: 3px solid #2c5f74;
}

.footer-social-icons .social-icon {
color: white;
}

.container {
padding-left: 7px;
padding-right: 7px;
}
span.psw {
float: right;
padding-top: 16px;
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
span.psw { display: block;
float: none;
}

.cancelbtn {
width: 100%;
}
}
</style>
<script>
function validateForm() {
var email = document.getElementById("lue").value;
var password = document.getElementById("lpass").value;

// Email validation regular expression


var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

// Password validation regular expression


var passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-
Za-z\d@$!%*?&]{8,}$/;
// Check if email is empty or not valid
if (email === "" || !emailRegex.test(email)) {
document.getElementById("email-error").innerHTML = "Please enter a
valid email address"; return false;
}

// Check if password is empty or not valid


if (password === "" || !passwordRegex.test(password)) {
document.getElementById("password-error").innerHTML = "Please enter
a valid password (8 characters long, at least one uppercase letter, one lowercase
letter, one digit, and one special character)"; return false;
}

return true;
}
</script>
</head>
<body>
<nav>
<img src="TRANSPERENT.png" height="95" width="150" style="float: left;
borderblock-width: 2px; block-size: 2px 2px 0px 2px;"/>
<p style="height: 10%; font: italic, arial; font-size: 40px; text-align: center;
color: black; font-weight: bold; margin-inline: 4px 7px;">LEARNING MANAGEMENT
SYSTEM</p>
</nav>

<form method="post" name="myForm" id="form1" runat="server" onsubmit="return


validateForm()">
<div class="container-fluid row">
<!--left emptybackground-image:linear-gradient(to bottom
right,#133644,#4F8DA5,#133644)--> <div class="col-sm-
3"></div>
<!--Mid Form-->
<div class="col-sm-6"
style="border: 6px solid #d64161; background-color: white; margin: 10px
0px 10px 0px; border-radius: 10px; background-image: linear-gradient(to right,
#d6cbd3, #ccc, #d64161)">
<h1 style="text-align: center; font-family: 'Times New Roman'; padding:
10px; margin: 20px 0px 20px 0px"><b>LOG-IN</b></h1>

<!--login Email-->
<div id="led" style="margin: 0px 0px 10px 100px">
<b style="font: 19px arial;">University Email*</b><br/>
<input type="text" id="lue" name="lue" placeholder="[email protected]"
style="width: 84.5%" required>
<p style="font-size: 12px; color: red;" class="formerror"
id="emailerror"></p> </div>

<!--Login Password-->
<div id="lpd" style="margin: 0px 0px 30px 100px">
<b style="font: 19px arial;">Password*</b><br/>
<input type="password" id="lpass" name="lpass" style="width: 84.5%"
required>
<p style="font-size: 12px; color: red;" class="formerror"
id="password-error"></p>
</div>

<!--New User-->
<div style="margin: 0px 0px 0px 100px; text-align: right; margin-right:
30px">
<a href="WebFormhomepage.aspx">
<b style="font: 15px arial; font-family: 'Bookman Old Style';
color: white;"><i><u><b>
<input id="Button1" type="button" value="sign-up"/>
</b></u></i></b><br/>
</a>
</div>
</div>
<!--Right empty-->
<div class="col-sm-3"></div>
</div>
</form>

<footer>
<p>&copy; learning management system</p>
<div class="footer-social-icons">
<a href="https://www.facebook.com/officialbuic/" class="social-icon"
target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/official_bu" class="social-icon"
target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/bahriauniversityofficial/"
class="socialicon" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/school/bahria-university/"
class="socialicon" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</div>
</footer>

</body>
</html>

• Homepage

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"> <link rel="stylesheet"
href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
<link rel="stylesheet" href="font-awesome.css">
<link rel="stylesheet" href="styles.css">
<title>Home Page </title>
<style> body {
margin: 0px; padding: 0px;
box-sizing: border-box;
background-color: #d6cbd3;
}

footer { background-color:
rgba(0, 0, 0, 0.5); color: #fff;
padding: 2px; text-align: center;
position: relative; z-index: 1;
position: fixed; left: 0;
bottom: 0; width: 100%;
text-align: center;
}

.icon-bars { font-family:
Calibri, sans-serif;
background-color: grey;
width: 100px; height: 100px;
position: fixed; top: 130px;
left: 0px;
transform: translateX(-100%);
transition: all 0.8s linear;
}
.show {
transform: translateX(0%);
}
.bars {
position: fixed;
top: 20px; left:
120px; font-size:
2.5rem; color:
grey;
}
*{
box-sizing: border-box;
}
.column { align-
content: end;
display: inline-block;
width: 30.33%;
padding: 5px; max-
height: auto; height:
50px;
}

/* Clearfix (clear floats) */


.row::after { content:
""; clear: both;
display: table;
}

.icon-bars a {
display: block;
text-align: center; font-
size: 2.9rem; padding:
1.8rem; color: white;
}

.icon-bars a.active {
background-color: black;
}

.icon-bars a:hover {
background-color: black;
}

nav { background-
color: #d64161; height: 3%;
border-block-color: black;
padding: 5px;
}

footer {
background-color: rgba(0, 0, 0, 0.5);
color: #fff; padding: 2px;
text-align: center; position: relative;
z-index: 1; position: fixed;
left: 0; bottom: 0; width:
100%; text-align: center;
}
.footer-social-icons .social-icon {
color: white;
}
</style>
</head>
<body>
<header>
<nav>
<img src="TRANSPERENT.png" height="100" width="150"
style="float:left ; border-block-width:2px; block-size:2px 2px 0px 2px;" />
<p style="height:20%; font:italic,arial; font-size:40px; text-
align:center;color:black;font-weight:bold;">LEARNING MANAGMENT
SYSTEM</p>

</nav>
<h1 style="text-align:center;"><B>OFFERED COURSES</B></h1>
<P style="text-align:center;">It’s time to step up to the plate and get passionate
<BR />about your work commit to making eLearning courses <BR />that don't bore
people to tears, but instead inspire<br /> and motivate them to learn a new skill,
change a certain behavior, or improve their performance.</P>
<br />
</header>
<div class="imgc" style="margin-inline-start:290px; ">
<figure>
<div class="row">
<div class="column">

<img
src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHC
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
N
lIDYrvhMMzBj/tEKLJDCIsfWqwklshlb3rZTQC2REC7d4bg97MpJi4Ol7UZ2Kqcj
IgH8iqCxi5GUAf5onF4jFcIOr5wjvLMpDLikshXlcuxJ1nlokiEGN+u3lv51VJP6INv
9jvDI7ES7sObG1hNrk8vh0o2RB3bmbkkjzNhfltrO9EwlkZpYqCWidzAkLPQXvp
U+zkVigk5ibi0FZEXudZN/nq6Qjpiz8C72CmFJAgT45esA2+80L/AKaw1gDUzBmT
85Px2r6LhYaIowkGcE2gMZGbNcroB6XFJ8T2Bi4kBVw0vcOQWiIFgGtcgA6elT5
zvvoZOtdGa4dAguixYSQ4uRvlImTtp0qPt0OZFRLzMKwgFgRBaSBJ6aDwrVn9N
sEyZkuNQWmDf3o56QPKq3jf03iLJVFYf8SZNoHdOkW0/l9WWSGTb0+zIYuEQ
ZUkAybHYX2t8d/UnBsc+USpixHdBnZoNgRuPTerPieGMhY7w7t5tG8GwJj4Uq+
A2lvmRrpt1tR4d7Racia0zuMcxUq7B1HezbMCTCm5/c60syEHK3kbWvz5U7gcKT
rMix5xt4xp5iitwpBBvYiKLnaGl6YrgoTIYHf/AB0/N6i/BsOXmR9YrQ8PwmHCM8
gE94EZlIURMrcZmBG0WvuRY6BYGWGyAkEaSZtOtsp8/GYOUUVlNw/CmRdd
9526U+nDmP8AN/yKJgkqZ5eMGdvAijtmJ91QL8zflqZpUkhapshw2GAQHJidtRY
7cvl51YcOABByEHYsT8B1qvdjImB6cjzrpxDzHlFbkvDOHXZYYjhu6CwjXy0Nrw
P80rxmEQimLG4/Oo+Qry8VpMz0MTeuNiBz3yfGCTfnzP7UHSNMNMq3w7nxpv
hyQI6VB0kmBabeFGw0t5VOX2WtbWmX+D2x3EFpkBtNIGYwKH2p2mMmVY
OYCbaWBnTWQfWkl4AwCcTDE7ZhIHWo4/BraMVCDqTt85pkkSfIq8TF6n41L
B7OOL3i0anSSQCZOug59OhqwXgMIkg4xa2iI32NeRvZiIDCYDMGAMk2IPn663
qiexGnK6KJuxwrsjvliLyIIN5HO22pqpfBAm4/7votXnFcWzsWMEsbnppHoKVTD
Uo5yk7zFhbnFDih1VfZUOkbg/3ftQGHQen70+6D8/xQHA1kUdDbEcWxgEEeA3H
zoaHvDxHzo+IL6fkVBDDA5ZAIMXvB0napP0f6PI5BH1mNd4vHhUSpNievrRsYK
PdYkcisMPHb0+FBL+PoKryQuioFSUVEUTDWSI1qKKljwGHdQLM8+QBj5z/bV
nx3DKpYZwWEd0qFOgv3WMWA2qt4M/7gbaYHgth5W/Jqz7WjMgBseWlz1v18q
vD6Oe12c4I5u6WNpgXMmwgDazH+0U5xuGFldSBGthBi/K53/eh8G2UgAc4ET/D
M311p3gOHV3JygnNcGNNSfPf13q0o56rvYPAOZMpCrFiROaGk3E32FX/ZnYhO
H7TFLKh90D3sUATA0KiQLnkIFXnZXZKYvdygAEFmiCYuAD1M/E6633E4uFZ
AVhBBAjuBRNzoB7tqjkzafGR8eLlPKvPoxvamNjBUw8PDYpGbKiuB3MuYs0SQ
SWET61W8L2riDIql87ErCt3hlJEREgkMLTEjSwi/ftZcHhEbiCWd5KgamTvH8I
WJmdhewOO7H7uMCjNiDDKuxRSbIRmZc1zqQfE0010015/0FRpLs+idnYuIUDY
tmE3JBMcyQABpr8KbXE2mNqreCxWcFwO4y5kmB7z94ggaHunfS0iK7j4jZwiqY
KiTIUDvRZpmemt9bVNLbIZE12WGPwqYkZ1BOx3HgdapOP7POGIuUiM38usS
Bptca3q14dioJZiy2gmLc5IFx1jnRP8AWKSFKsVa2aJTlE0ypy+ia7M/2f2ervy9Odo
vWhxuwUKgkQYknlAsI8YpbA4VcFpM5STA/f0rRnHBWRuJpc2Wtpy+j0MEy5fI
xXGcD/DlgHedN9KQXhDcMJA6ibTblBO+1ajtHAJuALG1xoRVNjpAMkTeIKk/A
1RUqROk5etCaIyqIg+IG5667etRRDTWAGKi02IB62n6HzqKvkgsADt9z4TSOkPx
YDiuFkxuOXhOwpV8KBqafxONIupInWCRNj18aVxMUtrJ8ajTRWE9LYBVpzC
wEdS0wZFvG0nYCfnSwFFQgUqKUg3F8EiEQ2fnAgAjaedLFSfdWi5x5falRnfMq
AwbWBmOcjSs6ldBmKrwV4jtJEIU95jYKoZ2ka2Sh4fa2G5AAAmYLK6gwCx7xg
WAJ12pTtHCxMBjOVWyd4E5QyMAoUqpAtE2APWs92/2pjs6Yb4uG3s8qoFgIM
yBTbQyNSdJMQKrK2hKTmtG1xUYahV9fqahhSdwOtYXicfiMJFf2uGYlcqujssjc
KSYt4SBTXD/AKzUIgZCWsGi0a3E6260G+L9MpdI1/DplYGENjZhIuI031plO0XV
WUYeH3ogqAFEGxAi07xqKp+A7QTFQOsgHaBNqI5XmfQfejyliOKC4vaWILBs
MeGFhj/0qv4vGd2l3kgASAoHhAA3NTcr19APrS7tz+lFVJuLK/FF9fyKAwp3GUE
2ED9qXdaRvY6FWWhlaaZaGVrDFPRuG18KAKY4ffwP/i37UoRzs73xvGnwH29a
ue2lurScw/mZSYkxAF9d6o+CBJgXYhraTCn1PenyplCIEzPO5/IvV8fhG/Sz4bEXW
QLmb6ZhA0vEitD2JgFyXAzGDIUid7mNNB5eNZTh0F4UmR8hM+kit9+hsIFlvpa
DyDAm+t+R2q3LjLZyuN0p/Zu+B4X2OEq778izagdJtVV2jwSLhOkkOxZhqSzC8A
C7AA7zr6X3FFQpLGFUSSdBAr5p2t2++MxGbKBdQYhDpBYC8xva9cWKXVbO
3NUxGtf0UHFhngHvBFbLmZoUTJAvAvtQeAc4bypVSYF7x3lYGTMXUX5TT64
mGgHtcIuzK4BV4I0AJUiwmRM/wm1LYjoRCYTrfUvnBtsMgja/Su1680cMt69Nm
+Jjj2WEqKTlJdgzZReAc3vX1M3PW9dThMZ2IZ2RVG+XMRIMCGMrMkEi0xT
HZHDezwUDAZyASS0ks8ESW0ta/pvTyJedLnQaaEXm4v8AHaIHPy14PcbJYWH
kUACQoECbxpqf2pfjeJnKFEkZiw0gRl7wMWJI+xpgyddOfy6bfGpY2GpRlYWyk
W1giBpemTOVriyoHGnEGVmSQVyrJkZTckiRdSeulWXB8YxZQpkEWtNoO3md
eVZTjcN8NwxutoYAAERpbfxq84DjCuQ5R3iAsWUF2jMAbkiTF9xVLlcejqxrx7F+
1+0sNGfDZlz5CcpPut/DMHUATb6VT8B22jkIdSsgxrHvA9R8YpXjuF/3sTPlLlwc0
CVAHdAI5a67wazfEYvsOJSAQmcehlTHkaR2p6O1YJqd/o36OOXy2PXzrjMCTty
GXWaEBOX4+v71zHS9c7p7NxRxmB9a4FryipAUrewpaPBallroFdigES49ZCrlkM1
zMZcveUxvdQPMUm/CqXxFOCSCQA4YhlJXNn5AA92xN9oonamKrN7MvkMC5
WwJNiGO/Sab4/igmGbyTvXLkp8j0MMLh3/Zj+2MRkUgvJFpG9YTisVix7xjxNaT
tviS0g71Lhuylw0ZsdFyhJzMIJZ9AAbmL3Eba081pE7nlXRkZPOuj6/euNrbSuqLe
Y+tVIml/SvabKwwzBU6bEc/Hetuy18u7MxSmKjC3eHoTFfVdRNPL6JUuxZkpfES
n2WgYqU2xSudKGyU260EimQrE2ShFabcUEisYzoo+B+3ragCiobHyPoaUYIrxljU
QfMGQfjRHchjc20vtFqA+vp6ECiZyTPWD6yPt5Udg0WeA5BFyI0E3sRP38zW3/S
PHqjIMxuQSYsoZ0kXOkSNLBh1j50nFMJ+5q14Hi8jSCIB0M2iw06ajr6UTWtMl
Uv1H0Ptl+ILcRhu5yYmb2KlgCSjhu6NTZY5mbTWEx3dSyNmDDWSZWNZrVJ2
kOKwzhYjKmKgU4WI7RIPvqXXYyI/xVn2h+g8VlZhj+0fKPfzSSNQGJMC28/Wk
VcHoZzzX7Pnb8dJg5jsHJ71uetvA+ulROKQdLHrM+Bq3479P4uDbFw2TcaXjYM
JE9J2qtd2WYgA3gKI15H6zVFTf2I5XjR9N7C49MTBTvrnyjMvuMSbSABJMjUc6
5x/bmGhIXvnQ5YgRAjrJBteKwqEFhbKcoMrabSZHltH1qXDvJs3jIN+ek0841vbI1
Ta6Pp3DYgdQ4NmA/afWpPhhgQdxHPSqH9L8csnDJBIG0gGCANfD51b9q44RHJ
scp0tciBB52qbWq0QqdrZWdugDh4H8RHW+adt7Gq/gW/+NUbMyoSYI7uUFiOU
zaeWk7VnEcc7ouGW7qnSD1iSbnUj0r3Z3EBM5nvWAtaJ/mFwdtN9RVN66OnHG
pCcX75npz3HX8vWd7c4N2JIgKbydhcGLHnpECDVycQsSTQO1YbDy7m2sEiR4f
P6VyZntrR34VpNfwW3ZmP7TDR4NwPttbb4UzxJM3/IAFIfp11GHlNirGFiLXaw3
iTVti4Em8aA66zTKWTqkhRakKsWwFKGE7yiSQwPLUfalnC5evgNZ51nLQFSYx
2YiM8OYX0uBafl51YYnDKyO8ZMsBRpJETINwSNvGqng8JnOVRJ8vrTPE4hJF
yZCk33iKyQH6UfFBA7M5iwsdDGhis32r2shtM8hWt4nh0cQ6Kw/wCQB+dVb9hY
PtEypkBDZstrLBFjadvSuasW622dsZvxU6MDxPCvjtKrbTXTnbXelO3sJwwzMzZ
REszNp46V9p4Ds7CVMxw0ADZfduC1xLTmPjPlasf2l2cmHxGbE72FIaDBhXWV
LKPeCk3EXym14rox4pZz5c1T9Hy3EwisSIkSPA714afnWt3+puCXEAeURASDiQ
VQqMuRUGVc7L3gSF3Am1UR7EQiExVJJEB0bDnwYkj1ii8TTBOVNbYh2Nw2f
FRY1YSeUXr6fhpCgch8qpv0v2UEXMy5WBuDMz1vqAYrUHhRAJJEiYCzAOk3
HjadayloWqTEDQnFNcRh5DlOo/B8KWatoGxV1pZxTjilXFFAYuwoJFMOKCRT
AMwKLhaxzBH2+MUEVJTvSDhWNgfL4mPzpUlaG6Tfwn8NcaPI38m+xFccfnhas
YkVgkU3hG5Eb66b8+VL6+dwfmPWamGi+/yIt+eNFAZo+E4pFsyz7pBkiBBkW1B
+BA619x7P4tMbDV8NgyMLRtzB5EaRX5xw8QwDuLHw1H1+Fa39L/qTE4ckKRla
JVvdJHnYxafCdKFzyXQIfF9n2PiOHRxDKrA6hgCD5GsR+u+zMJOHDJgorZlGZ
VCkDKdctjJt4xWs7J7UXiMMYqdQy7qwF1P5oazv6/4soiJHdckm3e7mUqPCT8KS
N8kimTTls+dcKjs0hSQgzk3MKLj8+1B/1toGmnl40XELwMkqNSRYwx0LDaZtp5i
oEtuAwGhhc1tBPL6eVdbdHIlI1wWPGKpJIAibke7E3FxefhWuxu0Pa4YV1IHdzM
skE8zyGbL61huGPfNjPjeZr6JwvFnE4ds2FlCqJZu6psBmHOYBAAvatv7YmSeyr
wuEXpvFr2E7VX8TgKASPn4VbpxhjuMUgCTOX5mP89aU4viQ2UF88E63AMbTr
+1NRLC633sS4HLPeEjYDU3+FM9o4aI6tMqQc0RYwNTyiDpTXZfZ4ch3YImYQ
SJZjP8ACN779Dyq9xOz0OTK6gBs0OgBaCLBja8ededndKkp8XZ7PxlLlt/fRkX4V
GPdQHKswc66bqUINywvN5OtaAcQhCt7ODlWwc7ATQRw5ZDZRiNMqVCldu/B
sBbrWcXhXyoMbGdQxJREVmYKjFczy6kLKmAM1htaaxe97I3C0tGj4nHJ8JsJm
KE2MSNJ0+HXypHGzoMrMSRBDSSGUixE3ggg/OoJxNc2f5NT1KOjB8SX3TND
2LlDksREHW17aHn+9HwuHDo7SAVAgE3MCTWd4fibETp8quUwhlzBjmiYg6c5/
wAVCc90uzpr48LwXXC06k+UU1g8CkhgAxAid+cHp4150CXmSfz50ritXPWXJy7
ZacMJdItQqAQU3n3oMxswIIPWJHOq/iOHR2ZnKSwEDUiIC69BHWahg4BcwJJ
2Av40XH7OKm+kSYvAki9dMZsjW0QvDj5aZV9r9njFRUU5MsQViV2JWNNW00
nnVRi/p8q+EMM5kKr7TM1iADmds1i2l5HpV+3EhWKa5byLEc4Pl8ak/aCgGZbo
SoB11i5qs/IpP0nfxpa8F+OwQmQQZy3ncgkA9REelLe2sAVDRYEzIGsWIkeNUPH
9rur+0ENzGxURYDbUAeNW6cQGUMp7rCR4ESK7YfJbPPuXD0SOG+ISRczfYD
xOgFLY2GV1/wA7WO9OcOW1Gn8Qk3W0g3mKBx3EMwCmISwiPzanaE5dle5p
d6O5oLeFAbYu9Coz0uxpgGYQwZqRM3ry4c6QfzrXRhnlPhf5VLsp0H4fDLAjl8t/
TWpth2gaj16j8O1C4bFKNPwPx+E1a8ThfxrpYyCDqdbcrDYWopA32Va6eH4fv60
VGmx8j9D9/CjPh2mAN7GfzwpaN9q3gQ2GCD8xTWEpUi4jnP050PhO9YkR8fI7H
51Y42Ekdx3JywVZAJI2kMfkfGqTPWyVPvRa/pz9Uvwr5ozKbMskZgNOdxsY6aV
q+2e0k41VxcFw4VCDhNHtFYsDOX+IWiRIEbzb5dI6j5fcfGmuBxEU99S45BgnxZ
T8qCS5bNSfHib7sbh8NpRmARFY3YIMwCyWCsCUmQDaIvVjxfZWGsHCnGm
AwUhlXQqQFBMkrva9yNaxOB2uiOHwR7MhQBLFyGkyQcuUyDF6b4/t9sRz/uu
EJFs8gCO8cgME707bb2mR4JLTRpMPguB4H/cxTnxYkYYykqd7A5QepPhVP2h+
q8THaCqqgMhAFcCNCSdWqo4rCw8k4eJna+cZWECJmSI1n1FV6nbb51PWnsqlt
aLvH7ROILrlIsCogHkMotUMNzIE/v8AhpHCaPHatH2OuGU74IIJOaSWjKcgC6
Dvak8x4g7bM0pRY4DiQ6n3QAosSIWZGwNh6nerLtPiMuKmGrFldVJBuRZjmn
Y2XUc94IquCVWAXu5t1awcFrFTzvHUR1i7w+ChlxCrKQuXM5SEGg5azB/4zFzB
nllbTKYapJr9nWw1XK7e86kuRuVGRZ6wBPhWG4/tNFZEZ8VWw1K5sKGUhm
JyMjMtxJhgf4ogxWi/UvbGcjDw4JIAmIAB1PSSaw+NhKpYPYg6zrG4tepY5bbbO
nI1MpaLXiu00YZ8QYgUBFXJlcgKIlixWTudLmhJ2hwx/wDuxV/qwh/6YhquPC4
mIBCkJaLwrdTeSPKlOM4BsOMxEHcSQOk0rxTT/JB/9qlfizSYPE4MyOJSP+S4q
7dUI1jer/hu0U0XHwINjGIikjrmgnTSvmbRzHx+1QYeHqPvQfxo+m0GflX9pH1Xj
OIEBpSC0BldSCToO6dTSrP+fnWa+XMJ08iNiNCCK3nY3aKYuErO4RwQj5iFGe
LET/MBPqNq5M/x3OqXZ14M/Nua6LzgcYocy2Iv8+lWWJxwVWAUk4ii5MnvAhv
HpS3ZPDrnA16ESDqaDxZMSosq3jlmI8YpsT/HoORLl2UeLjhcd5nVR5nOP/QVU
9qcXlw3efdA/uacoofbfFQ+K41Qz/a7Lp1Vm+FJYmC2K0H3MNszcnxOQ/4rp4jrSq
dPbHddaQhx6BURCRMDntfluauP01jn/TICAYzL/axA+EVTdsJmxUT+Yj0E1bdhJ
GFG+d//ACNd2BnnfIku+HxgqsDckQNLXoXFlSq5c2a+aRaZ2oE0LErpRya72Dea
CxqcEmBUXw31v60UmB0kAY0FnomI5Fj8aAX8PQUQmfw8QqZUwYI8jrURXB
UhUShNcQ8z61Zdm8fl7jQVJB0HdOhOm4ifCqwVJTFFPQHKZeMutrEWIJgATE
bRIkHa4NJ44UdOog+otGn5rTnY2IzkYarmkmLgFZgki2tv2p/tPsZ8OCyr3xMW2i
RPPb5Gn1sTejPhBs0dCPlEzRVc/wDE+cH/ALq5iYEWXxg/Sf2NDBB1/PzrQ210H
Ww+RjtPlPoRNey87eY+R+9DCcvz0oiu383x+9YPYRU6j88JokLzHgJj1IoIc/8AH0
H0vRFZeXpP1+1YAQN18gD9aZwYGxJ8Y9f80sjDaR6H7UxhYfW3UQPqOVY2w6
YnkPzXn4VpuyGRsNElQ5Z5LaKAFKyQNyIFzHnWcROoIE6Eedz8/CrLhjb3SBM
5QLmADPoNaM+i12iywVm5gKLm2t/z086LicaIiO7Ok69TI/IqsbHL2AAHKQALn
c+OtExEAcCSAdzFht3tDRa36BPXgR8ZcpVQFJ1aAxPqYpLD4JAcx77fzPc+mlMI
2Ukdw/8AIyf2+FMrhq2sJYwRMWGmU67C0a70qiZ8Q7yuvWBe4tcz+a0Hi+HzKU
cWI/wQfkaKcNgcsSYm15HMdK5iP3II/iBHSQZ9YHpWqfs019GO4vAbDcq3keY2
NI8SWiU1Hr61seIwkcQ6gxpO3nXsLsTAce6yzyY8x/NPOuXLmmNKvs7MOGr25+
j53iyDN5PkfhUFxmnKzMFOuXXQx0N/ret3xf6VQglHYNoM0EEnSSAPWsbx+F7
MsriHB0Os7RzHWhGWa8Y94qn1Fv2B+suJ4Rgub2mGAvdYmV7v8LajXeR0rd8N
+qT7POhBVxDSFJi4g2MESQa+OYhv6fAAU32f2i+GYB7rart49DTXG+59FjJrqu0
aTtPtGHchFOY9djI0Iq//ANThpw6uBZlDbj3pN53vWF4hyQW1Eajbx5Vr3QPhJM
ZVymNoRLADxiufIvNnVifuip4Ue0xw7BhGlxv0irfs+FzrJs86cwDz5zVbwhnGn8ixq
wXu4uIOYU+kirYq/NL+Dnzz/jb/AJHzGsj4/ahMs7j1j51HPXa7TzyKggzAPmPoaO
3GnLlyW/oUn1idqUxKXc0U2hKlMFxDSxpZqaZzzPqaCznnPjf51mMjN12oiu1Aq
TBqQNRFSFEw92W7q6sklwe6AJJPh4Vb8R2tisqJiAjKLZgQW2kz0EdapOz8Iu6p
mygm7fyqLs3WFBMdKt/+rAEZFdFGk4jOWE2z55Wf6QBVZ8JWgTYwb3lgGb7c
9B5aTSjoNVMjrcfDS21E4ko7ZpIJmQVET/8AmPlQfZHUEGeRj5xQqXsMtaPBDy
PlUg3MnzAPzrowXALZHyjVspgeLRHxryYsjn5z9fClHOhh+D96mrjlXkcDUfL7Uf
D4mCIAHiWj50QBsNGjYeUR6X1gX5iiqgDHMwnx+m49NaV9seZ8gPnuKiG/P80
DFl7aLBR4m8W2BsPnapYT2JnUmesgXpAP+fKmMJreZ+Qpp9FrwsUxiAL7yb7C
w+M0dOIPIFTsRvHx50orCZAtb4WovDYphlteTp6x5X9aoyXo+cNLMIAHn1i814F
QSxJAJMd2x5xyN6VwBB1hSL2nw+O9MPxDnuZ8wvcjZoB97QCKUw0mPlEgjM
pkSDoTDC3W/rzpTi8UuJMa8x1Om1NjhtCxGUqdCJgSY6NIIjaluIylbIBcaFuusk1t
bRk0mIsp5HUbdRT3DnX8/NqWRFm8jzpzhXD2VyY5jmeXh03rzPmYqdJpfR7Hw
ssqWm/sKD8InxXWluIwlYEMqsNCCARqOdNKxt7jXveBewB050vjcM8WQt/Qc3I
XIzcq5Zx0jsrJJiv1ZwiKEyYSLmYyygDwBjnJPlWXXDMmdq2vHuHPsnDCdVYX
tpExVC/BqfdcakAEEG3OBc6V6GJtLTODLp1tAeAxSjSDA0q4Ha5AKkyPhBH7V
V8Nw5BK2vf3l+U1DtBGBHdYQOR60zhU+xZyOV0yzwu1URpKGZnWQeXlTPZ
XG58R53UH0gfOs1g8QVMctN6uew0nELgz3YJ62n0tRmFNJi3kdS0aKamGoU14N
XUcZ7ENLOaM7Us5rGItUCKlmqJNYxmxUhXq9UChJamK9XqJgmAe95H5UcG
vV6qx4JXpKug16vVQQPw/EOhnDZ0PNWKn1Bp7/qbt/wDIExP60Rm/vjP/AN1er1
ZpAPLi4DXOAR1w8Rl+GIH+ldHCYB93HZemJh2/uw2M/wBter1LxQeTGR+n8cr
nRVddcysAI8HCn4VV4gIJB1Bv+D8vXa9UmP8AR4U5w+J3Ya15B1uQBB3gwL7R
pe3q9WQWFS+l/wA60TCYgggwRvyivV6rImWA4oOZJymBt3bCBEXBo7d0CXA
HOGO+2t/Txr1erMXRA8RmYKohRMdTBua9iN3fMfWvV6mXgr/2BA07wP6Q4v
HdsQMuCtgpJksI1hSd51g1yvUmRtLoeFui2P6Q4jROJwpG2Rh8ST1qh7Z7K43hh
nxMPDdQZzI4HqCAfQV6vVGdN9otVUl6ZN/1DjAyjFLzGYkeEaAeW9c/6gGOYp
hsDqDhoDP9SqGJ6zXa9XS8c68JLJW/SXs8HU4IF9Vdwef8ZcfCluO4fBJkNjIbbJic
+qV6vVFQtju60L/6MEiOJU9MRHB9Arj41fdncA6LLKpM6iAIGkRHjpvXa9R4rZ
nT0HYjl6H7zXGK8z6T9a9XqIoJoO4+P2oeJhtqRp4VyvUUACTUZr1eoDH/2Q=="
alt="technology" style="width:100%">
<figcaption>echnology is best when it brings people together</figcaption>
</div>
<div class="column">
<img src="https://cdn.the-
scientist.com/assets/articleNo/32612/iImg/6317/4bcd829a-af3a-4716-
a8446097eee2a7ad-careers.jpg" alt="media" style="width:100%" height:"60PX">
<figcaption>Whoever controls the media, controls the mind</figcaption>
</div>
<div class="column">
<img
src="https://i0.wp.com/academiamag.com/wpcontent/uploads/2022/11/Why-we-love-
socialpsychology.jpg?fit=1200%2C675&ssl=1" alt="psycology"
style="width:100%"> <figcaption>Learning never exhausts the
mind</figcaption>

</div>
</div>
</figure>
</div>
<div class="icon-bars">
<a href="WebFormdashbaord.aspx" class="active">
<i class="fa fa-home"></i>
</a>
<a href="#">
<i class="fa fa-search"></i>
</a>
<a href="WebFormmessageicon.aspx">
<i class="fa fa-envelope"></i>
</a>
<a href="WebFormglobe.aspx">
<i class="fa fa-globe"></i>
</a>

<a href="WebFormfaculty.aspx">
<i class="fa fa-user"></i>
</a>

<div class="bars">
<i class="fa fa-bars"></i>
</div>
</div>

<script src="script.js"></script>

<script>let barsEl = document.querySelector('.bars'); let


iconBarsEl = document.querySelector('.icon-bars');
barsEl.addEventListener('click', () => {
iconBarsEl.classList.toggle('show');
});</script>

<footer>
<p>&copy; learning managment system</p>
<div class="footer-social-icons">
<a href="https://www.facebook.com/officialbuic/" class="social-icon"
target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/official_bu" class="social-icon"
target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/bahriauniversityofficial/"
class="social-icon" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/school/bahria-university/" class="socialicon"
target="_blank"><i class="fab fa-linkedin-in"></i></a>
</div>

<a href="login.aspx">

</footer>
</body>
</html>
• Assignment
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
integrity="sha384-
lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ"
crossorigin="anonymous" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist
/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-
aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp"
crossorigin="anonymous" />
<style>
body {
margin: 0px;
padding: 0px;
box-sizing:
border-box;
background-
color: #d6cbd3;
}
footer {
background-color: rgba(0, 0, 0, 0.5);
color: #fff; padding: 2px;
text-align: center; position:
relative; z-index: 1;
position: fixed; left: 0;
bottom: 0; width: 100%;
text-align: center;
}
ul {
list-style-type: none;
margin: 0; padding: 0;
background-color: #d6cbd3;
width: 105%; height: 100%;
font-weight: bold; border:
4px solid black;
}
nav {
background-color: #d64161;
height: 10%; border-block-color:
black; padding: 10px;
} li a {
display: block; width: 100%;
border-bottom: 5px solid #555;
color: black;
font-family: 'Times New Roman', Times, serif;
font-size: 20px; height: 50px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: darkblue;
color: white; text-decoration:
none;
}

.footer-social-icons .social-icon {
color: white;
}
</style>
<script>
function showDownloadAlert() {
alert("Downloaded PDF");
}
function showSubmitAlert() {
alert("Your submission is done");
}
</script>
</head>

<body>
<form id="form1" runat="server">
<nav>
<img src="TRANSPARENT.png" height="65" width="150"
style="float: left; border-block-width: 2px; block-size: 2px 2px 0px
2px;" />
<p style="height: 20%; font: italic, arial; font-size: 40px; text-align:
center; color: black; font-weight: bold;"> LEARNING MANAGEMENT
SYSTEM</p>
</nav>
<div class="row">
<!--Menu-->
<div class="col-sm-3"
style="background-color: black; position: fixed; height: 100%;
float: left; border: 3px solid black;">
<ul>
<li><a href="dashboard.aspx" style="background-color: #d64161;
border: 3px solid white;">
&nbsp &nbsp LMS</a></li>
<li><a href="users.aspx">&nbsp &nbsp lecture note</a></li>
<li><a href="webFormassignment.aspx">&nbsp &nbsp
assignment</a></li>
<li><a href="WebFormquiz.aspx">&nbsp &nbsp quizzes</a></li>
<li><a href="viewfeedback.aspx">&nbsp &nbsp surveys</a></li>
<li><a href="viewfeedback.aspx">&nbsp &nbsp guidelines</a></li>
<li><a href="WebFormaanoucment.aspx">&nbsp &nbsp
announcements</a></li> </ul>
</div>
</div>
<div class="col-sm-10" style="margin-left: 23.65%">
<div class="col-sm-6" style="margin-left: 3.65%">
<p style="font-family: 'Times New Roman'; font-size: 36px; color:
black; padding: 10px; width: 60%;">ASSIGNMENT</p>
<!-- Rest of the code -->
</div>

<div class="col-sm-8" style="margin-left: 2.65%">


<table class="table table-striped table-hover" style="width: 100%;
text-align: center; margin-left: 5%">
<tr>
<th scope="col">Assg.no</th>
<th scope="col">Title</th>
<th scope="col">Assg file</th>
<th scope="col">Marks obtained</th>
<th scope="col">Action</th>
<th scope="col">Deadline</th>
</tr>
<tr>
<td>1</td>
<td>Assignment 1</td>
<td><a href="#"
onclick="showDownloadAlert()">Download</a></td>
<td>85</td>
<td><a href="#" onclick="showSubmitAlert()">Submit</a></td>
<td>June 10, 2023</td>
</tr>
<tr>
<td>2</td>
<td>Assignment 2</td>
<td><a href="#"
onclick="showDownloadAlert()">Download</a></td>
<td>92</td>
<td><a href="#" onclick="showSubmitAlert()">Submit</a></td>
<td>June 15, 2023</td>
</tr>
<tr>
<td>3</td>
<td>Assignment 3</td>
<td><a href="#"
onclick="showDownloadAlert()">Download</a></td>
<td>78</td>
<td><a href="#" onclick="showSubmitAlert()">Submit</a></td>
<td>June 20, 2023</td>
</tr>
<tr>
<td>4</td>
<td>Assignment 4</td>
<td><a href="#"
onclick="showDownloadAlert()">Download</a></td>
<td>91</td>
<td><a href="#" onclick="showSubmitAlert()">Submit</a></td>
<td>June 25, 2023</td>
</tr>
<!-- Add more rows with assignment data here -->
</table>
</div>
</div>
<div class="logo-content">
</div>
</form>
<footer>
<p>&copy; learning management system</p>
<div class="footer-social-icons">
<a href="https://www.facebook.com/officialbuic/" class="social-icon"
target="_blank"><i
class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/official_bu" class="social-icon"
target="_blank"><i
class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/bahriauniversityofficial/"
class="social-icon" target="_blank"><i
class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/school/bahria-university/"
class="social-icon" target="_blank"><i
class="fab fa-linkedin-in"></i></a>
</div>
</footer>
</body>

</html>
• Lecture notes
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="WebFormlecturenotes.aspx.cs"
Inherits="WebApplication10.WebFormlecturenotes" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
integrity="sha384lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ
" crossorigin="anonymous" />

<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp"
crossorigin="anonymous" />
<style> body {
margin: 0px; padding: 0px;
box-sizing: border-box;
background-color: #d6cbd3;
}
footer {
background-color: rgba(0, 0, 0, 0.5);
color: #fff; padding: 2px;
text-align: center; position:
relative; z-index: 1;
position: fixed; left: 0;
bottom: 0; width: 100%;
text-align: center;
}
ul
{
list-style-type: none;
margin: 0; padding: 0;
background-color: #d6cbd3;
width: 105%; height: 100%;
font-weight: bold; border:
4px solid black;
}
nav {
background-color: #d64161;
height: 10%; border-block-color:
black; padding: 10px;
} li a {
display: block;
width: 100%;
border-bottom: 5px solid #555;
color: black;
font-family: 'Times New Roman', Times, serif;
font-size: 20px; height: 50px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: darkblue;
color: white; text-decoration:
none;
}

.footer-social-icons .social-icon {
color: white;
}
</style>
</head>
<body>
<form id="form1" runat="server">

<nav>
<img src="TRANSPERENT.png" height="45" width="150" style="float:left ;
border-block-width:2px; block-size:2px 2px 0px 2px;" />
<p style="height:20%; font:italic,arial; font-size:40px;
textalign:center;color:black;font-weight:bold;">LEARNING MANAGMENT SYSTEM</p>
</nav>
<div class="row">
<!--Menu-->
<div class="col-sm-3" style="background-
color:black;position:fixed;height:100%; float:left; border:1px solid black;">
<ul>
<li>
<a href="Webformhomepage.aspx"
style="backgroundcolor:#d64161;border:3px solid white">&nbsp &nbsp LMS</a>
</li>
<li><a href="WebFormlecturenotes.aspx">&nbsp &nbsp lecture
note</a></li>
<li><a href="webFormassignment.aspx">&nbsp &nbsp
assigment</a></li>
<li><a href="WebFormquiz.aspx">&nbsp &nbsp quizzes</a></li>
<li><a href="Webformsurveys.aspx">&nbsp &nbsp surveys</a></li>
<li><a href="WebFormguidelines.aspx">&nbsp &nbsp
guidelines</a></li>
<li><a href="WebFormannoucment.aspx">&nbsp &nbsp
announcments</a></li>

</ul>
</div>
</div>
<div class="col-sm-10" style="margin-left:23.65%">
<p style="font-family: 'Times New Roman'; font-size: 36px; color: black;
background-color: transparent; padding: 15px;">LECTURE NOTES</p>
<table class="table table-striped table-hover" style="width: 80%; text-align:
center; margin-left: 5%">
<thead>
<tr>
<th scope="col">Week No</th>
<th scope="col">Lecture Title</th>
<th scope="col">Lecture File</th>
<th scope="col">Video Link</th>
<th scope="col">Remarks</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>CSS Basics</td>
<td><a href="lecture2.pdf">Download</a></td>
<td><a href="https://youtu.be/1PnVor36_40">Watch</a></td>
<td>Clear explanation</td>
<tr>
<td>2</td>
<td>CSS Basics</td>
<td><a href="lecture2.pdf">Download</a></td>
<td><a href="https://youtu.be/1PnVor36_40">Watch</a></td>
<td>Clear explanation</td>
</tr>
<tr>
<td>3</td>
<td>JavaScript Fundamentals</td>
<td><a href="lecture3.pdf">Download</a></td>
<td><a href="https://youtu.be/xk4_1vDrzzo">Watch</a></td>
<td>Interactive examples</td>
</tr>
<tr>
<td>4</td>
<td>Introduction to Python</td>
<td><a href="lecture4.pdf">Download</a></td>
<td><a href="https://youtu.be/Sg8XVnCneXE">Watch</a></td>
<td>Python syntax overview</td>
</tr>
</tbody>
</table>
</div>

<div class="logo-content">

</div>
</form>
<footer>
<p>&copy; learning managment system</p>
<div class="footer-social-icons">
<a href="https://www.facebook.com/officialbuic/" class="social-icon"
target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/official_bu" class="social-icon"
target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/bahriauniversityofficial/"
class="social-icon" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/school/bahria-university/" class="social-
icon" target="_blank"><i class="fab fa-linkedin-in"></i></a> </div>

</footer>

</body>
</html>

• Guidelines
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormguidelines.aspx.cs"
Inherits="WebApplication10.WebFormguidelines" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
integrity="sha384lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ
" crossorigin="anonymous" />

<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/boot
strap.min.css" rel="stylesheet"
integrity="sha384aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7Qbdg
L+OapgHtvPp"
crossorigin="anonymous"/>
<style> body {
margin: 0px; padding:
0px; box-sizing: border-
box; background-
color:#d6cbd3;
}
footer {
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
padding: 2px;
text-align: center;
position: relative;
z-index: 1;
position: fixed;
left: 0;
bottom: 0;
width: 100%;

text-align: center;
}
ul
{
list-style-type: none;
margin: 0; padding: 0;
background-color: #d6cbd3;
width:105%;
height:100%
; font-
weight:bold
;
border:4px
solid
black;
}
nav{
background-color:#d64161;

height:10%;
border-block-color:black;
padding:10px;
} li a {
display: block;
width: 100%;
border-bottom:5px solid #555;
color:black;
font-family:'Times New Roman', Times, serif;
font-size:20px; height:50px; text-
decoration:none;
}
li a:hover:not(.active) {
background-color: darkblue; color:
white; text-decoration:none;
}
.footer-social-icons .social-icon {
color: white;

}
</style>
</head>
<body>
<form id="form1" runat="server">

<nav>
<img src="TRANSPERENT.png" height="45" width="150" style="float:left ; border-
block-width:2px; block-size:2px 2px 0px 2px;"/>
<p style="height:20%; font:italic,arial; font-size:40px;
textalign:center;color:black;font-weight:bold;">LEARNING MANAGMENT SYSTEM</p>
</nav>
<div class="row">
<!--Menu-->
<div class="col-sm-3" style="background-color:black;position:fixed;height:100%;
float:left; border:1px solid black;">
<ul>
<li><a href="Webformhomepage.aspx" style="background-color:#d64161;border:3px solid
white">&nbsp &nbsp LMS</a></li>
<li><a href="users.aspx">&nbsp &nbsp lecture note</a></li>

<li><a href="webFormassignment.aspx">&nbsp &nbsp


assigment</a></li>
<li><a href="WebFormquiz.aspx">&nbsp &nbsp quizzes</a></li>
<li><a href="WebFormsurveys.aspx">&nbsp &nbsp surveys</a></li>
<li><a href="WebFormguidelines.aspx">&nbsp &nbsp
guidelines</a></li>
<li><a href="WebFormannoucment.aspx">&nbsp &nbsp
announcments</a></li>

</ul>
</div>
</div>
<div class="col-sm-10" style="margin-left: 23.65%;">
<p style="font-family: 'Times New Roman'; font-size: 36px; color: black;
background-color: transparent; padding: 12px;">GUIDELINES</p>
<div style="padding: 15px;">
<table class="table" style="border: 4px solid #000; border-collapse:
collapse;"> <tbody>
<tr>
<td style="border: 4px solid #000;">1. Accessing Course
Materials:</td>
<td style="border: 4px solid #000;">Log in to the LMS using your
credentials.</td> </tr>
<tr>
<td style="border: 4px solid #000;">2. Submitting
Assignments:</td>
<td style="border: 4px solid #000;">
<p>Go to the "Assignments" section to view and submit your
assignments.</p>
<p>Make sure to submit your assignments before the
deadline.</p>
</td>
</tr>
<tr>
<td style="border: 4px solid #000;">3. Taking Quizzes:</td>
<td style="border: 4px solid #000;">Quizzes can be found in the
"Quizzes" section of the LMS.</td>
</tr>
<tr>
<td style="border: 4px solid #000;">4. Staying Updated:</td>
<td style="border: 4px solid #000;">Visit the "Announcements" section regularly
to stay informed about course updates and important information.</td>
</tr>
</tbody>
</table>
</div>
</div>

</form>
<footer>
<p>&copy; learning managment system</p>
<div class="footer-social-icons">
<a href="https://www.facebook.com/officialbuic/" class="social-icon"
target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/official_bu" class="social-icon"
target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/bahriauniversityofficial/"
class="social-icon" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/school/bahria-university/" class="social-
icon" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</div>

</footer>
</body>
</html>

• Quiz
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormquiz.aspx.cs"
Inherits="WebApplication10.WebFormquiz" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
integrity="sha384lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ
" crossorigin="anonymous" />

<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp"
crossorigin="anonymous" />
<style> body {
margin: 0px; padding: 0px;
box-sizing: border-box;
background-color: #d6cbd3;
}
footer {
background-color: rgba(0, 0, 0, 0.5);
color: #fff; padding: 2px;
text-align: center; position:
relative; z-index: 1;
position: fixed; left: 0;
bottom: 0; width: 100%;
text-align: center;
}
ul
{
list-style-type: none;
margin: 0; padding: 0;
background-color: #d6cbd3;
width: 105%; height: 100%;
font-weight: bold; border:
4px solid black;
}
nav {
background-
color:
#d64161;
height: 10%;
border-block-color: black;
padding: 10px;
}
li a {
display: block;
width: 100%;
border-bottom: 5px solid #555;
color: black;
font-family: 'Times New Roman', Times, serif;
font-size: 20px; height: 50px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: darkblue;
color: white; text-decoration:
none;
}

.footer-social-icons .social-icon {
color: white;
}
</style>
</head>
<body>
<form id="form1" runat="server">

<nav>
<img src="TRANSPERENT.png" height="65" width="150" style="float:left ;
border-block-width:2px; block-size:2px 2px 0px 2px;" />
<p style="height:20%; font:italic,arial; font-size:40px;
textalign:center;color:black;font-weight:bold;">LEARNING MANAGMENT SYSTEM</p>
</nav>
<div class="row">
<!--Menu-->
<div class="col-sm-3" style="background-
color:black;position:absolute;height:100%; float:left; border:2px solid black;">
<ul>
<li>
<a href="Webformhomepage.aspx"
style="backgroundcolor:#d64161;border:3px solid white">&nbsp &nbsp LMS</a>
</li>

<li><a href="webFormassignment.aspx">&nbsp &nbsp


assigment</a></li>
<li><a href="WebFormquiz.aspx">&nbsp &nbsp quizzes</a></li>
<li><a href="WebFormsurveys.aspx">&nbsp &nbsp surveys</a></li>
<li><a href="WebFormguidelines">&nbsp &nbsp guidelines</a></li>
<li><a href="WebFormannoucment.aspx">&nbsp &nbsp
announcments</a></li>

</ul>
</div>
</div>

<div class="col-sm-10" style="margin-left: 23.65%">


<p style="font-family: 'Times New Roman'; font-size: 36px; color: black;
background-color: transparent; padding: 15px;">QUIZZES</p>
<table class="table table-striped table-hover" style="width: 80%; text-align:
center; margin-left: 5%">
<thead>
<tr>
<th scope="col">Quiz No</th>
<th scope="col">Quiz Title</th>
<th scope="col">Quiz</th>
<th scope="col">Quiz Marks</th>
<th scope="col">Quiz Solution</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>HTML Basics</td>
<td><a href="quiz1.pdf">Download</a></td>
<td>10</td>
<td><a href="solution1.pdf">Download</a></td>
</tr>
<tr>
<td>2</td>
<td>CSS Fundamentals</td>
<td><a href="quiz2.pdf">Download</a></td>
<td>15</td>
<td><a href="solution2.pdf">Download</a></td>
</tr>
<tr>
<td>3</td>
<td>JavaScript Basics</td>
<td><a href="quiz3.pdf">Download</a></td>
<td>20</td>
<td><a href="solution3.pdf">Download</a></td>
</tr>
</tbody>
</table>
</div>
<div class="logo-content">

</div>
</form>
<footer>
<p>&copy; learning managment system</p>
<div class="footer-social-icons">
<a href="https://www.facebook.com/officialbuic/" class="social-icon"
target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/official_bu" class="social-icon"
target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/bahriauniversityofficial/"
class="social-icon" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/school/bahria-university/" class="social-
icon" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</div>

</footer>

• Surveys
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormsurveys.aspx.cs"
Inherits="WebApplication10.WebFormsurveys" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
integrity="sha384lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ
" crossorigin="anonymous" />

<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/boot
strap.min.css" rel="stylesheet"
integrity="sha384aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7Qbdg
L+OapgHtvPp"
crossorigin="anonymous"/>
<style>
#title {
margin-bottom:0; margin-
left:6.65%;
}
#description { margin-
top:0; margin-left:6.65%;
font-style:italic;
}
#survey-form {
width:80%; margin:20px
auto; padding:25px;
background-color:rgba(0,0,0,0.6); border-
radius: 5px;
} fieldset {
border:none;
width:70%;
padding:15px 0;
}
label,fieldset:first-child input,select,#submit {
display:block; width:70%; border-radius: 5px;
} textarea {
margin-top:5px;
display:block;
width:700%;
}

fieldset:first-child input,select {
margin:5px 0; padding:7px;
}
fieldset:first-child label {
margin:12px 0;
}

fieldset:nth-child(2) label {
margin:10px 0;
}
fieldset:nth-child(2) input {
margin:0;
}
#submit { width:70%; background-
color:rgb(55, 175, 101);
margin:20px 0; border:none;
height:30px; color:white; }
body { margin: 0px; padding: 0px;
box-sizing: border-box; background-
color:#d6cbd3;
}

ul { list-style-
type: none; margin: 0;
padding: 0; background-
color: #d6cbd3;
width:105%;
height:100%; font-
weight:bold; border:4px
solid black;
} nav{ background-
color:#d64161;
position:page;
height:10%; border-block-
color:black;
padding:10px; } li a {
display: block; width: 100%;
border-bottom:5px solid #555;
color:black;
font-family:'Times New Roman', Times, serif;
font-size:20px; height:50px; text-
decoration:none;
}
li a:hover:not(.active) {
background-color: darkblue; color:
white; text-decoration:none;
}
.footer-social-icons .social-icon {
color: white;

}
</style>
</head>
<body>
<form id="form1" runat="server">

<nav>
<img src="TRANSPERENT.png" height="45" width="150" style="float:left ; border-
block-width:2px; block-size:2px 2px 0px 2px;"/>
<p style="height:20%; font:italic,arial; font-size:40px;
textalign:center;color:black;font-weight:bold;">LEARNING MANAGMENT SYSTEM</p>
</nav>
<div class="row">
<!--Menu-->
<div class="col-sm-3" style="background-color:black;position:fixed;height:100%;
float:left; border:1px solid black;">
<ul>
<li><a href="WebFormhomepage.aspx" style="background-color:#d64161;border:3px solid
white">&nbsp &nbsp LMS</a></li>
<li><a href="users.aspx">&nbsp &nbsp lecture note</a></li>
<li><a href="webFormassignment.aspx">&nbsp &nbsp assigment</a></li>
<li><a href="WebFormquiz.aspx">&nbsp &nbsp quizzes</a></li>
<li><a href="Webformsurveys.aspx">&nbsp &nbsp surveys</a></li>
<li><a href="WebFormguidelines.aspx">&nbsp &nbsp
guidelines</a></li>
<li><a href="WebFormannoucment.aspx">&nbsp &nbsp
announcments</a></li>

</ul>
</div>
</div>
<div class="col-sm-10" style="margin-left:26.65%">

<h1 id="title"> Survey Form</h1>


<p id="description">Thank you for taking the time to provide feedback on the
student portal</p>
<fieldset>
<legend>Would you recommend the student portal to a friend?</legend>
<label>
<input type="radio" name="reco" value="Definitely"> Definitely
</label>
<label>
<input type="radio" name="reco" value="Maybe"> Maybe
</label>
<label>
<input type="radio" name="reco" value="Not sure"> Not sure
</label>
</fieldset>

<fieldset>
<legend>What would you like to see improved in the student portal?
(Check all that apply)</legend>
<label><input type="checkbox" name="improve" value="User Interface"> User
Interface</label>
<label><input type="checkbox" name="improve" value="Navigation">
Navigation</label>
<label><input type="checkbox" name="improve" value="Course
Registration"> Course Registration</label>
<label><input type="checkbox" name="improve" value="Grades and
Progress"> Grades and Progress Tracking</label>
<label><input type="checkbox" name="improve" value="Communication">
Communication Tools</label>
<label><input type="checkbox" name="improve" value="Resource Access">
Access to Learning Resources</label>
<label><input type="checkbox" name="improve" value="Mobile-Friendly">
Mobile-Friendly Experience</label>
<label><input type="checkbox" name="improve" value="Other">
Other</label>
</fieldset>

<fieldset>
<legend>Any additional comments or suggestions?</legend>
<textarea placeholder="Enter your comment here..." rows="5"></textarea>
</fieldset>

<input id="submit" type="submit" value="Submit">

</div>
<div class="logo-content">

</div>
</form>
<script>
window.onload = function () {
// Get the form element
var form = document.getElementById('survey-form');
// Add event listener for form submission
form.addEventListener('submit', function (event) {
event.preventDefault(); // Prevent form from submitting
// Get the selected recommendation value
var recommendation =
document.querySelector('input[name="reco"]:checked').value;

// Get the selected improvements values


var improvements = []; var checkboxes =
document.querySelectorAll('input[name="improve"]:checked');
checkboxes.forEach(function (checkbox) {
improvements.push(checkbox.value);
});

// Get the additional comments


var comments = document.querySelector('textarea').value;
// Display form data in an alert
var message = "Recommendation: " + recommendation + "\n";
message += "Improvements: " + improvements.join(", ") + "\n";
message += "Comments: " + comments; alert(message);

// Reset the form


form.reset();
});
};
</script>
</body>
</html>

• Annoucments
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormannoucment.aspx.cs"
Inherits="WebApplication10.WebFormannoucment" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
integrity="sha384lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ
" crossorigin="anonymous" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp"
crossorigin="anonymous" />
<style> body {
margin: 0px; padding: 0px;
box-sizing: border-box;
background-color: #d6cbd3;
}
footer {
background-color: rgba(0, 0, 0, 0.5);
color: #fff; padding: 2px;
text-align: center; position:
relative; z-index: 1;
position: fixed; left: 0;
bottom: 0; width: 100%;
text-align: center;
}
ul
{
list-style-type: none;
margin: 0; padding: 0;
background-color: #d6cbd3;
width: 105%; height: 100%;
font-weight: bold;
border: 4px solid black;
}
nav {
background-color: #d64161;
height: 10%;
border-block-color: black;
padding: 10px;
}
li a {
display: block;
width: 100%;
border-bottom: 5px solid #555;
color: black;
font-family: 'Times New Roman', Times, serif;
font-size: 20px; height: 50px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: darkblue;
color: white; text-decoration:
none;
}

.footer-social-icons .social-icon {
color: white;
}
</style>
</head>
<body>
<form id="form1" runat="server">

<nav>
<img src="TRANSPERENT.png" height="45" width="150" style="float:left ;
border-block-width:2px; block-size:2px 2px 0px 2px;" />
<p style="height:20%; font:italic,arial; font-size:40px;
textalign:center;color:black;font-weight:bold;">LEARNING MANAGMENT SYSTEM</p>
</nav>
<div class="row">
<!--Menu-->
<div class="col-sm-3" style="background-
color:black;position:fixed;height:100%; float:left; border:1px solid black;">
<ul>
<li>
<a href="Webformhomepage.aspx"
style="backgroundcolor:#d64161;border:3px solid white">&nbsp &nbsp LMS</a>
</li>

<li><a href="WebFormlecturenotes">&nbsp &nbsp lecture


note</a></li>
<li><a href="webFormassignment.aspx">&nbsp &nbsp
assigment</a></li>
<li><a href="WebFormquiz.aspx">&nbsp &nbsp quizzes</a></li>
<li><a href="WebFormsurveys.aspx">&nbsp &nbsp surveys</a></li>
<li><a href="WebFormguidelines">&nbsp &nbsp guidelines</a></li>
<li><a href="WebFormannoucment.aspx">&nbsp &nbsp
announcments</a></li>

</ul>
</div>
</div>
<div class="col-sm-10" style="margin-left: 23.65%">
<p style="font-family: 'Times New Roman'; font-size: 36px; color: black;
background-color: transparent; padding: 15px;">ANNOUCMENTS</p>
<table class="table table-striped table-hover" style="width: 80%; text-align:
center; margin-left: 5%">

<thead>
<tr>
<th scope="col">SR.no</th>
<th scope="col">Title</th>
<th scope="col">Announcement</th>
<th scope="col">Posted Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Announcement 1</td>
<td>Quiz on tue</td>
<td>2023-06-01</td>
</tr>
<tr>
<td>2</td>
<td>Announcement 2</td>
<td> entassignment uploaded</td>
<td>2023-06-02</td>
</tr>
<tr>
<td>3</td>
<td>Announcement 3</td>
<td>mids marks uploaded</td>
<td>2023-06-03</td>
</tr>
<tr>
<td>4</td>
<td>Announcement 4</td>
<td>makeup class of sna </td>
<td>2023-06-04</td>
</tr>
<tr>
<td>5</td>
<td>Announcement 5</td>
<td>makeup lab of wst </td>
<td>2023-06-05</td>
</tr>
</tbody>
</table>

</div>
<div class="logo-content">

</div>
</form>
<footer>
<p>&copy; learning managment system</p>
<div class="footer-social-icons">
<a href="https://www.facebook.com/officialbuic/" class="social-icon"
target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/official_bu" class="social-icon"
target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/bahriauniversityofficial/"
class="social-icon" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/school/bahria-university/" class="social-
icon" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</div>

</footer>

</body>
</html>

• LMS Search
<!DOCTYPE html>
<html>
<head>
<title>LMS Search</title>
<style>
/* Add any custom styles for the search icon here */
.search-icon {
width: 20px;
height: 20px;
background-image: url('search-icon.png');
background-repeat: no-repeat; background-size:
cover;
}

/* Add any additional custom styles here */


body {
background-color: #d6cbd3;
}

.container { text-
align: center; margin-
top: 50px;
} h1 {
color: #333;
}
input[type="text"] {
padding: 10px; width:
300px; border: 1px
solid #ccc; border-
radius: 4px; font-size:
16px;
}

.search-button {
padding: 10px 20px;
background-color:#d64161 ;
color: #fff; border: none;
border-radius: 4px;
cursor: pointer; font-
size: 16px;
}

.search-label {
font-size: 18px; margin-
top: 20px;
}
</style>
</head>
<body>
<div class="container">
<h1>LMS Search</h1>
<div class="search-icon"></div>
<input type="text" placeholder="Search...">
<button class="search-button">Search</button>
<p class="search-label">Search for courses, resources, or topics:</p>
</div>
</body>
</html>

• Faculty dashboard
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
integrity="sha384lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ
" crossorigin="anonymous" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp"
crossorigin="anonymous" />
<style> body {
margin: 0px; padding: 0px;
box-sizing: border-box;
background-color: #d6cbd3;
}
footer {
background-color: rgba(0, 0, 0, 0.5);
color: #fff; padding: 2px;
text-align: center; position:
relative; z-index: 1;
position: fixed; left: 0;
bottom: 0; width: 100%;
text-align: center;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color: #d6cbd3;
width: 105%; height: 100%;
font-weight: bold; border:
4px solid black;
}
nav {
background-color: #d64161;
height: 10%;
border-block-color: black;
padding: 10px;
}
li a {
display: block;
width: 100%;
border-bottom: 5px solid #555;
color: black;
font-family: 'Times New Roman', Times, serif;
font-size: 20px; height: 50px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: darkblue;
color: white; text-decoration:
none;
}

.footer-social-icons .social-icon {
color: white;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<nav>
<img src="TRANSPERENT.png" height="65" width="150" style="float: left;
border-block-width: 2px; block-size: 2px 2px 0px 2px;" />
<p style="height: 20%; font: italic, arial; font-size: 40px; text-align:
center; color: black; font-weight: bold;">LEARNING MANAGMENT SYSTEM</p>
</nav>
<div class="row">
<!--Menu-->
<div class="col-sm-3" style="background-color: black; position: fixed;
height: 100%; float: left; border: 3px solid black;">
<ul>
<li><a href="dashboard.aspx"
style="backgroundcolor:#d64161;border:3px solid white">&nbsp &nbsp LMS</a></li>
<li><a href="users.aspx">&nbsp &nbsp lecture note</a></li>
<li><a href="webFormassignment.aspx">&nbsp &nbsp
assigment</a></li>
<li><a href="WebFormquiz.aspx">&nbsp &nbsp quizzes</a></li>
<li><a href="viewfeedback.aspx">&nbsp &nbsp surveys</a></li>
<li><a href="viewfeedback.aspx">&nbsp &nbsp guidelines</a></li>
<li><a href="WebFormaanoucment.aspx">&nbsp &nbsp
announcments</a></li>
</ul>
</div>
</div>
<div class="col-sm-10" style="margin-left: 23.65%">
<div class="col-sm-6" style="margin-left: 3.65%">
<p style="font-family: 'Times New Roman'; font-size: 36px; color:
black; padding: 10px; width: 60%;">ASSIGNMENT</p>
<!-- Rest of the code -->
</div>

<div class="col-sm-8" style="margin-left: 2.65%">


<table class="table table-striped table-hover" style="width: 100%;
text-align: center; margin-left: 5%">
<tr>
<th scope="col">Assg.no</th>
<th scope="col">Title</th>
<th scope="col">Assg file</th>
<th scope="col">Marks obtained</th>
<th scope="col">Action</th>
<th scope="col">Deadline</th>
</tr>
<tr>
<td>1</td>
<td>Assignment 1</td>
<td><a href="#"
onclick="downloadAssignment()">Download</a></td>
<td>85</td>
<td><a href="#" onclick="submitAssignment()">Submit</a></td>
<td>June 10, 2023</td>
</tr>
<tr>
<td>2</td>
<td>Assignment 2</td>
<td><a href="#"
onclick="downloadAssignment()">Download</a></td>
<td>92</td>
<td><a href="#" onclick="submitAssignment()">Submit</a></td>
<td>June 15, 2023</td>
</tr>
<tr>
<td>3</td>
<td>Assignment 3</td>
<td><a href="#"
onclick="downloadAssignment()">Download</a></td>
<td>78</td>
<td><a href="#" onclick="submitAssignment()">Submit</a></td>
<td>June 20, 2023</td>
</tr>
<tr>
<td>4</td>
<td>Assignment 4</td>
<td><a href="#"
onclick="downloadAssignment()">Download</a></td>
<td>91</td>
<td><a href="#" onclick="submitAssignment()">Submit</a></td>
<td>June 25, 2023</td>
</tr>
<!-- Add more rows with assignment data here -->
</table>
</div>
</div>
<div class="logo-content">
</div>
</form>
<footer>
<p>&copy; learning managment system</p>
<div class="footer-social-icons">
<a href="https://www.facebook.com/officialbuic/" class="social-icon"
target="_blank"><i class="fab fa-facebook-f"></i></a>
<a href="https://twitter.com/official_bu" class="social-icon"
target="_blank"><i class="fab fa-twitter"></i></a>
<a href="https://www.instagram.com/bahriauniversityofficial/"
class="social-icon" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/school/bahria-university/" class="social-
icon" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</div>
</footer>

</body>
</html>

• Globe page
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebFormglobe.aspx.cs"
Inherits="WebApplication10.WebFormglobe" %>
<!DOCTYPE html>
<html>
<head>
<title>Learning Management System</title>
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/5.15.3/css/all.min.css"> <!-
- Font Awesome stylesheet -->
<style>
body {
font-family: Arial, sans-serif;
margin: 0; padding: 0;
background-color: #d6cbd3;
}

.header {
padding: 20px; text-
align: center; background-
color:#d64161 ;
}
.icon { width:
100px; height: 100px;
margin: 0 auto;
background-color: #FF85A1;
border-radius: 50%;
display: flex; justify-
content: center; align-
items: center;
}
.icon i {
font-size: 60px;
color: #fff;
}

.content { max-
width: 800px;
margin: 0 auto;
padding: 20px;
}
.title {
font-size: 24px;
margin-bottom: 20px;
}

.description {
font-size: 16px; color:
#777; margin-bottom:
40px;
}
</style>
</head>
<body>
<header class="header">
<div class="icon">
<i class="fas fa-globe"></i> <!-- Font Awesome globe icon -->
</div>
<h1>Learning Management System</h1>
</header>

<div class="content">
<h2 class="title">Global Learning Experience</h2>
<p class="description">Explore a world of knowledge with our Learning Management
System. Access courses and educational resources from around the globe, connect with
learners and instructors worldwide, and expand your horizons like never before.</p>
<p>Sign up now and embark on a journey of lifelong learning!</p>
</div>
</body>
</html>

• Message page
<%@ Page Language="C#" AutoEventWireup="true"
CodeBehind="WebFormmessageicon.aspx.cs"
Inherits="WebApplication10.WebFormmessageicon" %>

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

.form-container { max-
width: 500px; margin:
100px auto; background-
color: #ffe6ea; padding:
30px; border-radius: 5px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
h2 {
text-align: center;
margin-bottom: 30px; color:
#d6006f;
} label {
display: block;
font-weight: bold;
margin-bottom: 10px;
color: #d6006f;
} textarea {
width: 100%; height:
150px; resize: vertical;
padding: 10px; border-
radius: 5px; border: 1px
solid #d6006f;
} button {
display: block; margin-
top: 20px; padding: 10px
20px; background-color:
#d6006f; color: #fff;
border: none; border-
radius: 5px; cursor:
pointer;
transition: background-color 0.3s;
}
button:hover {
background-color: #ab004f;
}
</style>
</head>
<body>
<div class="form-container">
<h2>LMS Message Form</h2>
<form>
<div class="form-group">
<label for="message">Message:</label>
<textarea id="message" name="message" placeholder="Type your message
here"></textarea>
</div>
<button type="submit">Send Message</button>
</form>
</div>
</body>
</html>

You might also like