HTML & CSS: Build a Dashboard

Great course to practice your html and css

Created byJoe Santos Garcia

Last updated 8/2019

English

English [Auto],

What you'll learn

HTML
CSS

Course content

1 section • 6 lectures • 2h 51m total length

Introduction36:22
Learn to build a dashboard by creating a starter kit project, wiring up a side navigation with six links, applying color variables, icons, hover effects, and a full screen layout.
Build the header39:20
Build the header for a dashboard by creating two sections—a search area and a user area—with icons and a notification badge, styled with css on a white header.
Laydown the HTML for Content Area21:49
Style the cards44:58
Style the dashboard cards with CSS by building reusable card components, arranging three-column grids, adding padding, borders, rounded corners, centered user image and text, and color refinements.
Build a Simple Grid system10:34
Build a simple, responsive grid system using container, row, and content areas, with breakpoints for small to extra-large screens and fluid column counts.
style html table17:58

Requirements

Know how to use a PC

Description

So you took a web development course? But now don't what projects to build? Look no more this is one of those projects that will test you skills as a developer. Learn HTML and some advance features in css with sass. Great for beginners and experienced developers. Take this course and build a dashboard with html and css.

Who this course is for:

Anyone that wants to Learn to code