Assignment 

for Website Development Intern: 

Project: Building a Mul ‐page Website with API Integra on and Advanced Features 

Objec ve: 

The objec ve of this assignment is to develop a mul ‐page website using HTML, CSS, and JavaScript, 

with the following key requirements: 

Create a website with four pages: 

a) Home page: A landing page that provides an overview of the website and its purpose. 

b) About page: A page that provides informa on about the company or organiza on. 

c) Services page: A page that showcases various services provided by the company. This page should 
include an image slider to display mul ple service images. 

d) Contact page: A page that allows users to send inquiries to the company. Implement Google 
reCAPTCHA v3 to prevent spam submissions. 

Integrate a publicly available API: 

Choose an API from a reputable source that aligns with the purpose of your website. This could be an 
API for weather forecasts, news headlines, image search, etc. Integrate the API on one or more pages 
to display dynamic content relevant to the website's topic. 

Use Google reCAPTCHA v3 on the contact page: 

Implement Google reCAPTCHA v3 on the contact page to ensure that submissions are made by real 
users and not automated bots. The reCAPTCHA score should be validated on the server‐side before 
accep ng the form submission. 

Requirements: 

Design and layout: 

Create a visually appealing and user‐friendly website design using HTML and CSS. Use appropriate 
colors, fonts, and layouts to enhance the user experience. 

Responsive design: 
Ensure that the website is responsive and adapts well to different screen sizes (desktop, tablet, 
mobile) using media queries or a responsive framework (such as Bootstrap). 

Naviga on: 

Implement a naviga on menu or bar to allow users to switch between different pages on the 
website. 

Image slider on the services page: 

Implement an image slider on the services page using JavaScript or a JavaScript library such as jQuery 
or Slick Slider. The slider should automa cally cycle through mul ple service images. 

API integra on: 

Integrate the chosen API on one or more pages to display dynamic content. This could include 
fetching and displaying weather data, news ar cles, image search results, or any other relevant 
informa on. 

Google reCAPTCHA v3: 

Integrate Google reCAPTCHA v3 on the contact page to validate user submissions. The reCAPTCHA 
score should be verified on the server‐side before accep ng the form submission. 

Error handling: 

Implement appropriate error handling and valida on on form submissions to ensure that users 
provide the required informa on and receive feedback on any errors or successful submissions. 

Code organiza on and documenta on: 

Write clean, well‐structured code and include comments where necessary. Use appropriate naming 
conven ons and separate the HTML, CSS, and JavaScript into separate files. Provide a brief 
documenta on file describing the project and how to run it. 

Submission Guidelines: 

Create a GitHub repository: 

Create a GitHub repository to host your project. Commit your code as you progress, providing a clear 
commit history. 
 

Deploy the website: 

Host your website on a pla orm of your choice (GitHub Pages, Netlify, etc.) and provide the URL of 
the deployed website in your submission. 

Provide a README file: (Op onal) 

Include a README file in your repository that explains how to run the project locally and any 
addi onal instruc ons or considera ons. 

Documenta on: (Op onal) 

Include a brief documenta on file (PDF or Markdown) that explains the project's purpose, features, 
and any addi onal notes. 

Evalua on Criteria: 

Your assignment will be evaluated based on the following criteria: 

Completeness: Have you fulfilled all the required tasks and implemented all the men oned features? 

Func onality: Does the website work as expected? Are the API