Assignment 1 HTML and CSS Exercise Become familiar with HTML and CSS technologies Learn how to imitate a web page 1 Objectives 2 Description You should be able to compose documents directly in HTML and CSS This is very helpful as it is often necessary to modify existing documents Also when writing server side scripts one must generate HTML In this assignment you are given an image of a web page Your task is to reproduce the page as closely as possible writing HTML and CSS directly that is without using anything more than a text editor Screen shots of the web page to be imitated to be scrolled vertically can be found in the attached screenshots zip Video is available in the attached Assignment1 video mov Important Note use of CSS is required You will need four 4 images to help you complete the web page image1 png image2 png image3 png and flower png you can use the latter to create the second flower image using any graphical editor like Photoshop You should not use any other image Please note that if you view the images of the sample web page in a browser some browsers will automatically resize the image to fit within the browser window The page contains five 5 active links within the text The links are labeled Home Services About Gallery and Contact On the page you are going to build the five 5 active text links should be made to point to the same page say page2 html at your website The page page2 html should be divided into 5 parts Each part will begin with a paragraph tag that looks like this p id home This is the start of page2 html which corresponds to the Home link You are to construct the five 5 links so that when a person clicks on a link e g they click on About the page page2 html is displayed on a new tab or a new popup window depending on user selection and the section of page2 html that has the corresponding name as the name of the link is placed at the top i e the page scrolls up The scrolling will not be visible unless your target id s are spaced by inches To test your assignment please view your web page using Firefox Resize your browser window to the same size as the top PNG image image1 png and then see if you have used the correct font color and size and if the position of text is correct 3 Submission Hyperlink this assignment to the table of content on GitHub Pages and upload your source code as a single ZIP file or 2 HTML files and a CSS file to D2L Brightspace dropbox folder for Assignment 1