Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Lab: Box Model Lab

License

NotificationsYou must be signed in to change notification settings

The-Marcy-Lab-School/landing-page-lab-box-model

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 

Repository files navigation

Learning Lab - Landing Page Mockup

Objective

  • On the job, a designer (or you!) might create a wireframe or a mockup of what your app or site should look like. It will then be your job to translate this into front end code.
  • Your task for this lab is to recreatethis "Mockup" for a journal/blog webpage.
  • Be sure to usesemantic HTML and all that you've learned aboutdisplay properties to get as close to apixel perfect recreation of this mockup as possible!

Directions

  1. If this is aPractice or Pairing Lab, fork this repo and clone down the forked repoOR if this is aLab Assignment that was generate using Github classroom, then your repo name will end in your username. No need to fork, just clone this repo without forking it.
  2. Create yourindex.html andindex.css files.
  3. Stage, commit, and push your changes regularly.
  4. If this is aLab Assignment, submit the URL of your repo to Canvas. If this is aPractice or Pairing Lab, you can open a PR to denote that you are done.

Note: If you would like to make changes to the text, color scheme, or photo on this page, feel free. I'm most concerned with how closely you can match thelayout of the mockup.

About

Lab: Box Model Lab

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors4

  •  
  •  
  •  
  •  

[8]ページ先頭

©2009-2025 Movatter.jp