Skip to content
This repository has been archived by the owner on Aug 17, 2024. It is now read-only.

Apply flexbox and grid as you recreate a simple landing page

Notifications You must be signed in to change notification settings

CodeYourFuture/HTML-CSS-Module-Project

Repository files navigation

karma-clone

The aim of this exercise is to create a page that looks just like this one:

Karma desktop design

Set up

  • Fork and clone this repo.
    • To fork, hit the 'fork' button in the top right corner of this page on Github. Now you should be on your own Github repository - you'll know this because your name should now be in the repo name at the top of the Github page.
    • To clone, click the green button that says 'Code' on that page. Now the code is on your own machine (this happened when you cloned), AND it's linked to your own Karma repository on Github (which was created when you forked).

Instructions

  • Edit index.html and style.css to re-create the design above.
    • Remember, use semantic HTML to re-create the structure, and style each element using CSS to make a perfect copy of the above image.
    • All the images and icons you need can be found in the img folder, and the font 'Roboto' is already loaded into the project.
    • Only create the desktop design for now.

Submitting your work

  • Commit and push your code often (for example every half an hour)so you get into the habit and you avoid losing any code that you write if your machine crashes for example.
  • Once you're ready to submit your homework for review, do a final push and create a Pull Request. If you're unsure how to do this, you can use this guide for creating pull requests.

About

Apply flexbox and grid as you recreate a simple landing page

Resources

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published