How to Create a Hero Image Header Section on Your Homepage - Funnels to Income

How to Create a Hero Image Header Section on Your Homepage

Play Video

How to Create a Hero Image Header Section on Your Homepage

In this tutorial, I will show you step by step how to create a hero Image header section on your homepage. I will be using Divi for this tutorial.

▷ BUY DIVI here and get FREE Divi course worth $247

Watch More

<img width="1024" height="576" src="https://funnelstoincome.com/wp-content/uploads/2019/09/Divi-theme-video-background-1024x576.jpg" class="attachment-large size-large" alt="" srcset="https://funnelstoincome.com/wp-content/uploads/2019/09/Divi-theme-video-background-1024x576.jpg 1024w, https://funnelstoincome.com/wp-content/uploads/2019/09/Divi-theme-video-background-300x169.jpg 300w, https://funnelstoincome.com/wp-content/uploads/2019/09/Divi-theme-video-background-768x432.jpg 768w, https://funnelstoincome.com/wp-content/uploads/2019/09/Divi-theme-video-background-400x225.jpg 400w, https://funnelstoincome.com/wp-content/uploads/2019/09/Divi-theme-video-background-600x338.jpg 600w" sizes="(max-width: 1024px) 100vw, 1024px" />

Divi theme video background

<img width="1024" height="576" src="https://funnelstoincome.com/wp-content/uploads/2019/09/Checkout-page-design-1024x576.jpg" class="attachment-large size-large" alt="" srcset="https://funnelstoincome.com/wp-content/uploads/2019/09/Checkout-page-design-1024x576.jpg 1024w, https://funnelstoincome.com/wp-content/uploads/2019/09/Checkout-page-design-300x169.jpg 300w, https://funnelstoincome.com/wp-content/uploads/2019/09/Checkout-page-design-768x432.jpg 768w, https://funnelstoincome.com/wp-content/uploads/2019/09/Checkout-page-design-400x225.jpg 400w, https://funnelstoincome.com/wp-content/uploads/2019/09/Checkout-page-design-600x338.jpg 600w" sizes="(max-width: 1024px) 100vw, 1024px" />

Divi theme example – Checkout page design

<img width="1024" height="576" src="https://funnelstoincome.com/wp-content/uploads/2019/09/Divi-theme-example-1024x576.jpg" class="attachment-large size-large" alt="" srcset="https://funnelstoincome.com/wp-content/uploads/2019/09/Divi-theme-example-1024x576.jpg 1024w, https://funnelstoincome.com/wp-content/uploads/2019/09/Divi-theme-example-300x169.jpg 300w, https://funnelstoincome.com/wp-content/uploads/2019/09/Divi-theme-example-768x432.jpg 768w, https://funnelstoincome.com/wp-content/uploads/2019/09/Divi-theme-example-400x225.jpg 400w, https://funnelstoincome.com/wp-content/uploads/2019/09/Divi-theme-example-600x338.jpg 600w" sizes="(max-width: 1024px) 100vw, 1024px" />

How to design a product landing page

<img width="1024" height="576" src="https://funnelstoincome.com/wp-content/uploads/2019/08/Divi-responsive-editing-1024x576.jpg" class="attachment-large size-large" alt="" srcset="https://funnelstoincome.com/wp-content/uploads/2019/08/Divi-responsive-editing-1024x576.jpg 1024w, https://funnelstoincome.com/wp-content/uploads/2019/08/Divi-responsive-editing-300x169.jpg 300w, https://funnelstoincome.com/wp-content/uploads/2019/08/Divi-responsive-editing-768x432.jpg 768w, https://funnelstoincome.com/wp-content/uploads/2019/08/Divi-responsive-editing-400x225.jpg 400w, https://funnelstoincome.com/wp-content/uploads/2019/08/Divi-responsive-editing-600x338.jpg 600w" sizes="(max-width: 1024px) 100vw, 1024px" />

Divi Responsive Editing

Comments

2 thoughts on “How to Create a Hero Image Header Section on Your Homepage”

Zipdorf
April 8, 2019 at 7:45 pm
Great tutorial. Really clear and easy to follow. I’ve seen many of your YouTube videos and I always learn something new.
Reply
1. makadmin
  April 14, 2019 at 7:48 pm
  Thank you 🙂
  Reply

Leave a Comment Cancel Reply