Skip to content

omiras/singulars-postcard-2023

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 

Repository files navigation

The Postcard

Who does not like postcards? This is one of your first exercises (if not the first) and it's fun and relatively easy :)

Let's create a postcard with HTML5 and CSS and then you can share it with your mom or with your other half, she/he is going to be proud! :)

Don't think too much about HTML semantics here, we want to focus on HTML structure and CSS classes.

Instructions

Create the HTML and CSS needed to replicate this exact same picture.

postcard preview

✋ Here is the url for 4Geeks logo: https://github.com/breatheco-de/exercise-postcard/blob/main/.learn/assets/4geeks.png?raw=true

Create by drawing your strategy

Postcard Strategy

What to do if you are stuck?

There is a video about this exercise, watch it if you are lost. But don't copy everything, try to code some of your own.

BONUS

  1. Use the Lato Google Font for all the document, or any other Google Font you like
  2. When we hover the button element, change its background color to something different, or any other CSS change.

Pair Programming

  1. One of the student will start acting as a driver.
  2. Only that student must fork this repostory
  3. You must add your partner to be able to write in your repo - Video
  4. You MUST make an scheme of the Website by drawing boxes before starting to code. You could name it schema.jpg and save it in this directory.
  5. After some time, you should change roles with your partner.
  6. The driver must commit the code to with git
  7. Push the changes to GitHub
  8. Then the new driver will clone the repo and continue the exercise

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages