Giter Site home page Giter Site logo

bikes-for-refugees's Introduction

bikes-for-refugees

Exercise for HTML & CSS - lesson 1

Set up

Fork this repository to your personal Github account (look for the 'fork' button on this page).

Then, clone it to your machine, using the following terminal commands.

Go to the folder you wish to save the project in: cd <your-project-directory>

Clone the repo: git clone https://github.com/<your_username>/bikes-for-refugees.git

Now, create a new branch with your name in the title

git checkout -b bikes-for-refugees/yourname

You're now ready to code!

Exercise

The aim of the exercise is for your webpage to look like the following screenshot.

Bike For Refugees after

Open the index.html file in your browser, and compare it to the image of the final result. What's different?

Use semantic markup

Where necessary, replace the <div>s with semantic HTML tags. This will not render differently in the browser, but it's good practice to use semantic markup when you can!

Fix the broken images

Some of the links to images are broken. The images you need are in the images folder - please replace any broken image links with the correct paths.

Style buttons

There are 3 buttons on the page. They need to be styled correctly - remember, re-use styles as much as possible by using classes.

Fix the positioning

Use Flexbox to move elements around so they are positioned correctly.

Submit your work

Once you've finished, open a pull request so your work can be reviewed by a mentor.

Make sure you're on your branch

In your terminal: add, commit and push your changes

Go to Github and open a PR with the CodeYourFuture repository as the base repository (not your own).

Look here for help with your PR: https://codeyourfuture.github.io/syllabus-master/others/making-a-pull-request.html

bikes-for-refugees's People

Contributors

bonboh avatar claudiamatosa avatar lucymac avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.