import { Container, Row, Col } from "react-bootstrap";

export default function AboutUsSection () {
    return (<>
    <Container id="about-us" className="my-5">
        <h1 className="my-4 text-cen">CATS Shop
        <small> - We code for fun </small>
        </h1>

        <Row className="align-items-center">
            <Col md={8}>
            <img className="img-fluid" src="/cats-logo.png" alt="" style={{width: "100%", height: "auto"}}></img>
            </Col>

            <Col md={4} className="d-flex justify-content-center align-items-center">
            Chào mừng mọi người đến với Cats Shop, phương châm của chúng tôi là code at the sink and sleep at the sea.
            </Col>
        </Row>
    </Container>
    </>)
}