import React, { useState, useEffect } from "react";
import ReactPlayer from 'react-player'
import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share";
import { SocialIcon } from 'react-social-icons';
import { Button, } from "reactstrap";
import { useHistory } from "react-router-dom";
import { Helmet } from "react-helmet";
import { useCookies } from "react-cookie";
import { confirmAlert } from 'react-confirm-alert';
import descriptionimg from "../mysy_img/description_v3.png"
import flechehautimg from "../mysy_img/drole_fleche_haut.png"


const DroleVousCherchezFormation = (props) => {


    return (
        <div className="DroleVousCherchezFormation">
            

            <div className="div_row">
                <div className="div_row_gauche">

                <img class="img-responsive img_cherche_taille" src={descriptionimg} alt="Description MySy Technology" />
              
                </div>

                <div className="div_row_droite">
                Vous cherchez un <font color="red">tuto ?</font> une <font color="red"> formation ?</font><br/> Saisissez les mots clés dans la barre de recherche et cliquez sur la loupe -
                    <font color="green"> Pensez aux filtres, ca ira plus vite w/ </font>

                </div>

                <div className="div_row_droite_droite">
                <img class="img-responsive img_fleche_taille" src={flechehautimg} alt="Description MySy Technology" />
              

                </div>
 

            </div>


        </div>

    )
}


export default DroleVousCherchezFormation;