Skip to content

This is an exercise to show us where your front-end skills are.

Notifications You must be signed in to change notification settings

kspohlman/design_exercise

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Front End Exercise

This is an exercise to show us where your front-end skills are. Feel free to use any tools or frameworks you want.

Getting Started

Clone this repo

New to git? This should help Github Help on cloning a repo, Let's suck at Github together

Step 1

Create an HTML5 page with a header, footer and main section in index.html. The main section should contain a content section and a sidebar. Make the sidebar align to the right side of the content section.

index.html should include:

  • test.css
  • test.js
  • https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js

The header should include a nav with three links:

  • Home - index.html
  • About - /about
  • Blog - /blog

Step 2

In the content section of the site, build out a simple blog post that has a featured image. You're free to design it how you like and we suggest using Cincy Ipsum for text and Fill Murray for the image. Style this however you would like.

Step 3

Using CSS, make index.html responsive. Style from mobile through desktop views.

Bonus

  • Write your styles in SCSS, SASS, or LESS
  • For using BEM methodology

I'm Finished!

About

This is an exercise to show us where your front-end skills are.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 37.2%
  • HTML 37.3%
  • JavaScript 25.5%