template: Basic

<article class="basic-card">
    <img class="basic-card__image" src="/img/examples/event-card-example-1.jpg" alt="Two children on their phones under the blankets">
    <div class="basic-card__info-wrapper">
        <h1 class="basic-card__title"><span>How do parents embrace technology for kids, but prevent it from ruling the household?</span></h1>
        <p class="basic-card__description">With schools closed and remote learning the norm, how many hours of digital technology are acceptable for kids, and how much is too much? Can parents control when kids use tec…</p>
        <div class="basic-card__buttons">
            <button class="btn btn--tertiary">
                CTA 1
            </button>
            <button class="btn btn--tertiary">
                CTA 2
            </button>
        </div>
    </div>
</article>

<article class="basic-card">
    <img class="basic-card__image" src="/img/examples/event-card-example-2.jpg" alt="Two people doing yoga at home">
    <div class="basic-card__info-wrapper">
        <h1 class="basic-card__title"><span>How do we find happiness during difficult times?</span></h1>
        <p class="basic-card__description">What are some proven strategies for bringing more happiness into our lives? How do we go through the challenges of this time and still feel happy?</p>
        <div class="basic-card__buttons">
            <button class="btn btn--tertiary">
                Find Happiness
            </button>
            <button class="btn btn--tertiary">
                Share Article
            </button>
        </div>
    </div>
</article>

<article class="basic-card">
    <img class="basic-card__image" src="/img/examples/event-card-example-3.jpg" alt="Person holding pizza">
    <div class="basic-card__info-wrapper">
        <h1 class="basic-card__title"><span>What does it mean to have a healthy relationship to food during times of stress?</span></h1>
        <p class="basic-card__description">Are instances of binge eating or other eating disorders increasing due to the challenges of COVID-19? Do most people feel a loss of control and guilt when it comes to food dur…</p>
        <div class="basic-card__buttons">
            <button class="btn btn--tertiary">
                Get Destressed
            </button>
            <button class="btn btn--tertiary">
                See Similar
            </button>
        </div>
    </div>
</article>

<article class="basic-card-grey">
    <img class="basic-card__image" src="/img/examples/event-card-example-1.jpg" alt="Two children on their phones under the blankets">
    <div class="basic-card__info-wrapper">
        <h1 class="basic-card__title"><span>How do parents embrace technology for kids, but prevent it from ruling the household?</span></h1>
        <p class="basic-card__description">With schools closed and remote learning the norm, how many hours of digital technology are acceptable for kids, and how much is too much? Can parents control when kids use tec…</p>
        <div class="basic-card__buttons">
            <button class="btn btn--tertiary">
                CTA 1
            </button>
            <button class="btn btn--tertiary">
                CTA 2
            </button>
        </div>
    </div>
</article>

<article class="basic-card-grey">
    <img class="basic-card__image" src="/img/examples/event-card-example-2.jpg" alt="Two people doing yoga at home">
    <div class="basic-card__info-wrapper">
        <h1 class="basic-card__title"><span>How do we find happiness during difficult times?</span></h1>
        <p class="basic-card__description">What are some proven strategies for bringing more happiness into our lives? How do we go through the challenges of this time and still feel happy?</p>
        <div class="basic-card__buttons">
            <button class="btn btn--tertiary">
                Find Happiness
            </button>
            <button class="btn btn--tertiary">
                Share Article
            </button>
        </div>
    </div>
</article>

<article class="basic-card-grey">
    <img class="basic-card__image" src="/img/examples/event-card-example-3.jpg" alt="Person holding pizza">
    <div class="basic-card__info-wrapper">
        <h1 class="basic-card__title"><span>What does it mean to have a healthy relationship to food during times of stress?</span></h1>
        <p class="basic-card__description">Are instances of binge eating or other eating disorders increasing due to the challenges of COVID-19? Do most people feel a loss of control and guilt when it comes to food dur…</p>
        <div class="basic-card__buttons">
            <button class="btn btn--tertiary">
                Get Destressed
            </button>
            <button class="btn btn--tertiary">
                See Similar
            </button>
        </div>
    </div>
</article>