Card in a Gallery Layout
Articles and Blogs
Title of the article
This is the article description that can go to three lines and will be followed by a footer. 2
Title of the article
This is the article description that can go to three lines and will be followed by a footer. 2
Title of the article
This is the article description that can go to three lines and will be followed by a footer. Must truncate after 3 lines.
Title of the article
This is the article description that can go to three lines and will be followed by a footer. Must truncate after 3 lines.
Title of the article that can go to two lines only and then must truncate after it passes two lines.
This is the article description that can go to three lines and will be followed by a footer. Must truncate after 3 lines.
Series
Series title
This is the series description that can go to three lines and will be followed by a footer. 2
Series title
This is the series description that can go to three lines and will be followed by a footer. 2
Series title
This is the series description that can go to three lines and will be followed by a footer. Must truncate after 3 lines.
Series title
This is the series description that can go to three lines and will be followed by a footer. Must truncate after 3 lines.
Series title that can go to two lines only and then must truncate after it passes two lines.
This is the series description that can go to three lines and will be followed by a footer. Must truncate after 3 lines.
Products
Red Hat Enterprise Linux
A stable, proven foundation that’s versatile enough for rolling out new applications, virtualizing environments, and creating a secure hybrid cloud.
Red Hat Enterprise Linux
A stable, proven foundation that’s versatile enough for rolling out new applications, virtualizing environments, and creating a secure hybrid cloud.
Red Hat Enterprise Linux
A stable, proven foundation that’s versatile enough for rolling out new applications, virtualizing environments, and creating a secure hybrid cloud.
Red Hat Enterprise Linux
A stable, proven foundation that’s versatile enough for rolling out new applications, virtualizing environments, and creating a secure hybrid cloud.
A stable, proven foundation that’s versatile enough for rolling out new applications, virtualizing environments, and creating a secure hybrid cloud.
Katacoda Courses
Istio service mesh workshop
Istio service mesh workshop
Istio service mesh workshop
Istio service mesh workshop
Istio service mesh workshop
Install Istio on a Kubernetes cluster and deploy three microservices.
Istio service mesh workshop
Install Istio on a Kubernetes cluster and deploy three microservices.
Istio service mesh workshop
Install Istio on a Kubernetes cluster and deploy three microservices.
Katacoda Lessons
Getting started with OpenShift
Getting started with OpenShift
Getting started with OpenShift
Getting started with OpenShift
Getting started with OpenShift
Use the OpenShift Container Platform to build and deploy applications using both containers and orchestration.
Getting started with OpenShift
Use the OpenShift Container Platform to build and deploy applications using both containers and orchestration.
Getting started with OpenShift
Use the OpenShift Container Platform to build and deploy applications using both...
Getting started with OpenShift
Use the OpenShift Container Platform to build and deploy applications using both...
Getting started with OpenShift
Use the OpenShift Container Platform to build and deploy applications using both...
eBooks
Introducing Istio Service
Introducing Istio Service
eBook title that can go to two lines only and then must truncate after it passes two lines.
Videos
Title of the video that can go as many lines as needed, when there is only the Title and Body.
This is the video description that can go to three lines, as needed.
Title of the video that can go as many lines as needed, when there is only the Title and Body.
This is the video description that can go to three lines, as needed.
Title of the video that can go as many lines as needed, when there is only the Title and Body.
This is the video description that can go to three lines, as needed.
Title of the video that can go to two lines, but will then hide until hovered
This is the video description that can go to three lines, as needed.
Cheat sheet
Kubernetes Cheat Sheet
Cheat sheet title that can go to two lines only and then must truncate after it passes two lines.
Cheat sheet title that can go to two lines only and then must truncate after it passes two lines.
Code Snippets
Basic Card Example
<div class="pf-c-card rhd-c-card__list">
<div class="rhd-c-card-content">
<h3 class="rhd-c-card__title"><a href="#" class="rhd-m-link">Title of the article</a></h3>
<p class="rhd-c-card__body ">This is the article description that can go to three lines and will be followed by a footer.
<span class="rhd-m-list__comment"><i class="fas fa-comment"></i> 2</span>
</p>
</div>
</div>Cheat Sheet Card Example
<div class="pf-c-card rhd-c-card">
<div class="rhd-c-card__tag">
<i class="far fa-file-code"></i>
Cheat sheet
</div>
<div class="rhd-c-card-content">
<h3 class="rhd-c-card__title rhd-m-card-title__no-image">
Cheat sheet title that can go to two lines only and then must truncate after it passes two lines.
</h3>
<div class="rhd-c-card__footer">
<div class="rhd-c-card__footer--author">
Author Name & Author Name
</div>
</div>
<img src="https://developers.redhat.com/sites/default/files/styles/card_small/public/kubernetes-cheat-sheet-cover.png?itok=io1KFs4d" class="rhd-c-card__image-body"/>
<div class="rhd-c-card__footer">
<div class="rhd-c-card__footer--download">
<a href="#" class="rhd-m-link">Download <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>