Scribd
Upload
22 views

Front End Development Assignment

Uploaded by

robin.sliet
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
22 views

Front End Development Assignment

Uploaded by

robin.sliet
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Create a Mobile-Responsive Single-Page Website

Objective: The objective of this assignment is to assess your creativity and ability to
design and develop a mobile-responsive single-page website using HTML, CSS, and
JavaScript. You will choose one of the mentioned industries (real estate, restaurants &
cafes, gyms or fitness centers, salons or spas, hotels or homestays) and create a
unique website for that industry.

Instructions:

Industry Selection: Choose one of the mentioned industries (real estate, restaurants &
cafes, gyms or fitness centers, salons or spas, hotels or homestays) for which you will
design the website.

Sample Design (Provided): Use this sample design as a reference for your website. You
are not required to replicate the design exactly but use it as inspiration for your creative
design.

Website Design:

● Design a visually appealing and cohesive website layout for the chosen
industry, taking inspiration from the sample design provided.
● Consider the target audience and industry-specific design elements in
your design.

Mobile Responsiveness:

● Ensure that your webpage is fully responsive and adapts to different


screen sizes, especially mobile devices.
● Use media queries in your CSS to adjust the layout and styles for different
screen sizes.
● Test your webpage on multiple devices and browsers to ensure a
consistent user experience.

HTML Structure:

● Create an HTML file that reflects the structure of your chosen industry's
website.
● Use semantic HTML elements appropriately to structure your webpage.
CSS Styling:

● Apply CSS styles to bring your design to life and make it visually
appealing, taking inspiration from the sample design provided.
● Use CSS Flexbox or Grid for layout structuring.
● Ensure consistency in design elements such as colors, typography, and
spacing.

JavaScript Functionality:

● Add interactivity to your webpage using JavaScript, if applicable and


necessary for your chosen industry.
● Implement any interactive elements or functionality that enhance user
experience.

Documentation and Comments:

● Include comments in your HTML, CSS, and JavaScript to explain complex


sections of code.
● Provide a brief document explaining your design choices, tools used, and
any challenges faced during the development.

Submission:

● Fork this GitHub repository and commit your work.


● Submit the GitHub repository link and any additional instructions or notes via
email.

Evaluation Criteria: Your assignment will be evaluated based on the following criteria:

● Creativity and originality in designing a website for the chosen industry.


● Clean, well-documented, and efficient code.
● Mobile responsiveness and adaptability to different screen sizes.
● Effective use of HTML, CSS, and JavaScript to achieve the desired functionality.
● Attention to detail and ability to follow instructions.

Note: You are encouraged to use online resources for inspiration and guidance, but the

design and code must be your own. Plagiarism will result in disqualification. The

assignment is expected to be completed within one week of receiving it. Good luck!

You might also like