Scribd
Upload
18 views3 pages

04-Home Page Build

02-General_Design_Settings

Uploaded by

iaraaipicat
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
18 views3 pages

04-Home Page Build

02-General_Design_Settings

Uploaded by

iaraaipicat
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

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

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy