sabrebooking / sabrefrontend / src / components / RoomCarousel.jsx
RoomCarousel.jsx
Raw
import Carousel from 'react-bootstrap/Carousel';
import Container from 'react-bootstrap/esm/Container';
import Card from 'react-bootstrap/Card'
export default function RoomCarousel() {
    
    return (
        <>
            <Container >

                <Carousel style={{
                                width: "35em",
                    height: "15em",
                        }}>
      <Carousel.Item>
                        <img
                            style={{
                               width: "35em",
                                height: "15em",
                                objectFit: "cover"
                        }}
                            src="http://localhost:5173/Explorers.jpeg" alt="" />
      </Carousel.Item>
      <Carousel.Item>
                        <img
                            style={{
                               width: "35em",
                                height: "15em",
                                objectFit: "cover"

                        }}
                            src="http://localhost:5173/Visionaries.jpeg" alt="" />
        
      </Carousel.Item>
      <Carousel.Item>
                        <img
                            style={{
                                width: "35em",
                                height: "15em",
                                objectFit: "cover"
                        }}
                            src="http://localhost:5173/Philosophers.jpeg" alt="" />
        
      </Carousel.Item>
                    </Carousel>

            </Container>
        </>
    )
}