MVC View Creation

<section>
    <header>
        <h2>Our Services</h2>
        <p>Ea vitae aspernatur deserunt voluptatem impedit deserunt magnam occaecati dssumenda quas ut ad dolores adipisci aliquam.</p>
    </header>

    <div class="container">

        <div class="row p-4 justify-content-around">

            <div class="card col-4 services-card">
                <div class="services-img-window">
                    <img src="/images/services-1.jpg" class="card-img-top img-fluid">
                </div>
                <div class="card-body">
                    <h3 class="card-title">Nesciunt Mete</h3>
                    <p class="card-text">Provident nihil minus qui consequatur non omnis maiores. Eos accusantium minus dolores iure perferendis.</p>
                    <a class="btn btn-secondary" href="/">Nesciunt Mete</a>
                </div>
            </div>

            <div class="card col-4 services-card">
                <div class="services-img-window">
                    <img src="/images/services-2.jpg" class="card-img-top img-fluid">
                </div>
                <div class="card-body">
                    <h3 class="card-title">Eosle Commodi</h3>
                    <p class="card-text">Ut autem aut autem non a. Sint sint sit facilis nam iusto sint. Libero corrupti neque eum hic non ut nesciunt dolorem.</p>
                    <a class="btn btn-secondary" href="/">Eosle Commodi</a>
                </div>
            </div>

            <div class="card col-4 services-card">
                <div class="services-img-window">
                    <img src="/images/services-3.jpg" class="card-img-top img-fluid">
                </div>
                <div class="card-body">
                    <h3 class="card-title">Ledo Markt</h3>
                    <p class="card-text">Ut excepturi voluptatem nisi sed. Quidem fuga consequatur. Minus ea aut. Vel qui id voluptas adipisci eos earum corrupti.</p>
                    <a class="btn btn-secondary" href="/">Ledo Markt</a>
                </div>
            </div>

        </div>

        <div class="row p-4 justify-content-around">

            <div class="card col-4 services-card">
                <div class="services-img-window">
                    <img src="/images/services-4.jpg" class="card-img-top img-fluid">
                </div>
                <div class="card-body">
                    <h3 class="card-title">Asperiores Commodit</h3>
                    <p class="card-text">Non et temporibus minus omnis sed dolor esse consequatur. Cupiditate sed error ea fuga sit provident adipisci neque.</p>
                    <a class="btn btn-secondary" href="/">Asperiores Commodit</a>
                </div>
            </div>

            <div class="card col-4 services-card">
                <div class="services-img-window">
                    <img src="/images/services-5.jpg" class="card-img-top img-fluid">
                </div>
                <div class="card-body">
                    <h3 class="card-title">Velit Doloremque</h3>
                    <p class="card-text">Cumque et suscipit saepe. Est maiores autem enim facilis ut aut ipsam corporis aut. Sed animi at autem alias eius labore.</p>
                    <a class="btn btn-secondary" href="/">Velit Doloremque</a>
                </div>
            </div>

            <div class="card col-4 services-card">
                <div class="services-img-window">
                    <img src="/images/services-6.jpg" class="card-img-top img-fluid">
                </div>
                <div class="card-body">
                    <h3 class="card-title">Dolori Architecto</h3>
                    <p class="card-text">Hic molestias ea quibusdam eos. Fugiat enim doloremque aut neque non et debitis iure. Corrupti recusandae ducimus enim.</p>
                    <a class="btn btn-secondary" href="/">Dolori Architecto</a>
                </div>
            </div>

        </div>

    </div>

</section>