beyond-css-course-material/challenges/01-nesting/03/nesting-challenge.html

36 lines
1.9 KiB
HTML

<link rel="stylesheet" href="css/styles.css">
<h1>Nesting Challenge 02</h1>
<section class="surface-primary">
<div class="container">
<h2>Lorem, ipsum dolor.</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Error similique, at incidunt consequuntur, eveniet
dignissimos asperiores sequi quas adipisci repellat placeat! Pariatur praesentium explicabo consequatur.</p>
<p class="text-subdued">Lorem ipsum dolor sit amet consectetur adipisicing elit. Veniam earum dicta voluptatum
amet ipsam sed
accusamus quia illum quibusdam maxime.</p>
<a href="" class="btn">Lorem, ipsum</a>
</div>
</section>
<section class="surface-secondary">
<div class="container">
<h2>Illum, quos architecto!</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Error similique, at incidunt consequuntur, eveniet
dignissimos asperiores sequi quas adipisci repellat placeat! Pariatur praesentium explicabo consequatur.</p>
<p class="text-subdued">Quibusdam assumenda obcaecati nostrum, eos, necessitatibus sequi quod iure ratione,
molestiae quaerat alias
molestias rem. Aut eligendi laborum quae veritatis!</p>
<a href="" class="btn">Quod, ducimus</a>
</div>
</section>
<section class="surface-accent">
<div class="container">
<h2>Culpa, dolorum aliquid.</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Error similique, at incidunt consequuntur, eveniet
dignissimos asperiores sequi quas adipisci repellat placeat! Pariatur praesentium explicabo consequatur.</p>
<p class="text-subdued">Praesentium veniam excepturi quia possimus sint nulla repellendus aperiam nemo, saepe
dicta, ad, deleniti
mollitia optio vitae eligendi est a.</p>
<a href="" class="btn">Doloribus, voluptatibus</a>
</div>
</section>