Fictional Company Website (for a real product)– create a website for an existing product presenting the product as if you created it yourself and you own the business. You will create a multi-page co

Fictional Company Website (for a real product)– create a website for an existing product presenting the product as if you created it yourself and you own the business. 

You will create a multi-page company website with the following pages:

Every Page on your site needs:

·        Title

·        Heading

·        A link back to the homepage (except the homepage which needs links to every other part of the site.

Index.html – this will be the default landing page –

·        it should have links to all of the other pages

·        an image of your product

·        a heading that suggests using a promo code for some % off.

·        A link back to the homepage (index.html)

Our Product – information about your

·        It should include an underordered list of your products features

·        A paragraph explaining the purpose of your product

·        Should include an embedded youtube video that is either a review or advertisement for you product.

·        A link back to the homepage (index.html)

About US – discuss your background – pretend you invented this and you are the CEO

·        Include a picture of yourself

·        A paragraph with your fictional background with a story of how you invented this product

·        A paragraph explaining what you did before inventing this product (who did you work for…where did you attend school etc. Place a div around this paragraph and give it the class name “mystory”. In your CSS file, make the mystory class and create a rule that sets the font to be italic.

·        A link back to the homepage (index.html)

Pricing – Should include a table with pricing for various versions of the product. 

·        You must include at least 3 different versions of the product

·        The price for each version of the product

·        A working link where you can purchase the product

·        You should set the ID of the row with the best deal as the id name “bestdeal” (you will need to create the best deal id later on in your css file

·        A link back to the homepage (index.html)

Style.css – make your style sheet and make sure that all of your pages are linked to it

·        ID named bestdeal should set the background color to a different color and should change the font to bold

·        Class named mystory should set the font to be italic

·        A rule that sets all links to be the color SeaGreen

·        A rule that changes font of all the pages body to Arial

·        A rule that sets the heading of all pages to be #0000DD