Please enable JavaScript to use CodeHS

Clone a Website

In this project, students will recreate the appearance of their favorite website using HTML and CSS. They do not need to create the functionality of the site.

Medium

3 Hours

High School

Project Description

Background

Your entire life, you have been told not to copy. Today, you are going to copy! Most of the websites you may visit on a day to day basis use some pretty advanced content, such as dynamic content and responsive site development. One effective way to learn how other sites are built is to recreate them.


Your Task

In this project, you are going to recreate one of your favorite website’s homepage using some basic CSS and HTML. Your project does not need to get into all of that detail. Instead, you should focus on the layout and the elements on the screen. Think about recreating what you would see if you took a screenshot of your website.


Of course, you can’t just take a screenshot and add the image to your website. You’ll need to incorporate images, text blocks, some type of navigation option, and styling.

Project Overview

Here is an outline of the project activities: