Ela_Front/src/pages/quisommesnous_orig.js

240 lines
9.2 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

import Navigation from "../components/Navigation";
import { Helmet } from "react-helmet";
import bannerimg2 from "../mysy_img/MYSY-LOGO-BLUE.png";
import notrevisionimg from "../mysy_img/notre_vision.png";
import entrepriseimg from "../mysy_img/batiment-3d.png"
import particulierimg from "../mysy_img/particulier.png"
import descriptionimg from "../mysy_img/description.png"
import ousommesnousimg from "../mysy_img/mysy_training_technology_ici.png"
import sloganimg from "../mysy_img/slogan.png"
import GoogleMapReact from 'google-map-react';
import React, { Component } from 'react';
import { withScriptjs, withGoogleMap, GoogleMap, Marker } from "react-google-maps"
import { FacebookShareButton, LinkedinShareButton, TwitterShareButton } from "react-share";
import { SocialIcon } from 'react-social-icons';
import logowhite from "../mysy_img/MYSY-LOGO-WHITE.png";
import Footer from "../components/Fotter";
import Header from "../components/Header";
const quisommesnous = () => {
const MyMapComponent = withScriptjs(withGoogleMap((props) =>
<GoogleMap
defaultZoom={18}
defaultCenter={{ lat: 48.866669, lng: 2.33333 }}
>
{props.isMarkerShown && <Marker position={{ lat: 48.866669, lng: 2.33333 }} />}
</GoogleMap>
))
return (
<div className="quisommesnous">
<div>
<Navigation />
</div>
<Helmet>
<title>MySy Training, qui sommes nous ?</title>
<meta name="description" content="Nous sommes une base de données uniquement dediée aux formations et tutoriels" />
<meta name="robots" content="index,follow" />
<meta name="title" content="Trouver des Formations.Acces libre.Qualité top" />
<link rel="canonical" href={window.location.href}/>
</Helmet>
<Header />
<div className="div_mobile">
<div className="div_row">
<div className="nom_prenom"> Description </div>
<div className="div_row_gauche">
<img class="img-responsive img_gauche_taille" src={descriptionimg} alt="Description MySy training Technology" />
</div>
<div className="div_row_droite" id="desc" >
MySy Training Technology est un moteur de recherche exclusivement dédié à la formation. Il met le profil de lutilisateur au cœur du système pour trouver la formation la plus adaptée à sa situation.
Des algorithmes spécifiquement conçus pour le monde de la formation nous permettent dadresser un large éventail de profils.
Quelque soit votre situation, que vous soyez malvoyant, mal entendant, tout simplement à la recherche de la formation qui prend en compte vos besoins, le moteur de recherche MySy-T est pour vous.
</div>
</div>
<div className="div_row">
<div className="nom_prenom"> Notre Vision </div>
<div className="div_row_gauche">
<img class="img-responsive img_gauche_taille" src={notrevisionimg} alt="Vision MySy Technology" />
</div>
<div className="div_row_droite" id="vision">
<li>
Permettre à chaque personne de trouver la formation quil lui faut
</li>
<li>
Prendre en compte vos contraintes, votre réalité pour vous accompagner dans votre montée en compétence réelle et réaliste
</li>
<li>
Aiguiller les futurs apprenants vers le chemin le plus direct
</li>
</div>
</div>
<div className="div_row">
<div className="nom_prenom">Notre devise </div>
<div className="div_row_gauche">
<img class="img-responsive img_gauche_taille" src={sloganimg} alt="Slogan MySy Technology" />
</div>
<div className="div_row_droite">
Quel que soit votre situation, que vous soyez malvoyant, mal entendant, le moteur de recherche MySy-T vous trouve la formation quil vous faut.
</div>
</div>
<div className="div_row">
<div className="nom_prenom">Nos solution pour les entreprises </div>
<div className="div_row_gauche">
<img class="img-responsive" src={entrepriseimg} style={{ maxWidth: '50%' }} />
</div>
<div className="div_row_droite" >
<li>
Aligner la formation des collaborateurs avec la stratégie de lentreprise
</li>
<li>
Maitriser et piloter votre budget
</li>
<li>
Retrouver de la souplesse et de lautonomie dans le choix et la durée des formations
</li>
</div>
</div>
<div className="div_row">
<div className="nom_prenom">Nos solution pour les particuliers </div>
<div className="div_row_gauche">
<img class="img-responsive img_gauche_taille" src={particulierimg} />
</div>
<div className="div_row_droite" >
<li>
Identifier la formation quil vous faut
</li>
<li>
Donner de lautonomie à lapprenant
</li>
<li>
Viser au plus juste la réponse au besoin
</li>
</div>
</div>
<div className="div_row">
<div className="nom_prenom"> nous trouver ? </div>
<div className="div_carte">
<a target="_blank"
href="https://www.google.com/maps/place/MySy+Training+Technology/@48.8761591,2.3260624,15z/data=!4m5!3m4!1s0x0:0x8239ba23406c9699!8m2!3d48.8761591!4d2.3260624">
<img src={ousommesnousimg} alt="logo MySy Technology ou sommes nous" style={{ 'width': "100%", 'height': '50%' }} />
</a>
</div>
<div className="div_adresse" >
<br />
<div>MySy Training Technology<br />
</div>
<div style={{ fontSize: "x-small" }}>
Adresse : 1 Cr du Havre, 75008 Paris <br />
Adresse email :
<a href="mailto: contact@mysy-training.com?subject=Mail from mysy website" target="_blank"> contact@mysy-training.com</a> <br />
Téléphone fixe : +331 77 00 38 57<br />
Téléphone : +337 69 20 39 45<br />
</div>
<br />
<div> Sur nos reseaux sociaux
<div style={{ 'float': "center", "textAlign": "center" }}>
<div className="media_sociaux">
<FacebookShareButton
url={"https://www.facebook.com/MySy-Training-114572794561371/"}
>
<SocialIcon network="facebook" className="SocialIcon" />
</FacebookShareButton>
&nbsp;
<TwitterShareButton
url={"https://twitter.com/mysy_training"}
hashtag={"#MySyTraining"}
>
<SocialIcon network="twitter" className="SocialIcon" />
</TwitterShareButton>
&nbsp;
<LinkedinShareButton
url={"https://www.linkedin.com/"}
summary={"ee"}
source={"https://www.linkedin.com/in/mysy-training-96b53a237/"}
>
<SocialIcon network="linkedin" className="SocialIcon" />
</LinkedinShareButton>
</div>
</div>
</div>
</div>
</div>
<div className="pieddepage">
<Footer />
</div>
</div>
</div>
)
}
export default quisommesnous;