This is what the client wants on the first page so do it for them (screenshot below of the finished page):
- a title element with the content The Tuck Inn
- an image as a banner (provided by them) at the top of the body:
- download the banner image (right click on the link and save image in thetuckinn)
- use a graphics program to change it from a bmp to png because bitmap is not suited to Web use (open it in Paint/Irfanview/Photoshop and Save As)
- now make the background transparent (GIMP and Photoshop can do this easily - Google it)
- create a div in front.html
- inside the div put an img tag with a src and alt attributes (this is the banner.png image)
- test the image by opening the page in a browser
- a main heading saying Welcome
- at least one paragraph under the main heading which introduces the site and The Tuck Inn (optionally use the text provided by The Tuck Inn)
- an image of your choice conveying the pleasant nature of the restaurant (make it a png or jpg and not too big or small)
- a sub-heading Special Nights and a paragraph about those special nights (which are themed by country or food style - see the text provided by The Tuck Inn if you want)
- a sub-heading and paragraph about their lunchtime menu (again see the text file for ideas)
- two links (a) inside a p element to the next pages you will create called menu.html and contact.html with the wording Our Menu and Contact Details
When you have finished it should look something like this (the words and second image might be different but the layout should be the same):
