This commit is contained in:
Ray Elliott 2020-04-20 17:19:06 +00:00
parent 9634cd3a88
commit 85fc26db7a
1 changed files with 11 additions and 47 deletions

View File

@ -1,54 +1,18 @@
<article id="about"> <article id="about">
<section class="l-relative l-screen-min-full"> <section class="l-relative l-screen-min-full">
<div class="l-underlay about-bg"></div> <div class="l-underlay about-bg"></div>
<div class="l-section-pad l-wrapper l-flex-2-col-m about-section">
<div class="about-section__info">
<div class="about-icon"></div>
<h2>About Heading One</h2>
<p>Lorem fuga cupiditate quidem quia earum, hic. Iusto id beatae sit similique sequi! Earum veritatis mollitia iste ipsam totam deleniti Nam cupiditate recusandae tempore ab magnam! Officiis maxime incidunt asperiores?</p>
<p>Amet sed ullam ea dolore corrupti sit. Alias aut doloribus explicabo perferendis fuga? Quas nostrum aut earum tempora voluptatem, magnam? Veritatis corrupti perspiciatis at aliquid perspiciatis Eligendi reprehenderit quidem veniam</p>
<p>Amet dolore atque iure inventore vitae Dolores fuga porro quo odit et autem. Sint est nesciunt unde non aliquid officiis fugit Repellat cum sequi cum fugiat fugit Voluptatem quaerat quibusdam.</p>
</div>
<div class="about-section__card">
<div class="c-img-card about-card">
<div class="c-img-card__header about-card-bg-img about-card-bg-img-1"></div>
<div class="c-img-card__body">
<div class="c-img-card__body-bg about-card-bg-1"></div>
<h3>Card Heading</h3>
<p>
Amet recusandae optio quia velit quisquam. Dolorem ipsam non modi est quisquam? Quia inventore neque amet laudantium impedit a, dignissimos. Repellendus vero animi saepe tempora quibusdam! Repudiandae esse ex adipisci
</p>
</div>
</div>
</div>
</div>
</section>
<section class="l-relative l-screen-min-full"> <h2 class="l-section-header">About</h2>
<div class="l-underlay about-bg about-bg--secondary"></div>
<div class="l-section-pad l-wrapper l-flex-2-col-m about-section about-section--swapped">
<div class="about-section__info">
<div class="about-icon"></div>
<h2>About Heading Two</h2>
<p>Lorem fuga cupiditate quidem quia earum, hic. Iusto id beatae sit similique sequi! Earum veritatis mollitia iste ipsam totam deleniti Nam cupiditate recusandae tempore ab magnam! Officiis maxime incidunt asperiores?</p>
<p>Amet sed ullam ea dolore corrupti sit. Alias aut doloribus explicabo perferendis fuga? Quas nostrum aut earum tempora voluptatem, magnam? Veritatis corrupti perspiciatis at aliquid perspiciatis Eligendi reprehenderit quidem veniam</p>
<p>Amet dolore atque iure inventore vitae Dolores fuga porro quo odit et autem. Sint est nesciunt unde non aliquid officiis fugit Repellat cum sequi cum fugiat fugit Voluptatem quaerat quibusdam.</p>
</div>
<div class="about-section__card">
<div class="c-img-card about-card">
<div class="c-img-card__header about-card-bg-img about-card-bg-img-2"></div>
<div class="c-img-card__body">
<div class="c-img-card__body-bg about-card-bg-2"></div>
<h3>Card Heading</h3>
<p>
Amet recusandae optio quia velit quisquam. Dolorem ipsam non modi est quisquam? Quia inventore neque amet laudantium impedit a, dignissimos. Repellendus vero animi saepe tempora quibusdam! Repudiandae esse ex adipisci
</p>
</div>
</div>
</div>
</div>
</section>
<div class="l-section-pad l-wrapper about-section">
An about Section.
</div>
<div class="l-section-pad l-wrapper about-section">
Another about Section.
</div>
</section>
</article> </article>