In this tutorial I’ll show you how to make a website for a band. This is a web design tutorial and a Divi theme tutorial. Check out Divi for yourself (affiliate link) https://www.realwebsitehints.com/get/divi4/.
Tools and Website used in this video:
Divi Theme (affiliate link:) http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=26271&url=35961&tid1=yt&tid2=band&tid3=standard
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:
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:
https://www.elegantthemes.com/blog/divi-resources/how-to-style-divis-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.