react bootstrap card
<Card style={{ width: '18rem' }}>
<Card.Img variant="top" src="holder.js/100px180" />
<Card.Body>
<Card.Title>Card Title</Card.Title>
<Card.Text>
Some quick example text
</Card.Text>
<Button variant="primary">Go somewhere</Button>
</Card.Body>
</Card>style cards react
<>
<Card bg="primary" text="white" style={{ width: '18rem' }}>
<Card.Header>Header</Card.Header>
<Card.Body>
<Card.Title>Primary Card Title</Card.Title>
<Card.Text>
Some quick example text to build on the card title and make up the bulk
of the card's content.
</Card.Text>
</Card.Body>
</Card>
<br />
<Card bg="secondary" text="white" style={{ width: '18rem' }}>
<Card.Header>Header</Card.Header>
<Card.Body>
<Card.Title>Secondary Card Title</Card.Title>
<Card.Text>
Some quick example text to build on the card title and make up the bulk
of the card's content.
</Card.Text>
</Card.Body>
</Card>
<br />
<Card bg="success" text="white" style={{ width: '18rem' }}>
<Card.Header>Header</Card.Header>
<Card.Body>
<Card.Title>Success Card Title</Card.Title>
<Card.Text>
Some quick example text to build on the card title and make up the bulk
of the card's content.
</Card.Text>
</Card.Body>
</Card>
<br />
<Card bg="danger" text="white" style={{ width: '18rem' }}>
<Card.Header>Header</Card.Header>
<Card.Body>
<Card.Title>Danger Card Title</Card.Title>
<Card.Text>
Some quick example text to build on the card title and make up the bulk
of the card's content.
</Card.Text>
</Card.Body>
</Card>
<br />
<Card bg="warning" text="white" style={{ width: '18rem' }}>
<Card.Header>Header</Card.Header>
<Card.Body>
<Card.Title>Warning Card Title</Card.Title>
<Card.Text>
Some quick example text to build on the card title and make up the bulk
of the card's content.
</Card.Text>
</Card.Body>
</Card>
<br />
<Card bg="info" text="white" style={{ width: '18rem' }}>
<Card.Header>Header</Card.Header>
<Card.Body>
<Card.Title>Info Card Title</Card.Title>
<Card.Text>
Some quick example text to build on the card title and make up the bulk
of the card's content.
</Card.Text>
</Card.Body>
</Card>
<br />
<Card bg="dark" text="white" style={{ width: '18rem' }}>
<Card.Header>Header</Card.Header>
<Card.Body>
<Card.Title>Dark Card Title</Card.Title>
<Card.Text>
Some quick example text to build on the card title and make up the bulk
of the card's content.
</Card.Text>
</Card.Body>
</Card>
<br />
<Card bg="light" style={{ width: '18rem' }}>
<Card.Header>Header</Card.Header>
<Card.Body>
<Card.Title>Light Card Title</Card.Title>
<Card.Text>
Some quick example text to build on the card title and make up the bulk
of the card's content.
</Card.Text>
</Card.Body>
</Card>
<br />
</>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
