Your task is to create a CSS file and link it to an HTML page. You may build off your previous assignment or start from scratch. In this lab, you will create a basic 'advertisement' website with multiple pages all sharing the same theme. You will create three html documents: lab3_home.html, lab3_services.html, and lab3_contact.html. In the head section of each page, you will link your lab3.css file. Each html page will contain the following tags, in which you may fill the content with information about your 'mock services':
<!doctype html>
<html>
<head>
<title> </title>
<link rel='stylesheet' type='text/css' href='style.css' >
</head>
<body>
<header>
<h1>Page Title</h1>
</header>
<nav> </nav>
<div class='content'> </div>
<footer> </footer>
</body>
</html>
Copy the template above and use it as a starting point. For the header section, add an <h1> for a heading, we will style this with our css later. In the nav section, have an unordered list with three list items, each being a link to the following pages:lab3_home.html, lab3_services.html, lab3_contact.html. Once you've completed the nav section, save this file three times as the corresponding filenames listed.
For each page, you may fill in the content yourself or for 'development'
purposes, use Lorem Ipsum as temporary filler text. However, each page
should have a unique <title> and <h1>. For example,
<h1>Home</h1>
<h1>Services</h1>
<h1>Contact Us</h1>
Only in the services page will you include two <img> tags of
local images. Give both img tags the id 'thumbnail'. You will need to
find images and FTP them to sleipnir in your public_html. Have these
images within the content division.
In this file you will declare the following css rules plus five more:
Once completed, you will need to upload each corresponding file to sleipinr in your public_html directory (the three html files and the one css file). Verify that your web page is viewable on your web account.