Kruger National Park Task
Kruger National Park Task
Description:
Design and develop a 4-page website dedicated to providing information about Kruger National Park
in South Africa. The website should be visually appealing, user-friendly, and accessible to all users. It
should include appropriate images displayed in a JavaScript slideshow, utilise external CSS for
styling, and undergo validation using HTML/CSS validation services. Additionally, incorporate a
JavaScript pop-out navigation bar for easy navigation between pages and provide a button for
changing website pages to enhance accessibility.
Requirements:
Homepage (index.html):
Welcome message introducing Kruger National Park.
Slideshow displaying captivating images of the park.
Navigation bar with links to other pages (About, Attractions, Contact).
Button for changing website pages (accessible to users with disabilities).
External CSS file for styling.
About Page (about.html):
Information about the history and significance of Kruger National Park.
Description of the park's geography, wildlife, and conservation efforts.
Navigation bar for easy access to other pages.
Button for changing website pages.
Utilize external CSS file for consistent styling.
Attractions Page (attractions.html):
Showcase the main attractions and activities available in Kruger National Park.
Include descriptions and images of popular tourist spots, wildlife sightings, and safari
experiences.
Navigation bar for seamless navigation.
Button for changing website pages.
Utilize external CSS file for consistent styling.
Contact Page (contact.html):
Contact information for Kruger National Park, including address, phone number, and email.
Inquiry form for visitors to submit questions or feedback.
Navigation bar for easy navigation.
Button for changing website pages.
Utilise external CSS file for consistent styling.
Additional Features:
Use JavaScript to create a pop-out navigation bar that appears when clicked.
Implement a JavaScript slideshow to display images on the homepage.
Ensure all HTML and CSS code passes validation using HTML/CSS validation services.
Provide alt text for images to enhance accessibility.
Test the website across different browsers to ensure compatibility.
Deliverables: Submit the complete website files (HTML, CSS, JavaScript) along with validation
reports and documentation to Moodle.