For the Phase 5 Individual Project assignment, you will complete the following two parts.
Enhance your 3-page Web site by including more content with at least 1 additional style to your external style.css file and at least 1 additional asset. For the additional style, you may include the following:
For the additional enhancement, you may include the following:
Submit the following to your instructor:
Submit the screenshot or Word document to the Submitted Assignments area.
untitled.html
<!DOCTYPE html>
<html>
<head>
<title>HTML CSS Intro</title>
<link rel="stylesheet" href="untitled.css">
<script src="vf1.js"></script>
</head>
<body>
<div id="mainheading">
<h1>Welcome to HTML & CSS</h1>
</div>
<p id = "introt">
HTML stands for Hyper Text Markup Language and CSS stands for Cascading Style Sheets.
</p>
<img id="image" src="img.png">
</body>
</html>
untitled.css
@font-face {
font-family: 'Tajawal';
font-style: normal;
font-weight: 400;
src: local('Tajawal'), local('Tajawal-Regular'), url(https://fonts.gstatic.com/s/tajawal/v1/Iura6YBj_oCad4k1nzGBCw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
color: LightGray;
background-color: black;
font-family: 'Tajawal', sans-serif;
font-size: 16px;
}
#mainheading{
text-align: center;
}
#introt{
color: white;
text-align: center;
}
#image{
display: block;
margin: 0 auto;
}
Webpage Screenshot:
Get Answers For Free
Most questions answered within 1 hours.