memartel_loc/GGMM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

copy paste de à propos et modifications pour être fonctionnelle

Browse Source
This commit is contained in:
Medenos 2022-09-27 23:24:49 -04:00
parent 42739e1a35
commit 3dd586818e
1 changed files with 96 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

97
GrossesMitaines/grosses-mitaines-ui/src/pages/AboutUs.js
View File

@ -9,7 +9,102 @@ const AbtouUs = () => {
return (
<>
À propos de nous
<div className="row">
<div className="col-12 text-light">
<h1>À propos de nous:</h1>
</div>
</div>
<br />
<div className="row">
<div className="col col-12 col-md-6 col-lg-4 ">
<img className="border-quetaine" src="/images/madamebrossard.jpg"/>
</div>
<div className="col col-12 col-md-6 col-lg-8 text-light">
<br />
<h4>
Ginette - Co-Fondatrice
</h4>
<br />
<p>
Une forte femme de 83 ans qui travaille la laine depuis sa plus tendre enfance.
Ginette est avec Monique co-fondatrice des Grosses Mitaines&trade;.
Elle se fera un plaisir de créer de magnifiques chaussettes pour les petits et les grands.
</p>
</div>
</div>
<br />
<br />
<br />
<div className="row">
<div className="col col-12 col-md-6 col-lg-8 text-light">
<h4>
Monique - Autre Co-Fondatrice
</h4>
<br />
<p>
Dès ses 3 ans Monique était une prodige du crochet!
Il est même dit qu'elle aurait fait sa première paire de bas avant même de parler.
En 8ième année, elle était la reine de la laine et elle fonda - en 1953 avec Ginette, Les Grosses Mitaines&trade;.
</p>
<br />
</div>
<div className="col col-12 col-md-6 col-lg-4">
<img className="border-quetaine" src="/images/moman.jpg"/>
</div>
</div>
<br />
<br />
<br />
<div className="row bg-dark text-light pt-3">
<ul>
<li>
<h5>
<span className="fa fa-location-dot"></span> Adresse:
</h5>
<a href="https://goo.gl/maps/B76oSoXg9FXuTmCD6" target="_blank">
<span className="fa fa-arrow-up-right-from-square"></span> 3005 Bd Laframboise, Saint-Hyacinthe, QC J2S 4Z6
</a>
</li>
<br />
<li>
<h5 >
<span className="fa fa-envelope"></span> Courriel:
</h5>
<a href="mailto:grossesmitaines@example.com" >
<span className="fa fa-feather"></span> grossesmitaines@example.com
</a>
</li>
<br />
<li>
<h5 >
<span className="fa fa-phone"></span> Appellez-nous:
</h5>
<a href="tel:666-666-6666">
<span className="fa fa-phone-volume"></span> 666-666-666
</a>
</li>
<br />
<li>
<h5 >
Réseaux Sociaux:
</h5>
<div className="row">
<span className="col-4 fa fa-facebook"></span>
<span className="col-4 fa fa-etsy"></span>
<span className="col-4 fa fa-pinterest"></span>
</div>
</li>
<br />
<li>
<h5 >
Question?
</h5>
<a>
Nous Contacter
</a>
</li>
</ul>
</div>
</>
);