cardHotel

<style type="text/css">
        @import url(http://fonts.googleapis.com/css?family=Lato:400,700);
        .rating {
            position: relative;
            display: flex;
            width: 2.875rem;
            height: 2.875rem;
            margin-top: -1.5rem;
            margin-left: 0.1rem;
            justify-content: center;
            align-items: center;
            border: .25rem solid #fff;
            border-radius: 50%;
            color: #fff;
            background-color: rebeccapurple
        }

        .card-title {
            font-family: 'Lato';
            font-style: normal;
            font-weight: 500;
            color: #653399
        }

        .card-text {
            font-family: 'Lato';
            font-style: normal;
            font-weight: 100;
            font-size: 13px
        }

        .marker {
            color: red
        }

        .star-rating {
            color: #f7b944
        }
        .cus{
            display: flex;
            margin-top: -50;
        }
    </style>
<div class="container" style="display: block;">
        <div class="row">
            <div class="col-12">
                <div class="form-group mt-3 text-center">
                    <button type="submit" class="btn btn-primary" id="gps_track"><i class="fas fa-search" aria-hidden="true"></i> Cari Hotel di Lokasi Terdekat</button>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 mb-3">
                <div class="card border border-primary">
                    <div class="card-body hor">
                        <div class="col-4 text-center">
                            <img src="https://i.imgur.com/7cNRozs.jpg" class="img-fluid">
                            <p class="rating">9.2</p>
                        </div>
                        <div class="col-8">
                            <h5 class="card-title">Hotel Single View</h5>
                            <p class="card-text"><i class="fa fa-map-marker marker"></i> Singla street, New Delhi, 110034</p>
                            <p class="card-text">
                                <i class="fa fa-star star-rating"></i><i class="fa fa-star star-rating"></i>
                                <i class="fa fa-star star-rating"></i><i class="fa fa-star star-rating"></i>
                            </p>
                            <p class="card-text">$ 1,399</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>