Full Stack Web Development Starter Internship Online

Free demo task

Build your first mini profile card

30 minutes | Free | No login needed

Create a small profile card in an HTML file using a text editor and your browser. Include your name, one skill you want to learn and a clear contact link. You can use fictional contact details.

• Create an index.html file with an HTML document, a page title, and a main section.
• Add a heading for your name, a paragraph about the skill you want to learn, and an email link with a fictional address.
• Use CSS to add comfortable padding, a readable font, a rounded border and a colour you like. Keep the card within the screen width.
• Open the file in your browser. Resize the window and use the Tab key to check that the contact link is usable.

Sample answer

A possible card: Alex — Future Web Developer I am learning HTML and CSS to build useful websites. [ Contact Alex ] Example HTML for the card: <main class="profile-card"> <h1>Alex — Future Web Developer</h1> <p>I am learning HTML and CSS to build useful websites.</p> <a href="mailto:alex@example.com">Contact Alex</a> </main> A good result stays readable on mobile and lets you reach the link with the keyboard. Use your own styling; there is no single correct design.

This practice does not include a certificate or mentor review.