import React, {Component} from "react";

import Carousel from "react-bootstrap/Carousel";
import AddR1 from "../../Images/ad_top_s_01.jpg";
import AddR2 from "../../Images/ad_r2.jpg";



export default class AdvertisementTopSmall extends Component{

    constructor(props) {
        super(props);

        this.state = {



        };


        //this.FindTutor = this.FindTutor.bind(this);

    }

    render() {
        return(
            <div className="row">
                <div className="col">

                    <Carousel style={{width:'100%',height:'100px', margin:'10px'}} nextLabel={false} prevLabel={false} indicators={false} >
                        <Carousel.Item>
                            <img style={{width:'90%'}}
                                className="toast-bottom-full-width"
                                src={AddR1}
                                alt="First slide"
                            />
                            <Carousel.Caption>

                            </Carousel.Caption>
                        </Carousel.Item>
                        <Carousel.Item>
                            <img style={{width:'90%'}}
                                className="d-block w-100"
                                src={AddR1}
                                alt="Second slide"
                            />

                            <Carousel.Caption>

                            </Carousel.Caption>
                        </Carousel.Item>
                        {/*<Carousel.Item>*/}
                        {/*    <img*/}
                        {/*        className="d-block w-100"*/}
                        {/*        src={AddR1}*/}
                        {/*        alt="Third slide"*/}
                        {/*    />*/}

                        {/*    <Carousel.Caption>*/}

                        {/*    </Carousel.Caption>*/}
                        {/*</Carousel.Item>*/}
                    </Carousel>
                </div>
                <div className="col">

                    <Carousel style={{width:'100%',height:'100px', margin:'10px'}} nextLabel={false} prevLabel={false} indicators={false} >
                        <Carousel.Item>
                            <img style={{width:'90%'}}
                                className="toast-bottom-full-width"
                                src={AddR1}
                                alt="First slide"
                            />
                            <Carousel.Caption>

                            </Carousel.Caption>
                        </Carousel.Item>
                        <Carousel.Item>
                            <img style={{width:'90%'}}
                                className="d-block w-100"
                                src={AddR1}
                                alt="Second slide"
                            />

                            <Carousel.Caption>

                            </Carousel.Caption>
                        </Carousel.Item>
                        {/*<Carousel.Item>*/}
                        {/*    <img*/}
                        {/*        className="d-block w-100"*/}
                        {/*        src={AddR1}*/}
                        {/*        alt="Third slide"*/}
                        {/*    />*/}

                        {/*    <Carousel.Caption>*/}

                        {/*    </Carousel.Caption>*/}
                        {/*</Carousel.Item>*/}
                    </Carousel>
                </div>
            </div>

        )
    }
}