<div class="card card-vertical card-only-icons">
    <div class="card-body">
        <div class="card-image-header-container">
            <img src="" alt="" class="card-image" />
            <header class="card-header-container">
                <h1 class="card-heading">
                    Tokyo Olympics 2020
                </h1>
                <p class="card-subheading">
                    by Mohit Dhatrak
                </p>
            </header>
        </div>
        <p class="card-text">
            The Tokyo 2020...
        </p>
    </div>
    <div class="card-footer">
        <div class="card-primary-buttons-container">
            <button class="card-button">Read</button>
            <button class="card-button">Bookmark</button>
        </div>
        <div class="card-secondary-buttons-container">
            <button class="card-button">
                <i class="material-icons card-svg-icons">
                    favorite_border
                </i>
            </button>
            <button class="card-button">
                <i class="material-icons card-svg-icons">
                    share
                </i>
            </button>
            <button class="card-button">
                <i class="material-icons card-svg-icons">
                    more_vert
                </i>
            </button>
        </div>
    </div>
</div>