Web Design Tutorial, How To Make A Website For Awesome Band using the Divi theme


In this tutorial I’ll show you how to make a website for a band. This is a web design tutorial for the Divi theme. Check out Divi for yourself (affiliate link)https://www.realwebsitehints.com/get/divi4/.

Tools and Website used in this video:

Divi Theme (affiliate link: https://www.realwebsitehints.com/get/divi4/

CSS Code to create a full window height section:
https://www.w3schools.com/cssref/css_units.asp

Even more information about window and viewport settings:

Fun with Viewport Units

CSS Code Gradient Generator:
http://www.colorzilla.com/gradient-editor/

Get images to use on your website:
https://unsplash.com

For making album covers or any kind of graphic layouts easily.
https://www.canva.com

How to re-style the count down module:

How to Style Divi’s Countdown Timer Module with Simple Elegance

How to stack items or make items look like one is behind another using z-index:
https://www.w3schools.com/cssref/pr_pos_z-index.asp

Skip ahead to the website design tips that you want:

Create a full height section: 7:14

Add a video background 23:17

The Biography section with items placed behind other items using css: 29:17

In this web design tutorial and divi theme tutorial I’ll walk you thru how to create a band website.

I tried to incorporate some fun elements into the design that you could apply to any kind of website.