Coder Social home page Coder Social logo

momentum's Introduction

From Code To Mockup

Techdegree F.E.W.D. Slack Challenge Project 03

These projects are not required to complete your Treehouse Techdegree. They are a supplement to your learning and can be great additions to your portfolio as full projects.

Description -

You're working for a company as a front-end developer. Your boss tells you that your team is putting the finishing touches on a website they've been developing; Momentum. The design team has created a mockup for the beta testing landing page for this website and your boss needs you to code it out with just HTML and CSS!

Getting Started

When downloading this project, you'll recieve a folder called Momentume. Inside this folder you'll find a few files. (a CSS folder with a stylesheet, an images folder, a mockups folder and an index.html file) - Open up the mockups folder and you'll see the mockup the design team has created for you. The goal is for you to write all the HTML and CSS to execute the mockup as closely as you can. All the images and icons you will need are included in the images folder. In the HTML file you'll see the structure for this project already coded out. You just need to finish it. Should you get stuck, feel free to reach out and ask for some assistance.

Levels of Success with this project

Bronze

  • Code out the mockup completely using onlt HTML and CSS

Silver

  • Code out the mockup completely using onlt HTML and CSS
  • Use a mobile first approach to make this plugin's landing page responsive and easy to view in any screen size.

Gold

  • Code out the mockup completely using onlt HTML and CSS
  • Use a mobile first approach to make this plugin's landing page responsive and easy to view in any screen size.
  • Add some JavaScript interactivity of any kind.

momentum's People

Contributors

joshnussbaum89 avatar dustinusey 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.