diff --git a/docs/en/UI/AspNetCore/Tag-Helpers/Cards.md b/docs/en/UI/AspNetCore/Tag-Helpers/Cards.md
new file mode 100644
index 0000000000..a9531c83df
--- /dev/null
+++ b/docs/en/UI/AspNetCore/Tag-Helpers/Cards.md
@@ -0,0 +1,190 @@
+# Cards
+
+## Introduction
+
+`abp-card` is a content container derived from bootstrap card element.
+
+Basic usage:
+
+````xml
+
+
+
+ Card Title
+ Some quick example text to build on the card title and make up the bulk of the card's content.
+ Go somewhere
+
+
+````
+
+
+
+##### Using Titles, Text and Links:
+
+Following tags can be used under main `abp-card` tag
+
+* `abp-card-title`
+* `abp-card-subtitle`
+* `a abp-card-link`
+
+Sample:
+
+````xml
+
+
+ Card title
+ Card subtitle
+ Some quick example text to build on the card title and make up the bulk of the card's content.
+ Card link
+ Another link
+
+
+````
+
+
+
+##### Using List Groups:
+
+* `abp-list-group flush="true"` : `flush` attribute renders into bootstrap `list-group-flush` class which is used for removing borders and rounded corners to render list group items edge to edge in a parent container.
+* `abp-list-group-item`
+
+Kitchen Sink Sample:
+
+````xml
+
+
+
+ Card Title
+ Some quick example text to build on the card title and make up the bulk of the card's content.
+
+
+ Cras justo odio
+ Dapibus ac facilisis in
+ Vestibulum at eros
+
+
+ Card link
+ Another link
+
+
+````
+
+
+
+##### Using Header, Footer and Blockquote:
+
+* `abp-card-header`
+* `abp-card-footer`
+* `abp-blockquote`
+
+Sample:
+
+```xml
+
+ Featured
+
+ Special title treatment
+ With supporting text below as a natural lead-in to additional content.
+ Go somewhere
+
+
+```
+
+Quote Sample:
+
+```xml
+
+ Quote
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
+
+
+
+ 2 days ago
+
+```
+
+
+
+## Demo
+
+See the [cards demo page](https://bootstrap-taghelpers.abp.io/Components/Cards) to see it in action.
+
+## abp-card Attributes
+
+- **background:** A value indicates the background color of the card.
+- **text-color**: A value indicates the color of the text inside the card.
+- **border:** A value indicates the color of the border inside the card.
+
+Should be one of the following values:
+
+* `Default` (default value)
+* `Primary`
+* `Secondary`
+* `Success`
+* `Danger`
+* `Warning`
+* `Info`
+* `Light`
+* `Dark`
+
+Example:
+
+````xml
+
+````
+
+### sizing
+
+Cards has default 100% with and can be changed with custom CSS, grid classes, grid Sass mixins or [utilities](https://getbootstrap.com/docs/4.0/utilities/sizing/).
+
+````xml
+
+````
+
+### card-deck and card-columns
+
+`abp-card` can be used inside `card-deck` or `card-columns` aswell.
+
+````xml
+
+
+ First Deck
+
+ Ace
+ Here is the content for Ace.
+
+
+
+ Second Deck
+
+ Beta
+ Beta content.
+
+
+
+ Third Deck
+
+ Epsilon
+ Content for Epsilon.
+
+
+
+