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


export default function About() {
    return (
        <>
            <div className="p-3">
                    <Row className="justify-content-md-center">
                        <Col md="auto">
                            <h1>About</h1>
                        </Col>
                    </Row>
                    <Row className="justify-content-md-center">
                        <a>This is the frontend for the SmartGarden project in Embedded Systems.</a>
                    </Row>

                    <hr  style={{
                        color: '#000000',
                        backgroundColor: '#000000',
                        height: .5,
                        borderColor : '#000000'
                    }}/>

                    <Row className="justify-content-md-center">
                        <a>Created by</a>
                    </Row>
                    <Row className="justify-content-md-center">
                        <a>Timo Volkmann, Andrés Uribe Stengel, Sebastian Herzog and Maximilian Seyfried</a>
                    </Row>

                    
            </div>
        </>
    )
}