Please enable JavaScript to use CodeHS

  • Autograded

One-Page Profile

In this project, students will build a web page using HTML and CSS about themselves. Their one-page profile will highlight their interests and brief bio, images of their choice, and any links to social media or websites.

Easy

2 Hours

Project Description

In this project, students will build a web page using HTML and CSS about themselves. Their one-page profile will highlight their interests and a brief bio, images of their choice, and any links to social media or websites.

Create the Content

Students will start by building an HTML web page with a div that includes their name, a brief bio, and some images. This will be the box of profile content shown in the corner of the web page.

Style It

Students will then create a CSS file that styles their webpage. They will add a background image as well as style the div so that it is floats in the right or left corner of the page.

Float Box