Note at 3:10

scrimba

Watch in fullscreen

Note at 3:10

by Samuel Dillenburg

About

Comments

Notes

Note at 3:10

by Samuel Dillenburg

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>

rel="stylesheet">

</head>

<body>

</div>

</header>

<h2>Section One Title.</h2>

<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>

<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>

</div>

</section>

</body>

</html>

<html>

<head>

LIVE