import React from 'react';
import Card from 'react-bootstrap/Card';
import CardDeck from 'react-bootstrap/CardDeck';
const Cards = () => {
return (
<CardDeck>
<Card>
<Card.Img variant="top" src="card1.jpg" />
<Card.Body>
<Card.Title>Card 1</Card.Title>
<Card.Text>
This is the content of Card 1.
</Card.Text>
</Card.Body>
</Card>
<Card>
<Card.Img variant="top" src="card2.jpg" />
<Card.Body>
<Card.Title>Card 2</Card.Title>
<Card.Text>
This is the content of Card 2.
</Card.Text>
</Card.Body>
</Card>
<Card>
<Card.Img variant="top" src="card3.jpg" />
<Card.Body>
<Card.Title>Card 3</Card.Title>
<Card.Text>
This is the content of Card 3.
</Card.Text>
</Card.Body>
</Card>
</CardDeck>
);
}
export default Cards;