card.html

          <div class="card text-center">
            <div class="card-header">
              <ul class="nav nav-pills card-header-pills">
                <li class="nav-item">
                  <button type="button" class="btn btn-success"><span data-feather="plus"></span></button>
                </li>
                <li class="nav-item">
                  <button type="button" class="btn btn-primary"><span data-feather="book-open"></span></button>
                </li>
                <li class="nav-item">
                  <button type="button" class="btn btn-light"><span data-feather="check"></span></button>
                </li>
                <li class="nav-item">
                  <button type="button" class="btn btn-light"><span data-feather="x"></span></button>
                </li>
              </ul>
            </div>
            <div class="row no-gutters">
              <div class="col-md-4">
                <img src="test.png" class="card-img" alt="Text">
              </div>
              <div class="col-md-8">
                <div class="card-body">
                  <h5 class="card-title">UniCredit Bank Suffers 'Data Incident' Exposing 3 Million Italian Customer Records</h5>
                  <p class="card-text">UniCredit, an Italian global banking and financial services company, announced today that it suffered a security incident that leaked some personal information belonging to at least 3 million of its domestic customers. Officially founded in 1870, UniCredit is Italy's biggest banking and financial services and one of the leading European commercial banks with more than 8,500 branches across</p>
                  <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                </div>
              </div>
            </div>
          </div>