<div class="card h-100">
    <div class="card-img-header">
        <img src="https://via.placeholder.com/491x180" alt="" class="card-img-top img-responsive">
    </div>
    <div class="card-body">
        <h3 class="card-title">Card Title</h3>
        <div class="card-text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Laborum excepturi fuga hic, aut expedita molestias illo dolorum!</div>
    </div>
    <div class="card-footer">
        <a href="#" class="btn btn-primary">More Info</a>
        <a href="#" class="btn btn-action">Register</a>
    </div>
</div>

<div class="row g">
    <div class="col-xs-12 col-md-6">
        <div class="card card-transparent h-100">
            <div class="card-img-header">
                <img src="https://via.placeholder.com/426x213" alt="" class="card-img-top img-responsive">
            </div>
            <div class="card-body">
                <h3 class="card-title">Card Title</h3>
                <p class="card-text">Check in your child safely right here and we’ll take care of the rest</p>
            </div>
            <div class="card-footer">
                <a href="#" class="btn btn-primary">Card Title</a>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-md-6"></div>
</div>

<div class="row g g-4">
    <div class="col-xs-12 col-md-6">
        <div class="card card-hover h-100">
            <div class="card-img-header">
                <img src="https://via.placeholder.com/426x213" alt="" class="card-img-top img-responsive">
            </div>
            <div class="card-body">
                <h3 class="card-title"><a href="#" class="stretched-link">Card Title</a></h3>
                <p class="card-text">Check in your child safely right here and we’ll take care of the rest</p>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-md-6"></div>


</div>

<div class="row g g-4">
    <div class="col-xs-12 col-md-6">
        <div class="card card-filled h-100">
            <div class="card-img-header">
                <img src="https://via.placeholder.com/426x213" alt="" class="card-img-top img-responsive">
            </div>
            <div class="card-body">
                <h3 class="card-title">Card Title</h3>
                <p class="card-text">Check in your child safely right here and we’ll take care of the rest</p>
            </div>
            <div class="card-footer">
                <a href="#" class="btn btn-primary">Card Title</a>
            </div>
        </div>
    </div>
    <div class="col-xs-12 col-md-6"></div>


</div>

<div class="row g g-4">
    <div class="col-xs-12">
        <div class="card card-horizontal">
            <div class="card-header">
                <img src="https://via.placeholder.com/426x213" alt="" class="card-img-top img-responsive">
            </div>
            <div class="card-body">
                <h3 class="card-title">Card Title</h3>
                <p class="card-text">Check in your child safely right here and we’ll take care of the rest. Check in your child safely right here and we’ll take care of the rest. Check in your child safely right here and we’ll take care of the rest.</p>
            </div>
            <div class="card-footer">
                <a href="#" class="btn btn-primary">Card Title</a>
                <a href="#" class="btn btn-action">M</a>
            </div>
        </div>
    </div>

    <div class="col-xs-12">
        <div class="card card-horizontal">
            <div class="card-img-header">
                <img src="https://via.placeholder.com/426x213" alt="" class="card-img-top img-responsive">
            </div>
            <div class="card-body">
                <h3 class="card-title">Card Title</h3>
                <p class="card-text">Check in your child safely right here and we’ll take care of the rest. Check in your child safely right here and we’ll take care of the rest. Check in your child safely right here and we’ll take care of the rest.</p>
            </div>
            <div class="card-footer">
                <a href="#" class="btn btn-primary">Card Title</a>
                <a href="#" class="btn btn-action">M</a>
            </div>
        </div>
    </div>
</div>

<div class="row g g-4">
    <div class="col-xs-12">
        <div class="card card-transparent card-horizontal">
            <div class="card-img-header">
                <img src="https://via.placeholder.com/426x213" alt="" class="card-img-top img-responsive">
            </div>
            <div class="card-body">
                <h3 class="card-title">Card Title</h3>
                <p class="card-text">Check in your child safely right here and we’ll take care of the rest. Check in your child safely right here and we’ll take care of the rest. Check in your child safely right here and we’ll take care of the rest.</p>
            </div>
        </div>
    </div>

    <div class="col-xs-12">
        <div class="card card-transparent card-horizontal">
            <div class="card-img-header">
                <img src="https://via.placeholder.com/426x213" alt="" class="card-img-top img-responsive">
            </div>
            <div class="card-body">
                <h3 class="card-title">Card Title</h3>
                <p class="card-text">Check in your child safely right here and we’ll take care of the rest. Check in your child safely right here and we’ll take care of the rest. Check in your child safely right here and we’ll take care of the rest.</p>
            </div>
        </div>
    </div>
</div>