SLH 2022

<div class="col-sm-12 p-0" style="margin-top:200px;margin-bottom:200px">

    <div class="mx-auto container text-dark p-0" style="max-width:750px;border-radius:5px;background-color:#F3E6DF">

        <div class="card card-block justify-content-center d-flex p-0" style="height:80px;background: url(https://i.imgur.com/62T5wNx.png) no-repeat center center;background-size:cover;border-color:#4b322a;border-radius:5px 5px 0px 0px">

            <h1 class="mb-0 ml-3" style="font-weight:300;font-size:30px;color:#fff">

                <i class="fa-light fa-skull-cow pull-right mr-3">
                </i>
                lorem ipsum</h1>

        </div>

        <div class="row col-12 mx-auto p-1" style="height:350px;border-color:#8b594c;border-style:solid;border-width:1px;border-top:none;border-radius:0px 0px 5px 5px">


            <div class="col-sm-8 px-1" style="background-color:#F3E6DF">

                <div class="card card-block" style="height:341px;border-radius:0px 0px 0px 5px;overflow:auto;border:none">

                    <div class="d-flex align-items-end mb-1">
                        <h1 style="font-weight:200;font-size:20px;">text</h1>
                        <hr style="width:100%;margin:0 0 .75rem 2px;background-color:#F3E6DF">
                    </div>

                    <p style="color:#aaa;font-weight:100">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec fer earlts accumsan mi. Nunc facilisis porta eros, at pulvinar tellus rutrum id. Sed faucibus vehicula finibus. Sed iaculis consequat nisi, in lacinia.
                    </p>

                        <div class="my-2 mx-auto w-100 p-2" style="height:50px;background: url(https://i.imgur.com/61cB6cB.png);border-radius:5px;background-size: cover; background-position: center">
                        </div>

                    <div class="d-flex align-items-end mb-1 mt-3">
                        <h1 style="font-weight:200;font-size:20px;">text</h1>
                        <hr style="width:100%;margin:0 0 .75rem 2px;background-color:#F3E6DF">
                    </div>

                    <p style="color:#aaa;font-weight:100">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec fer earlts accumsan mi. Nunc facilisis porta eros, at pulvinar tellus rutrum id. Sed faucibus vehicula finibus. Sed iaculis consequat nisi, in lacinia.
                    </p>

                </div>

            </div>

            <div class="col-sm-4" style="background: url(https://i.imgur.com/4dUb7R0.png) no-repeat center center; background-size: cover;border-radius:0px 0px 5px 0px">
            </div>
        </div>

    </div>

    <div class="card card-block mx-auto p-2 mt-3" style="border-color:#8b594c;text-align:center;max-width:750px;height:74px;border-radius:5px;background-color:#F3E6DF">


    </div>

    <div class="mx-auto p-0" style="max-width:750px">
    <p class="text-muted pull-right"><i class="fal fa-code" style="color:#000;font-size:10px" title="@reeverri"></i></p>
    </div>

</div>