import React from 'react'
import {
    Card, CardTitle, CardText, CardColumns, CardHeader, CardBody, Container,Col,Row
  } from 'reactstrap';
import Breadcrumbs from './Breadcrumbs';
import Subheader from './Subheader';

const Contact = () => {
    return (
        <div>
        <Breadcrumbs path="Contact" />
        <Subheader path="Contact" />
        <br></br><br></br>
        <div data-aos="fade-up" data-aos-duration="1000" >
        <Container>
        <CardColumns>
            <Row>
            <Col xs="12" lg="4">
            <Card className="text-center">
            <CardHeader className="orange bg-black"><i className="fa fa-address-card fa-2x "></i></CardHeader>
                <CardBody className="card-border">
                <CardTitle tag="h5">ADDRESS</CardTitle>
                <CardText className="text-muted">Vision- Foresighting the Future.(TCA)</CardText>
                </CardBody>
            </Card>
            </Col>
            <Col xs="12" lg="4">
            <Card className="text-center">
            <CardHeader className="orange bg-black"><i className="fa fa-phone fa-2x "></i></CardHeader>
                <CardBody className="card-border">
                <CardTitle tag="h5">CALL US</CardTitle>
                <CardText className="text-muted">6383279480 / 9786901170</CardText>
                </CardBody>
            </Card>
            </Col>
            
            <Col xs="12" lg="4">
            <Card className="text-center">
            <CardHeader className="orange bg-black"><i className="fa fa-envelope fa-2x "></i></CardHeader>
                <CardBody className="card-border">
                <CardTitle tag="h5">MAIL US</CardTitle>
                <CardText> <a  href="mailto:visionforesightingfuture@gmail.com"  className="text-muted">visionforesightingfuture@gmail.com</a></CardText>
                </CardBody>
            </Card>
            </Col>
           
            </Row><br></br>
            <Row className="justify-content-center">
                <Col xs="12" lg="6">
                <Card className="text-center">
            <CardHeader className="orange bg-black"><i className="fa fa-share fa-2x "></i></CardHeader>
                <CardBody className="card-border">
                <CardTitle tag="h5">SOCIAL MEDIA PLATFORMS</CardTitle>
                <CardText className="text-muted">
                <div className="text-center social-media bg" >
                    {/* <a  href="http://google.com/+"><i className="fa fa-google-plus fa-lg"></i></a> */}
                    {/* <a  href="http://www.facebook.com/profile.php?id="><i className="fa fa-facebook fa-lg"></i></a> */}
                    <a href="https://www.linkedin.com/company/visionforesightingfuture"><i className="fa fa-linkedin fa-lg"></i></a>
                    <a  href="https://instagram.com/vision_foresightingfuture"><i className="fa fa-instagram fa-lg"></i></a>
                    <a  href="https://youtube.com/c/DINESHPRABHU"><i className="fa fa-youtube fa-lg"></i></a>
                    <a  href="mailto:visionforesightingfuture@gmail.com"><i className="fa fa-envelope-o fa-lg"></i></a>
                    </div>
                </CardText>
                </CardBody>
            </Card>
                </Col>
            
            </Row>
            
        
    </CardColumns>
        </Container>
        </div><br></br><br></br>
        </div>

    )
}

export default Contact