<header id="showcase" class="grid">
    <div class="bg-image"></div>
    <div class="content-wrap">
        <h1>Welcome to Acme Web Solutions</h1>
        <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Porro culpa enim tempore provident similique earum eius neque odit esse aperiam.</p>
        <a href="#section-b" class="btn">Read More Here</a>
    </div>
</header>
<!-- Main Area -->
<main id="main">
    <!-- Section A-->
    <section id="section-a" class="grid">
        <div class="content-wrap">
            <h2 class="content-title">Web & Application Development</h2>
            <div class="content-text">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum libero repudiandae est obcaecati illum accusantium qui iste quasi? Ea veritatis porro accusantium temporibus nesciunt placeat repudiandae pariatur. Accusantium adipisci consequuntur ad culpa, esse perferendis sint consectetur ut, blanditiis alias totam?</p>
            </div>
        </div>
    </section>

    <!-- Section B -->
    <section id="section-b" class="grid">
        <ul>
            <li>
                <div class="card">
                    <img src="https://static.pexels.com/photos/574077/pexels-photo-574077.jpeg" alt="">
                    <div class="card-content">
                        <h3 class="card-title">Web Development</h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla omnis ipsa, maxime ea laboriosam deleniti eos quae accusantium nihil eum!</p>
                    </div>
                </div>
            </li>
            <li>
                    <div class="card">
                        <img src="https://static.pexels.com/photos/261628/pexels-photo-261628.jpeg" alt="">
                        <div class="card-content">
                            <h3 class="card-title">Mobile Applications</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla omnis ipsa, maxime ea laboriosam deleniti eos quae accusantium nihil eum!</p>
                        </div>
                    </div>
                </li>
                <li>
                        <div class="card">
                            <img src="https://static.pexels.com/photos/265087/pexels-photo-265087.jpeg" alt="">
                            <div class="card-content">
                                <h3 class="card-title">Tech Marketing</h3>
                                <p>Lorem ipsum dolor sit amet, conWsectetur adipisicing elit. Nulla omnis ipsa, maxime ea laboriosam deleniti eos quae accusantium nihil eum!</p>
                            </div>
                        </div>
                    </li>
        </ul>
    </section>
    <!-- Section C-->
    <section id="section-c" class="grid">
        <div class="content-wrap">
            <h2 class="content-title">We handle all of your digital needs</h2>
            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae dignissimos cupiditate unde amet autem eveniet ea voluptatibus at. Officiis, ea?</p>
        </div>
    </section>
    <!-- Section D -->
    <section id="section-d" class="grid">
        <div class="box">
            <h2 class="content-title">Contact Us</h2>
            <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Numquam nisi, ratione molestiae illum magnam qui iste officia nulla quis optio!</p>
            <p>contact@acmewebsolutions.test</p>
        </div>
        <div class="box">
            <h2 class="content-title">About Our Company</h2>
            <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Incidunt illo distinctio sunt assumenda aliquid facilis rem repudiandae odio, exercitationem hic obcaecati, totam nesciunt! Harum consectetur quia commodi libero voluptate id?</p>
        </div>
    </section>
</main>