react-version #1
@ -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™.
|
||||
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™.
|
||||
</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>
|
||||
</>
|
||||
|
||||
);
|
||||
|
Loading…
Reference in New Issue
Block a user