Starting to style it up - BBQ Splash Page

scrimba

Watch in fullscreen

by Kevin Powell

Learn Responsive Web Design

About

Comments

Notes

Adding the background image - BBQ Splash Page3:46

Starting to style it up - BBQ Splash Page

by Kevin Powell

Learn Responsive Web Design

Expand for more info

Adding the background image - BBQ Splash Page3:46

index.html

run

preview

console

<!DOCTYPE html>
<html>
    <head>
        <title>Become a BBQ master!</title>
        <link href="css/styles.css" rel="stylesheet">
    </head>
    <body>
        <div class="intro">
            <h1>Learn how to make the best BBQ ribs in town</h1>
            <p>Join us for this live webinar</p>
            <p class="top-text">Mouthwateringly delicious</p>
        </div>
        
        <div class="main-content">
            <h2>Become a BBQ master! </h2>
            <p>Register Today</p>
            <p>BBQ isn't just standing in front of your grill with it on full blast and hoping for the best. It's an art! One way to speed up the process is to learn from the best. You can do just that by signing up for this free webinar!</p>
            <!-- form will go here -->
            <p class="fine-print">We'll never share your information without your permission</p>
        </div>
    </body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Become a BBQ master!</title>

</head>

<body>

<h1>Learn how to make the best BBQ ribs in town</h1>

<p>Join us for this live webinar</p>

<p class="top-text">Mouthwateringly delicious</p>

</div>

<h2>Become a BBQ master! </h2>

<p>Register Today</p>

<p>BBQ isn't just standing in front of your grill with it on full blast and hoping for

the best. It's an art! One way to speed up the process is to learn from the best. You

can do just that by signing up for this free webinar!</p>

<p class="fine-print">We'll never share your information without your permission</p>

</div>

</body>

-11:07