Cards: Feed

<h3>Providers</h3>
<div class="row">
    <div class="col-sm-12 col-lg-6">
        <div class="hgm-card feed">
            <div class="hgm-card__body provider">
                <div class="provider__wrapper">
                    <div class="provider__image"><img src="https://placehold.co/600x400.png" /></div>
                    <div class="provider__details">
                        <h6>Card Title Goes Here</h6>
                        <p class="provider__specialties"><span class="primary">Cancer Care</span><span>+2 more</span>
                        </p>
                        <p><i class="far fa-check"></i>Accepting new patients</p>
                        <p><i class="fas fa-video"></i>Offers virtual visits</p>
                        <img class="affiliation__image" src="http://placeimg.com/800/600/animals" />
                    </div>
                </div>
                <button type="button" class="hgm-button full-width"><i class="fas fa-calendar-alt left"></i>Request an
                    Appointment
                </button>
            </div>
        </div><!-- hgm-card -->
    </div>
</div>
<br>
<h3>Locations</h3>
<div class="row">
    <div class="col-sm-12 col-md-4">
        <div class="hgm-card feed location">
            <img src="https://placehold.co/600x400.png" />
            <div class="hgm-card__body location">
                <div class="hgm-card__body-inner-wrapper">
                    <div class="location__category">
                        <p>Hospital</p>
                    </div>
                    <h6>Card Title Goes Here</h6>
                    <p>777 East Main Street<br>Denver, CO 52352<br>Phone: <a href="tel:#">(342) 234-1245</a></p>
                </div><!-- &__body-inner-wrapper -->
                <button type="button" class="hgm-button full-width">View more info</button>
            </div>
        </div>
    </div>
</div>
<br>
<h3>Events</h3>
<div class="row">
    <div class="col-sm-12 col-md-4">
        <div class="hgm-card feed">
            <div class="hgm-card__body event">
                <div class="event__category">
                    <p><i class="fas fa-calendar-alt"></i>Event Category<span>+2 more</span></p>
                </div>
                <h6>Card Title Goes Here</h6>
                <p>Wednesday, September 22<br>11:00 AM - 12:30 PM</p>
                <button type="button" class="hgm-button ghost full-width">View event details</button>
            </div>
        </div>
    </div>
</div>
<br>
<h3>News</h3>
<div class="row">
    <div class="col-sm-12 col-md-4">
        <div class="hgm-card feed">
            <div class="hgm-card__body news">
                <div class="hgm-card__body-inner-wrapper">
                    <img src="https://placehold.co/600x400.png" />
                    <p class="date">September 23, 2021</p>
                    <h6>Race for the Cure Big Success with Record Number of Runners</h6>
                    <p>Some quick example text to build on the card title and make up the bulk of the card's
                        content.</p>
                    <p class="author">Author: Optional Name</p>
                </div><!-- &__body-inner-wrapper -->
                <button type="button" class="hgm-button ghost full-width">Read article</button>
            </div>
        </div>
    </div>
</div>