CSS
HTML
COMPONENTS
CODE HUB
Card GeneratorNEWBETA
Configuration
Name
Description
Image Source
Border Radius
Width (px)
Height (px)
Image ratio (%)
Background Color
#FFFFFF
Border Radius Color
#d9d9d9
Text Color
#1A202C
Preview
John Doe
the globe-trotting Renaissance soul, has travelled to many continents, gathering secrets and wisdom, walking in the dances of the past. In his eyes the far lands, in his ears the tranquillity of the world
Code
HTML
<div class="card">
<img class="cardimage" src="/images/anonymous.webp">
<p class="cardtext">John Doe</p>
<p class="cardtext">the globe-trotting Renaissance soul, has travelled to many continents, gathering secrets and wisdom, walking in the dances of the past. In his eyes the far lands, in his ears the tranquillity of the world</p>
</div>CSS
.card{
height: 350px;
width: 300px;
border:1px #d9d9d9 solid;
border-radius: 5px;
}
.cardimage{
height: 45%;
width: 100%;
border-radius: 5px 5px 0px 0px;
}
.cardtext {
padding: 2px 16px;
color:#1A202C
}Select Language
Set theme
© 2024 ReadyTools. All rights reserved.