Skip to content

Latest commit

 

History

History
21 lines (15 loc) · 1.72 KB

File metadata and controls

21 lines (15 loc) · 1.72 KB

Mini Project 1.1: Get some practice integrating a mockup in HTML and CSS

Credit to OpenClassrooms

Become

Mini Project Instructions

  1. Open the project page on OpenClassrooms

    • Before you begin, identify your client. What do they do? Where are they based?
    • Please create a markdown file (.md) in your project folder and include a few brief notes about your client.
  2. Visit one of the linked sites in the project that contains visual mockups. Find one that fits the overall feel and needs of your client.

    • Don't worry about using Photoshop or downloading a PSD file.
    • Do consider visiting the demo site for your chosen theme, if available, and using your browser's inspector tools to check the dimensions of the major elements on the page.
  3. Using Bootstrap, do your best to recreate the layout, look, and feel of the mockup.

    • Change elements as needed to reflect the branding / offering of your client.
    • Your project should contain both HTML and CSS files.
    • Note: if you have trouble with Bootstrap, please see the Starter Template as an example of adding the Bootstrap CSS and JS to your page. Your project should not require any JavaScript files, but Bootstrap requires a <link> tag and a few <script> tags in your HTML file.
  4. Create a new branch and then new Pull Request and assign it to your coach for review.