react-version #1

Merged
memartel_loc merged 290 commits from react-version into main 2023-11-04 09:48:15 -04:00
Showing only changes of commit 3dd586818e - Show all commits

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>
</>
);