Title: Enter the desired title for your card in the Title field. This will appear as the card’s header.
Text: Add the main content or description of the card in the Text field. This text will be displayed below the card’s title.
Image URL: Provide the URL of the image you want to include in the Image URL field. The example URL is https://picsum.photos/300/200.
Image Position: Choose where you want the image to be positioned on the card (e.g., Top, Bottom, or Left).
Width: Set the width of the card (e.g., Full, Half, or Custom). In the example, it’s set to Half.
Background Color: Choose a background color for the card. You can specify a color code or name.
Text Color: Select a color for the text within the card.
Border: Decide if you want a border around the card and select its style (e.g., Danger).
Include Button: Decide if you want to include a button on the card.
Button Text: Enter the text for the button.
Button Link: Provide the URL or link where the button should redirect when clicked.
Button Style: Choose the style of the button (e.g., Danger).
Card Preview: Review how the card will look based on your selections. It provides a visual preview of the card.
Generated Code: The tool will generate HTML code for the card based on your input. You can copy and paste this code into your website’s HTML to display the card.