Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
22 Videos (3h 8m)
    • Introduction

      1:36
    • The Starting Files

      4:40
    • Exporting Images

      11:27
    • Building the Header

      10:55
    • Building the Content Slider

      14:15
    • Building the Feature Services

      7:49
    • Building the Footer

      8:29
    • Normalizing Your Styles

      3:44
    • Font Selection

      5:20
    • Styling the Title Text

      5:37
    • Styling the Main Menu

      14:49
    • Coloring the Menu Items

      5:14
    • Styling the Menu Text

      7:54
    • Animated Hover Effects

      6:36
    • Styling the Dividers

      11:07
    • Slider Navigation

      16:06
    • Slider Content

      15:01
    • Feature Services

      13:19
    • Three-Column Setup

      7:14
    • Lists and Icons

      6:38
    • Styling the Subscribe Form

      8:21
    • Final Thoughts

      1:59

About This Class

In this class we'll take the PSD design from Craig Campbell's Masterimg flat design class, and convert it into a fully functional HTML/CSS web page. If you want to learn about the design process then check out Craig's class,  but if you're more interested in how to turn a flat design into HTML, let's get started!                                   What are the requirements?        .                                                                                                                                     

  • No coding or design experience necessary                                
  • And computer will do — Windows, OSX or LiLinux.                                                                                                                                                                                                                                              This  is what you will learn:
  • Building the Header of website
  • Building the Content Slider of website
  • Building the Feature Services
  • Building the Footer of the website
  • Styling the Title Text
  • Normalizing Your Styles
  • Styling the Main Menu
  • Coloring the Menu Items 
  • Styling the Menu Text
  • Styling the Dividers

87

Students

--

Projects

0

Reviews (0)

Craig Campbell

Web designer/developer from Fort Worth, TX

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.