Card Scroll

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto beatae commodi deserunt dolores eaque earum, esse et eveniet excepturi id labore magni maxime modi nemo nesciunt nobis non, nostrum perferendis placeat praesentium repellat rerum voluptatum! Eos id nisi obcaecati reprehenderit. Assumenda culpa illum quis sapiente temporibus. Ad blanditiis cum ducimus fugiat ipsa ipsam magnam maiores maxime nemo officia quas qui quibusdam unde veritatis voluptas, voluptates voluptatum? Ab ad, asperiores distinctio dolorem eaque exercitationem facilis ipsa ipsum natus, neque nihil perferendis, praesentium quisquam quod suscipit vitae voluptas. Accusamus deserunt dolore eos maiores, nisi porro repellendus velit veniam veritatis, vero voluptas. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto beatae commodi deserunt dolores eaque earum, esse et eveniet excepturi id labore magni maxime modi nemo nesciunt nobis non, nostrum perferendis placeat praesentium repellat rerum voluptatum! Eos id nisi obcaecati reprehenderit. Assumenda culpa illum quis sapiente temporibus. Ad blanditiis cum ducimus fugiat ipsa ipsam magnam maiores maxime nemo officia quas qui quibusdam unde veritatis voluptas, voluptates voluptatum? Ab ad, asperiores distinctio dolorem eaque exercitationem facilis ipsa ipsum natus, neque nihil perferendis, praesentium quisquam quod suscipit vitae voluptas. Accusamus deserunt dolore eos maiores, nisi porro repellendus velit veniam veritatis, vero voluptas.

<div class="card">
  <div class="card-body">
    <div class="card-scroll">
      ...
    </div>
  </div>
</div>
Card Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto beatae commodi deserunt dolores eaque earum, esse et eveniet excepturi id labore magni maxime modi nemo nesciunt nobis non, nostrum perferendis placeat praesentium repellat rerum voluptatum! Eos id nisi obcaecati reprehenderit. Assumenda culpa illum quis sapiente temporibus. Ad blanditiis cum ducimus fugiat ipsa ipsam magnam maiores maxime nemo officia quas qui quibusdam unde veritatis voluptas, voluptates voluptatum? Ab ad, asperiores distinctio dolorem eaque exercitationem facilis ipsa ipsum natus, neque nihil perferendis, praesentium quisquam quod suscipit vitae voluptas. Accusamus deserunt dolore eos maiores, nisi porro repellendus velit veniam veritatis, vero voluptas. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto beatae commodi deserunt dolores eaque earum, esse et eveniet excepturi id labore magni maxime modi nemo nesciunt nobis non, nostrum perferendis placeat praesentium repellat rerum voluptatum! Eos id nisi obcaecati reprehenderit. Assumenda culpa illum quis sapiente temporibus. Ad blanditiis cum ducimus fugiat ipsa ipsam magnam maiores maxime nemo officia quas qui quibusdam unde veritatis voluptas, voluptates voluptatum? Ab ad, asperiores distinctio dolorem eaque exercitationem facilis ipsa ipsum natus, neque nihil perferendis, praesentium quisquam quod suscipit vitae voluptas. Accusamus deserunt dolore eos maiores, nisi porro repellendus velit veniam veritatis, vero voluptas.

<div class="card">
  <div class="card-header">Card Header</div>
  <div class="card-body">
    <div class="card-scroll">
      ...
    </div>
  </div>
</div>
Card Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto beatae commodi deserunt dolores eaque earum, esse et eveniet excepturi id labore magni maxime modi nemo nesciunt nobis non, nostrum perferendis placeat praesentium repellat rerum voluptatum! Eos id nisi obcaecati reprehenderit. Assumenda culpa illum quis sapiente temporibus. Ad blanditiis cum ducimus fugiat ipsa ipsam magnam maiores maxime nemo officia quas qui quibusdam unde veritatis voluptas, voluptates voluptatum? Ab ad, asperiores distinctio dolorem eaque exercitationem facilis ipsa ipsum natus, neque nihil perferendis, praesentium quisquam quod suscipit vitae voluptas. Accusamus deserunt dolore eos maiores, nisi porro repellendus velit veniam veritatis, vero voluptas. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto beatae commodi deserunt dolores eaque earum, esse et eveniet excepturi id labore magni maxime modi nemo nesciunt nobis non, nostrum perferendis placeat praesentium repellat rerum voluptatum! Eos id nisi obcaecati reprehenderit. Assumenda culpa illum quis sapiente temporibus. Ad blanditiis cum ducimus fugiat ipsa ipsam magnam maiores maxime nemo officia quas qui quibusdam unde veritatis voluptas, voluptates voluptatum? Ab ad, asperiores distinctio dolorem eaque exercitationem facilis ipsa ipsum natus, neque nihil perferendis, praesentium quisquam quod suscipit vitae voluptas. Accusamus deserunt dolore eos maiores, nisi porro repellendus velit veniam veritatis, vero voluptas.

Card Footer
<div class="card">
  <div class="card-header">Card Header</div>
  <div class="card-body">
    <div class="card-scroll">
      ...
    </div>
  </div>
  <div class="card-footer">Card Footer</div>
</div>