EvaRoets / about-me

This repo contains all files for the about-me challenge, part of BeCode's Full Stack Junior Web Developer training. One: refresh your HTML/CSS skills, two: get to know your classmates.

Home Page:https://1-about-me.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

About me 🤸🏼

Watch the result of this project >> here

about-me

🎯 Objectives

  • Get to know your classmates
  • Refresh your HTML/CSS skills

✔️ Specifications

Create a page to introduce yourself. Every page will link to the next student, so you can click to the students of the whole class.

🌱 Must-haves

1️⃣ Content

Create a page and make sure you have the following content

  • Your name (as a large header)
  • An inspirational quote in italics
  • A (professional) photo of yourself (you can save the file in the repository next to the README file)
  • "Me, in one sentence" (as a smaller header)
  • A table with the following structure:

Birthday: dd/mm
Favorite color: ?
Favorite food: ?
Pinneapple on pizza: Yes/No (Extra challenge: make it look like a (un)checked checkbox)


  • Bullet list of hobbies (smaller header), one item of which should contain a sublist
  • You can always count on me when... (smaller header)
  • Tell your teammates which positive contribution to the group you will make._
  • A funny story (smaller header)
  • TL;DR (even smaller header, under funny story)
  • Summarise your funny story in one short sentence.

2️⃣ Styling

Add some CSS to tweak the styling to your liking.

3️⃣ Putting it online

Netlify provides a simple drag & drop interface to host simple HTML/CSS website. Create an account and host yours.

4️⃣ Next / previous

Add links to the previous and next person in class to click through the full group, adopting the structure below << previous || YOUR NAME || next >>

About

This repo contains all files for the about-me challenge, part of BeCode's Full Stack Junior Web Developer training. One: refresh your HTML/CSS skills, two: get to know your classmates.

https://1-about-me.netlify.app/


Languages

Language:CSS 62.1%Language:HTML 37.9%