36 lines
1.9 KiB
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> |