I need to create an html website with 3 webpages that look like the pictures below. the menu items must have a hover feature and link to the other pages.

please help

CIS 227 Mid-Term CIS126 Midterm Requirements Sample of the home page, midterm.html: Keyboard Specialists Sample of the services page (services.html): Keyboard Specialists Our Services and Prices CIS 227 Mid-Term CIS126 Midterm Requirements Sample of the Contact Us page (contact.html): Keyboard Speeialists Sample of the Products Page (services.html) extra credit Keyboard Specialists our Products CIS 227 Mid-Term CIS 126 Midterm Requirements Common Features Across All Pages your name within a comment on all files Put images in a subfolder named images Put css file in a subloider named styles All images should have alternate text . All links work Use margins, borders, and padding to make pages look ike the screen shots Vallidate your pages (including css files). Use HTML5 semantic tags, such as header, footer, section, etc. .Each page has the same header section Use the header semantic tag Use the display:inline CSS property to arrange menu items o o The menu items will have a hover feature: when the mouse hovers over the "button" the background color and font color change. You can use your choice of colors, as long as they are different from the non- hover colors, and e dearly visible. Each list item has embedded in it a link to one of the 3 pages, the Products link has a W, so no change occurs in the browser when clicked o Each page also has the same footer at the end of the page. CIS 227 Mid-Term CIS126 Midterm Requirements Sample of the home page, midterm.html: Keyboard Specialists Sample of the services page (services.html): Keyboard Specialists Our Services and Prices CIS 227 Mid-Term CIS126 Midterm Requirements Sample of the Contact Us page (contact.html): Keyboard Speeialists Sample of the Products Page (services.html) extra credit Keyboard Specialists our Products CIS 227 Mid-Term CIS 126 Midterm Requirements Common Features Across All Pages your name within a comment on all files Put images in a subfolder named images Put css file in a subloider named styles All images should have alternate text . All links work Use margins, borders, and padding to make pages look ike the screen shots Vallidate your pages (including css files). Use HTML5 semantic tags, such as header, footer, section, etc. .Each page has the same header section Use the header semantic tag Use the display:inline CSS property to arrange menu items o o The menu items will have a hover feature: when the mouse hovers over the "button" the background color and font color change. You can use your choice of colors, as long as they are different from the non- hover colors, and e dearly visible. Each list item has embedded in it a link to one of the 3 pages, the Products link has a W, so no change occurs in the browser when clicked o Each page also has the same footer at the end of the page