Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Dismiss
Advertisement
  1. Code
  2. HTML & CSS
Code

Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 5

by
Difficulty:IntermediateLength:QuickLanguages:
HTML & CSSWeb DevelopmentCSSHTML
This post is part of a series called Photoshop to HTML and CSS.
Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 4
Convert a Warm, Cheerful Web Design to HTML and CSS: Chapter 6

Continuing on with our Photoshop to HTML session, in this lesson - split into four videos - we'll use CSS to style our webpage.

Chapter 5a: Build the Header Section

Chapter 5b: Build the Banner Section

Chapter 5c: Styling the Main Section

Chapter 5d: Styling the Footer

Press the HD button for a clearer picture.
Advertisement
5800ab190a877b8ff9fb8fd39cd25fbf?s=200&d=https%3a%2f%2fassets.tutsplus.com%2fimages%2fhub%2favatar default
Jeffrey Way
I used to be the editor of Nettuts+ and head of web development courses at Tuts+.
Weekly email summary
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Translations

Envato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!

Translate this post
Powered byNative logo
Advertisement
Watch any
course now
Subscribe to Access
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.
WordPress Plugins
From $5
PHP Scripts
From $5
JavaScript
From $3
Mobile App Templates
From $5
Unlimited Downloads
From $16.50/month
Get access to over 400,000 creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories