www.imarketing.

courses
Login: My Courses My Account Contact 0 Items

Learn for Free Courses Success Stories More Web Designer Pro™

Home Page Build Course Lessons

Course Home
Website Design Course Website Design Build Home Page Build In Progress
Expand All

Module Progress 0% Complete Developing an Eye for Design

5 Lessons

Now we’re going to build out the entire front page of the website. This lesson is broken down into 7 videos to avoid one super long video so we’re Basic Design Principles
5 Lessons
going to break this up into one video per section. All links referenced in the videos are below each video as well as any code that is mentioned.
Web Design Specifics
1) Hero Section 5 Lessons

Website Design Build

6 Lessons

Planning The Design + Josh’s

Design Questionnaire

General Design Settings

Header & Menu Build

Home Page Build

Sub Page Build

Mobile Design Optimization

Webinars & Case Studies

3 Lessons

Extras
3 Lessons

Return to Website Design Course

Search Course Content

Here’s the CSS shown in video:

.et_pb_equal_columns >.et_pb_column {
margin-top : auto ;
margin-bottom : auto ;
}

2) Services Section

Here’s the CSS shown in video: (remember this goes into the Advanced tab > Blurb Image CSS section)

background : #f26922 ;
border-radius : 100px ;
max-width : 130px ;
padding : 15px ;
 www.imarketing.courses
3) Process Section

4) Testimonials Section

5) Guarantee Section
 www.imarketing.courses
6) Footer CTA

7) Animations

Links mentioned in videos:

How to Center Content in Divi

Optimizing Images with Adobe Bridge
Optimizing Images with Free Resize Tool
Getting Started Page – In Transit Studios
Getting Started Page Divi Layout

Now let’s move on to designing a sub page design!

Previous Lesson Next Lesson

Back to Module

My Cart Checkout My Account My Courses Affiliate Program Facebook Instagram YouTube

JoshHall.co © 2024 | Privacy Policy | Terms & Conditions