Create a small business Website

Main page (index.html) - Show the principle summary information you want to provide to a person coming to your website. Put your best face forward on this page, succinctly summarizing what your business does, how you can help people, etc. You should include one or more images that help express your site.

About us/me (about_us.html) includes a snail mail address, email addresses, phone numbers, and possible social media links (Facebook and the like). Create links for email addresses. Consider marking up links for phone numbers.

Contact us/contact me page This will include a HTML form that the user can use to send you an email using the form.

You will need a

tag with appropriate embedded and other tags to collect and submit the data.

You will need to integrate a reCaptcha V2 spambot countermeasure. In short, you want to authenticate that the user is legitimate. See below for markup needed.

he following fields will be needed:

fname - contains the first name of the person. Size should be 30 characters. The field is required for the form to submit.

lname - contains the last name of the person. Size should be 50 characters. The field is required for the form to submit.

email - contains an email address, so use an appropriate HTML 5 tag that will check for a valid email address. The field is required for the form to submit.

message - this should be a text area containing 5 rows with 50 characters allowed in a column. The field is required for the form to submit.

You will need a submit button that when pressed actually submits the form

Change the action attribute for the tag to look like . Don't forget to include the other attributes for the tag that are needed.

More information page This should provide expanded detail on your business products and services

There should be a common navigation mechanism, and common headers and footers on all pages. For full points, make sure you place these in appropriate tags like

,

and

. Your book has many examples of how to do this right, which you can feel free to use.

If you have ancillary content to an article, consider using

or

tags as appropriate to place the content.

Content like articles should be placed within

tags

You should integrate appropriate images on the main page and likely on the more information page as well. Consider placement. Should content wrap around the images? Should images shrink as the width of the browser shrinks?

Look at your web page at various screen widths, simulating a mobile device and a tablet device. Does it look appropriate? Add markup as needed so each page can be read on these devices without requiring a horizontal scroll or zoom out.

All styles should be in external stylesheets only. Do not use the