Ng - Card
Styled byLS Cards
Orientations
Vertical (default)
Title
Some quick example text to build on the card title and make up the bulk of the card's content. 2021-07-21 - 2021-07-30
556.50$
Title
Some quick example text to build on the card title and make up the bulk of the card's content. 2021-07-21 - 2021-07-30
556.50$
Title
Some quick example text to build on the card title and make up the bulk of the card's content. 2021-07-21 - 2021-07-30
556.50$
<Card>
<div class="Card-img">
<Carousel [Dummy]="true" [Captions]="false" [NavigationIndicators]="false"></Carousel>
</div>
<h5 class="Border-bottom">Title</h5>
<p>
Some quick example text to build on the card title and make up the bulk of the card's content.
<span class="Badge Bg-light Fg-dark">2021-07-21 - 2021-07-30</span>
</p>
<div class="D-flex Align-items-center">
<em>556.50$</em>
<button class="Btn Btn-outline-dark MS-auto">More...</button>
</div>
</Card>
Horizontal
Title
Some quick example text to build on the card title and make up the bulk of the card's content. 2021-07-21 - 2021-07-30
556.50$
Title
Some quick example text to build on the card title and make up the bulk of the card's content. 2021-07-21 - 2021-07-30
556.50$
<Card [Orientation]="'Horizontal'">
<div class="Card-img">
<Carousel [Dummy]="true" [Captions]="false" [NavigationIndicators]="false"></Carousel>
</div>
<h5 class="Border-bottom">Title</h5>
<p>
Some quick example text to build on the card title and make up the bulk of the card's content.
<span class="Badge Bg-light Fg-dark">2021-07-21 - 2021-07-30</span>
</p>
<div class="D-flex Align-items-center">
<em>556.50$</em>
<button class="Btn Btn-outline-dark MS-auto">More...</button>
</div>
<button class="Btn-close F-purple"></button>
</Card>