<html>
    <head>
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
        <header>
            <h1>Compound selectors can be useful</h1>
        </header>
        
        <section class="section-one">
            <h2>Section one title</h2>
            <p>Netus et malesuada fames ac. <a href="#">Sed cras ornare arcu</a> dui vivamus. Elementum integer enim neque volutpat ac tincidunt vitae semper.</p>
            <a href="#" class="btn-yellow">contact me</a>
            <a href="#" class="btn-yellow">learn more about me</a>
        </section>
        
        <section class="section-two">
            <h2>Section two title</h2>
            <p>Netus et malesuada fames ac. <a href="#" class="section-two-link">Sed cras ornare arcu</a> dui vivamus. Elementum integer enim neque volutpat ac tincidunt vitae semper.</p>
            <a href="#" class="btn-black">contact me</a>
            <a href="#" class="btn-black">learn more about me</a>
        </section>
    </body>
</html>

<h1>Compound selectors can be useful</h1>

</header>

<h2>Section one title</h2>

<p>Netus et malesuada fames ac. <a href="#">Sed cras ornare arcu</a> dui vivamus.

Elementum integer enim neque volutpat ac tincidunt vitae semper.</p>

<a href="#" class="btn-yellow">contact me</a>

<a href="#" class="btn-yellow">learn more about me</a>

</section>

<h2>Section two title</h2>

<p>Netus et malesuada fames ac. <a href="#" class="section-two-link">Sed cras ornare

arcu</a> dui vivamus. Elementum integer enim neque volutpat ac tincidunt vitae

semper.</p>

<a href="#" class="btn-black">contact me</a>

<a href="#" class="btn-black">learn more about me</a>

</section>

</body>

</html>

<html>

<head>

</head>

<body>

-5:45