scrimba
Note at 3:10
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Note at 3:10
AboutCommentsNotes
Note at 3:10
Expand for more info
index.html
run
preview
console
<!DOCTYPE html>
<html>
<head>
<title>CSS is a lot of fun</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<header>
<div class="container">
<h1>CSS is a lot of fun</h1>
</div>
</header>

<section class="section-one">
<div class="container">
<h2>Section One Title.</h2>
<img src="images/boardwalk.png">
<p>Netus et malesuada fames ac. <a href="#">Sed cras ornare arcu</a> dui vivamus. <strong>Elementum integer enim neque</strong> volutpat ac tincidunt vitae semper.</p>
</div>
</section>

<section class="section-two">
<div class="container">
<h2>Section Two Title.</h2>
<p>Netus et malesuada fames ac. Sed cras ornare arcu dui vivamus. Elementum integer enim neque volutpat ac tincidunt vitae semper.</p>
<p>Lorem <a href="#">ipsum dolor sit amet</a>, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt <strong>ut labore et dolore.</strong></p>
<a href="index.html" class="btn btn-accent">contact us</a>
<a href="info.html" class="btn btn-light">more info</a>
</div>
</section>
</body>
</html>
Console
/index.html
LIVE