1. Create an index.html page that will serve as your site home page, the home page should include the following:
   1. The driving school name must be in the header section. The driving school's name is Nsuku Driving School
   2. Add an image below the heading element to display the business/school logo.
   3. A navigation bar linking to all pages (Home, Packages, Registration, Contact Us), codes the navigation links as an unordered list.
   4. Add a hero image.
   5. The main tag should contain a minimum of three paragraphs with content related to the driving school
   6. Driving school contact details in the footer element must have telephone and email links with special characters showing a small phone and envelope, as well as the copy right symbol
   7. Add a style attribute to text in the page you wish to highlight, e.g. special promotion or discount
   8. Modify the home page to add essential content for a mobile user.
   9. Save the index.html page in the root folder
2. Create a packages.html page, Save the packages.html page in the root folder.
   1. The driving school name must be in the header section.
   2. Add an image below the heading element to display the business/school logo.
   3. Navigation bar linking to all pages (Home, Packages, Registration, Contact Us), code the navigation links as an unordered list.
   4. The main tag should contain a minimum of six packages offered by the school with an image depicting the package, a purpose statement for each package and the detailed information about the package in list format. Visit the https://mydrivingschool.co.za/packages/ to get an idea of what is meant with packages for a driving school that assists in the obtaining of driving licenses. The information you obtain from the business/school you are designing the site for will most likely be different
   5. Add a round class to the images
   6. Include a description list with information related to learning how to drive
   7. Add a link to Natis booking system (Google Natis to find the link) use the external-link Class
   8. Modify the packages page to add essential content for a mobile user.
   9. Driving school contact details in the footer element must have telephone (015 812 2372) and email links(nsuku.driving@maito.com) with special characters showing a small phone and envelope, as well as the copy right symbol
3. Create a contact.html page, save the contact.html page in the root folder
   1. The driving school name (Nsuku driving School) must be in the header section.
   2. Add an image below the heading element to display the driving school logo.
   3. Navigation bar linking to all pages (Home, Packages, Registration, Contact Us), code the navigation links as an unordered list
   4. Add the business hours for the business/school as an unordered list element containing a class attribute with the value hours. business hour are as follows, Monday to Friday from 7:00 Am to 17:00 pm
   5. The main tag should contain the driving school phone number (015 812 2372), email address (nsuku.driving@maito.com) and street address (22 nyagelami street). The phone number and email address must be links.
   6. Embed a map to the business/school address, use the map Class
   7. Modify the contact page to add essential content for a mobile user.
   8. Driving school contact details in the footer element must have telephone and email links with special characters showing a small phone and envelope, as well as the copy right symbol.
4. Create a folder inside the root folder for the website and name the folder StyleSheet.
5. Create a styles.css page and save it in the StyleSheet folder.
   1. Change the background color of the body tag
   2. Position the elements
   3. Style the Navigation Using CSS
   4. Make images responsive
   5. Add a declaration to specify the background color and padding, and increase the font size for the main element
   6. Create a style rule for the footer element
   7. Create style rules for ids on the packages page
   8. Create style rules for ids on the contact page
   9. Style the action class
   10. Style the external-link class
   11. Style the map class
   12. Create a CSS Reset
   13. Create a Sticky Header
   14. Edit the nav style rule for mobile viewports
   15. Edit the nav ul style rule for mobile viewports
   16. Edit the nav li style rule for mobile viewports
   17. Remove the top border for the nav li style rule
   18. Edit the nav li a Style Rule
   19. Create a style rule for the mobile class
   20. Add a style rule for the tablet-desktop class
   21. Add style rules for the tel-link class
   22. Style Rule for the Hours Class
   23. Modify the style rule for the main element
   24. Add a style rule for the round class

Modify the style rule for the images in the packages page to use a single column.

Answer rating: 100% (QA)

Solution HTML stands for HyperText Markup Language It is a markup ... View the full answer