This helps protect our community. Learn more

Create a Website With Video Background | HTML & CSS

2.37M subscribers

630K views 4 years ago

Create a beautiful, custom landing page for a Travel website using HTML, CSS and a little JavaScript Code: https://codepen.io/bradtraversy/pen/e... Find a list of my latest Udemy courses at: https://traversymedia.com 💖 Support The Channel! / traversymedia

...more

Create a Website With Video Background | HTML & CSS

18KLikes

630,143Views

2021Jan 4

use the poppins font

5:51

add any borders or padding

7:06

set the background of the showcase to a dark color

9:32

add the background

11:01

Transcript

Follow along using the transcript.

Traversy Media

2.37M subscribers

Create a Website With Video Background | HTML & CSS

Key moments View all

use the poppins font

use the poppins font

use the poppins font

add any borders or padding

add any borders or padding

add any borders or padding

set the background of the showcase to a dark color

set the background of the showcase to a dark color

set the background of the showcase to a dark color

add the background

add the background

add the background

position it at the top left corner

position it at the top left corner

position it at the top left corner

add a little bit of opacity

add a little bit of opacity

add a little bit of opacity

add a background color

add a background color

add a background color

set a max width on the paragraph to 700 pixels

set a max width on the paragraph to 700 pixels

set a max width on the paragraph to 700 pixels

Traversy Media

Create a Website With Video Background | HTML & CSS

Comments 646

Key moments

use the poppins font

use the poppins font

use the poppins font

add any borders or padding

add any borders or padding

add any borders or padding

set the background of the showcase to a dark color

set the background of the showcase to a dark color

set the background of the showcase to a dark color

add the background

add the background

add the background

position it at the top left corner

position it at the top left corner

position it at the top left corner

add a little bit of opacity

add a little bit of opacity

add a little bit of opacity

add a background color

add a background color

add a background color

set a max width on the paragraph to 700 pixels

set a max width on the paragraph to 700 pixels

set a max width on the paragraph to 700 pixels

add some padding

add some padding

add some padding

add the hover effect

add the hover effect

add the hover effect

add a little bit of javascript

add a little bit of javascript

add a little bit of javascript

align items to the center

align items to the center

align items to the center

bring in the toggle and the showcase

bring in the toggle and the showcase

bring in the toggle and the showcase

add a transition

add a transition

add a transition

Description

Key moments View all

use the poppins font

use the poppins font

use the poppins font

add any borders or padding

add any borders or padding

add any borders or padding

Key moments

Key moments