Scribd
Upload
28 views3 pages

Header File - Week5 Progress Report

Week 5 Progress Report of Online Car Parking management System

Uploaded by

imran.khan03
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
28 views3 pages

Header File - Week5 Progress Report

Week 5 Progress Report of Online Car Parking management System

Uploaded by

imran.khan03
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/ 3

Header File (Imran Khan) Week 5 – Progress Report

<!DOCTYPE html>
<html>
<head>
<meta charset="u9-8">
<meta name="viewport" content="width = device-width, iniCal-scale=1">
<Ctle>Digital parking/Ctle>
<link rel="stylesheet"
href="hJps://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="hJps://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="hJps://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="hJps://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="hJps://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<link href="style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/Table.css">

</head>

This is an HTML document that serves as the front-end interface for a digital parking
management system. Let's break down each line:

<!DOCTYPE html>
<html>
<head>
<meta charset="u9-8">
<meta name="viewport" content="width = device-width, iniCal-scale=1">
<Ctle>Digital parking/Ctle>

• This sec(on defines the document type and starts the HTML document. It sets the character encoding to
UTF-8 and specifies the viewport for responsive design. However, there's a typo in the <(tle> tag
(<(tle>Digital parking/(tle>), which should be <(tle>Digital parking</(tle>.

<link rel="stylesheet"
href="hJps://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="hJps://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="hJps://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="hJps://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="hJps://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<link href="style.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/Table.css">
• These lines import various external resources:
o Bootstrap CSS and JavaScript files for styling and interac(ve components.
o jQuery library, required for Bootstrap's JavaScript plugins.
o Popper.js, a dependency for Bootstrap tool(ps and popovers.
o Font Awesome icons library.
o A custom CSS file (style.css) and a CSS file for tables (Table.css) located in a folder named "css".

Overall, this HTML document imports resources necessary for styling and interacBvity using
Bootstrap, jQuery, and Font Awesome. It also includes custom CSS files for addiBonal styling.

Footer file

<br>
<br>
<br>
<br>
<br>
<footer >
<div style="width:100%;">
<div style="float:leZ;">
<p style="color:green;"> &copy; Copyright CSE299.</p>
</div>
<div style="float:right;">
<p style="color:blue;" font-weight: bold;> Desinged By : Cse299</p>
</div>
</div>
</footer>
</body>
</html>

This HTML snippet appears to define a footer secBon for a web page. Let's analyze it line by line:

<br>
<br>
<br>
<br>
<br>

These lines consist of mulBple <br> tags, which create verBcal spacing between elements. It
seems excessive and could be replaced with CSS margin or padding properBes for bePer
maintainability
<footer>
<div style="width:100%;">
<div style="float:leZ;">
<p style="color:green;">&copy; Copyright CSE299.</p>
</div>
<div style="float:right;">
<p style="color:blue;" font-weight: bold;>Desinged By : Cse299</p>
</div>
</div>
</footer>
</body>
</html>

• This secBon defines a footer element (<footer>) for the web page.
• Inside the footer, there's a <div> element with a width of 100%.
• Within this <div>, there are two child <div> elements.
o The first <div> is floated to the leX and contains a paragraph (<p>) with green-
colored text indicaBng copyright informaBon.
o The second <div> is floated to the right and contains another paragraph with
blue-colored text, likely indicaBng design credits.

You might also like