Code source du site professionnel entrepreneur de Matthias Rouyer https://www.matthiasrouyer.fr
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

459 lines
37 KiB

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Matthias Rouyer Informatique Entrepreneur, création site internet pas cher, formation informatique et langage de programmation, assistance informatique matériel et logiciel, conseil informatique, pas cher</title>
<meta name="description" content="Création de site internet pas cher, assistance informatique matériel et logiciel, formation en informatique et langage de programmation pas cher, conseil matériel et logiciel en informatique. Prix très compétitifs.
Entrepreneur en informatique Matthias Rouyer à Toulon, Salon-de-Provence et Valence. ">
<meta property="og:type" content="website">
<link rel="icon" type="image/png" sizes="400x400" href="assets/img/logo-site.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
</head>
<body id="page-top">
<nav class="navbar navbar-light navbar-expand-lg fixed-top bg-secondary text-uppercase" id="mainNav">
<div class="container"><a class="navbar-brand js-scroll-trigger" href="#page-top"></a><button data-toggle="collapse" data-target="#navbarResponsive" class="navbar-toggler navbar-toggler-right text-uppercase bg-primary text-white rounded" aria-controls="navbarResponsive"
aria-expanded="false" aria-label="Toggle navigation"><i class="fa fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="nav navbar-nav">
<li class="nav-item mx-0 mx-lg-1" role="presentation"><a class="nav-link active py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#page-top">Accueil</a></li>
</ul>
<ul class="nav navbar-nav ml-auto">
<li class="nav-item mx-0 mx-lg-1" role="presentation"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#crea">Mes créations</a></li>
<li class="nav-item mx-0 mx-lg-1" role="presentation"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#formules">Formules &amp; Tarifs</a></li>
<li class="nav-item mx-0 mx-lg-1" role="presentation"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#about">Qui suis-je ?</a></li>
<li class="nav-item mx-0 mx-lg-1" role="presentation"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#contact">Me Contacter</a></li>
</ul>
</div>
</div>
</nav>
<header class="masthead bg-primary text-white text-center">
<div class="container"><img class="img-fluid d-block mx-auto mb-5" src="assets/img/profile_v2.png">
<h1>Matthias Rouyer</h1>
<hr class="star-light">
<h2 class="font-weight-light mb-0">Développeur Web - Formateur en informatique - Assistance informatique - Conseiller logiciel et matériel informatique</h2>
</div>
</header>
<section id="crea" class="portfolio">
<div class="container">
<h2 class="text-uppercase text-center text-secondary">Mes créations</h2>
<hr class="star-dark mb-5">
<div class="row">
<div class="col-md-6 col-lg-4">
<a class="d-block mx-auto portfolio-item" data-toggle="modal" href="#portfolio-modal-1">
<div class="d-flex portfolio-item-caption position-absolute h-100 w-100">
<div class="my-auto portfolio-item-caption-content w-100 text-center text-white"><i class="fa fa-search-plus fa-3x"></i></div>
</div><img class="img-fluid" src="assets/img/cap_matallagi.png"></a>
</div>
<div class="col-md-6 col-lg-4">
<a class="d-block mx-auto portfolio-item" data-toggle="modal" href="#portfolio-modal-2">
<div class="d-flex portfolio-item-caption position-absolute h-100 w-100">
<div class="my-auto portfolio-item-caption-content w-100 text-center text-white"><i class="fa fa-search-plus fa-3x"></i></div>
</div><img class="img-fluid" src="assets/img/cap_matthiasrouyer.png"></a>
</div>
<div class="col-md-6 col-lg-4">
<a class="d-block mx-auto portfolio-item" data-toggle="modal" href="#portfolio-modal-3">
<div class="d-flex portfolio-item-caption position-absolute h-100 w-100">
<div class="my-auto portfolio-item-caption-content w-100 text-center text-white"><i class="fa fa-search-plus fa-3x"></i></div>
</div><img class="img-fluid" src="assets/img/chantal_pelte.png"></a>
</div>
<div class="col-md-6 col-lg-4">
<a class="d-block mx-auto portfolio-item" data-toggle="modal" href="#portfolio-modal-4">
<div class="d-flex portfolio-item-caption position-absolute h-100 w-100">
<div class="my-auto portfolio-item-caption-content w-100 text-center text-white"><i class="fa fa-search-plus fa-3x"></i></div>
</div><img class="img-fluid" src="assets/img/portfolio/game.png"></a>
</div>
<div class="col-md-6 col-lg-4">
<a class="d-block mx-auto portfolio-item" data-toggle="modal" href="#portfolio-modal-5">
<div class="d-flex portfolio-item-caption position-absolute h-100 w-100">
<div class="my-auto portfolio-item-caption-content w-100 text-center text-white"><i class="fa fa-search-plus fa-3x"></i></div>
</div><img class="img-fluid" src="assets/img/portfolio/safe.png"></a>
</div>
<div class="col-sm-12 col-md-6 col-lg-4 offset-sm-0">
<a class="d-block mx-auto portfolio-item" data-toggle="modal" href="#portfolio-modal-6">
<div class="d-flex portfolio-item-caption position-absolute h-100 w-100">
<div class="my-auto portfolio-item-caption-content w-100 text-center text-white"><i class="fa fa-search-plus fa-3x"></i></div>
</div><img class="img-fluid" src="assets/img/portfolio/submarine.png"></a>
</div>
</div>
<h2 class="text-uppercase text-center text-secondary"><br>Création en cours</h2>
<hr class="star-dark mb-5">
<h5>Vous pouvez à tout moment suivre la construction de votre site internet. Pour ce faire, il suffit de se munir de votre code d'accès préalablement donné lors de la signature du contrat.</h5>
<form class="form-signin" action="redirection.php"
method="post"><label><strong>Code d'accès *</strong></label><input class="form-control col-md-5" type="password" name="code" required=""><button class="btn btn-primary btn-secondary btn-block col-md-5" type="submit">Accéder à mon site</button></form>
</div>
</section>
<section id="formules" class="bg-primary text-white mb-0">
<div class="container">
<h2 class="text-uppercase text-center text-white">formules et tarifs</h2>
<hr class="star-light mb-5">
<h2><span style="text-decoration: underline;">Création de site web</span><br><br></h2>
<h3><span style="text-decoration: underline;">Formule 1</span><br><br></h3>
<h5><strong>- Création d'un site web dit "vitrine" avec 8 pages maximum dont vous aurez besoin.</strong><br><strong>Par exemple, le site web pourra contenir les pages suivantes: </strong><br><strong>"Contact", "À propos", "La&nbsp;boutique", "Où nous trouver", etc. exemple : allez voir le site:&nbsp;</strong>
<a
href="https://www.matthiasrouyer.fr"><strong>https://www.matthiasrouyer.fr</strong></a><br><br><strong>- Dans chaque page du site, il pourra y avoir des contenus comme des images (format jpg,&nbsp;jpeg, png, ...), des titres, des paragraphes, des carrousels, des tableaux, des graphiques,&nbsp;etc. Vous devrez fournir tout le contenu car je ne suis pas un graphiste mais un Web&nbsp;Master.</strong><br><br><strong>- Le site web s’adaptera aux différents appareils comme les tablettes, les smartphones et&nbsp;les ordinateurs.</strong><br><br><strong>- Hébergement dans un Datacentre pour 1 an compris et renouvelable sur demande pour</strong><br><strong>être visible sur internet.</strong><br><br><strong>- 2 modifications du site possibles sur demande par an avec un délai moyen de 1 semaine&nbsp;pour la prise en compte.</strong><br><br><strong>- Exemple de clients: boulangeries, pizzerias, restaurants, garages, artisans, auto entrepreneurs, magasins de chaussures, entreprises.</strong><br><br></h5>
<div
class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Prestation</th>
<th>Délai de livraison</th>
<th>Conditions de paiement</th>
<th>Modes de paiement accéptés</th>
<th>Tarifs</th>
</tr>
</thead>
<tbody>
<tr></tr>
<tr>
<td>Réalisation site vitrine</td>
<td>2 à 3 semaines</td>
<td>100% à la livraison du site<br>ce qui correspond au<br>moment où le site est fini<br>MAIS pas encore hébergé.</td>
<td>- Virement bancaire (recommandé)<br>- Chèque</td>
<td>250 € HT</td>
</tr>
<tr>
<td>Hébergement annuel. (À renouveler chaque année supplémentaire*)</td>
<td>1 semaine</td>
<td>100% pour activer l'hébergement</td>
<td>- Virement bancaire (recommandé)<br>- Chèque</td>
<td>100 € HT</td>
</tr>
</tbody>
</table>
</div>
<h5><strong>* Les 100€ pour le renouvellement servent à payer l'hébergement du site au sein d'un serveur&nbsp;pendant 1 an. (L'hébergement est le fait de stocker un site web sur un serveur web ou Datacentre&nbsp;et ainsi de le rendre visible sur internet.) Ce service n'est pas gratuit comme peuvent le penser&nbsp;certain, et a bien un coût. Pensez à faire renouveler votre hébergement avant la date d’échéance&nbsp;en me renouvelant votre accord pour une année supplémentaire.</strong><br><br><strong>Pour toute demande de devis ou d'information supplémentaire, je vous prie de m'envoyer un mail, merci.&nbsp;</strong><br><br></h5>
<h3><span style="text-decoration: underline;">Formule 2</span><br><br></h3>
<h5><strong>- Création d'un site web de type blog en reprenant tous les éléments de la formule 1.</strong><br><br><strong>- Par exemple, le site web pourra contenir les pages suivantes: "Contact", "À propos", "La&nbsp;boutique", "Où nous trouver", etc. exemple : allez voir le site: </strong>
<a
href="http://matallagi.free.fr"><strong>http://matallagi.free.fr</strong></a><br><br><strong>- Vous pourrez créer des articles / posts, des catégories, ...</strong><br><strong>Les lecteurs pourront mettre des commentaires à leur tour sur les différents articles&nbsp;publiés.</strong><br><br><strong>- Le site web s’adaptera aux différents appareils comme les tablettes, les smartphones et&nbsp;les ordinateurs.</strong><br><br><strong>- Vous devrez fournir par vous même le contenu (images, textes, ...) qui sera présent dans&nbsp;le site web car je ne suis pas un graphiste mais un web master.</strong><br><br><strong>- Exemples de clients: web magazines, associations, entreprises de journalisme, célébrités.</strong><br><br></h5>
<div
class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Prestation</th>
<th>Délai de livraison</th>
<th>Conditions de paiement</th>
<th>Modes de paiement accéptés</th>
<th>Tarifs</th>
</tr>
</thead>
<tbody>
<tr></tr>
<tr>
<td>Réalisation site type blog</td>
<td>3 à 4 semaines</td>
<td>100% à la livraison du site<br>ce qui correspond au<br>moment où le site est fini<br>MAIS pas encore hébergé.</td>
<td>- Virement bancaire (recommandé)<br>- Chèque</td>
<td>550 € HT</td>
</tr>
<tr>
<td>Hébergement annuel. (À renouveler chaque année supplémentaire*)</td>
<td>1 semaine</td>
<td>100% pour activer l'hébergement</td>
<td>- Virement bancaire (recommandé)<br>- Chèque</td>
<td>100 € HT</td>
</tr>
</tbody>
</table>
</div>
<h5><strong>* Les 100€ pour le renouvellement servent à payer l'hébergement du site au sein d'un serveur&nbsp;pendant 1 an. (L'hébergement est le fait de stocker un site web sur un serveur web ou Datacentre&nbsp;et ainsi de le rendre visible sur internet.) Ce service n'est pas gratuit comme peuvent le penser&nbsp;certain, et a bien un coût. </strong><br><strong>Pensez à faire renouveler votre hébergement avant la date d’échéance&nbsp;en me renouvelant votre accord pour une année supplémentaire.</strong><br><br><strong>Pour toute demande de devis ou d'information supplémentaire, je vous prie de m'envoyer un mail, merci.&nbsp;</strong><br><br></h5>
<h4><em>Pour toutes autres demandes ou pour avoir plus d'informations,&nbsp;</em><a href="index.html#contact"><em>contactez-moi par mail </em></a><em>!&nbsp;</em><br><br></h4>
<h2><span style="text-decoration: underline;">Formation en informatique</span><br><br></h2>
<h3><span style="text-decoration: underline;">Langage de programmation</span><br><br></h3>
<h5>Je peux vous former dans les langages de programmation suivant: <br><br>- Python<br>- bash<br>- PhP<br>- C<br>- HTML<br>- CSS<br>- SQL<br>- Haskell<br>- Markdown<br>- LaTex&nbsp;<br><br></h5>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Outils de formation</th>
<th>Conditions de paiement</th>
<th>Modes de paiement acceptés</th>
<th>Tarif</th>
</tr>
</thead>
<tbody>
<tr>
<td>Voir plus de détails à la partie "Outils de formation" plus bas dans la page</td>
<td>À discuter selon le nombre d'heures</td>
<td>- Virement bancaire (recommandé)<br>- Chèque<br>- Espèces</td>
<td>15 € HT / heure en téléservice</td>
</tr>
</tbody>
</table>
</div>
<h5><strong>Pour toute demande de devis ou d'information supplémentaire, je vous prie de m'envoyer un mail, merci.&nbsp;</strong><br><br></h5>
<h3><span style="text-decoration: underline;">Maîtrise des suites bureautiques classiques</span><br><br></h3>
<h5>La maîtrise de certaines suites bureautiques étant nécessaires de nos jours, il est très important de savoir comment les utiliser.&nbsp;<br><br>Je pourrais vous former dans les suites bureatiques suivantes:<br><br>- LibreOffice (LibreOffice
Writter, LibreOffice Calc, LibreOffice Impress, LibreOffice Math, LibreOffice Draw).<br><br>- Office Microsoft: Word, Excell, PowerPoint<br><br>- Thunderbird (logiciel de boite mail).<br><br>- Autres logiciels. Me contacter si vous souhaitez
vous former dans un logiciel qui n'est pas présent dans la liste ci-dessus.<br><br></h5>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Outils de formation</th>
<th>Conditions de paiement</th>
<th>Modes de paiement acceptés</th>
<th>Tarif</th>
</tr>
</thead>
<tbody>
<tr>
<td>Voir plus de détails à la partie "Outils de formation" plus bas dans la page</td>
<td>À discuter selon le nombre d'heures</td>
<td>- Virement bancaire (recommandé)<br>- Chèque<br>- Espèces</td>
<td>15 € HT / heure en téléservice</td>
</tr>
</tbody>
</table>
</div>
<h5><strong>Pour toute demande de devis ou d'information supplémentaire, je vous prie de m'envoyer un mail, merci.&nbsp;</strong><br><br></h5>
<h3><span style="text-decoration: underline;">Mise en place et utilisation de GNU/Linux sur PC</span><br><br></h3>
<h5>La mise en place du système d’exploitation GNU/Linux peut s’avérer utile dans plusieurs cas et particulièrement dans les deux cas ci-dessous&nbsp;:<br><br>- Vous souhaitez vous débarrasser du système d’exploitation Windows.<br><br>- Votre
ordinateur devient vieux et ralentit, mais vous n’avez pas envie d’en acheter un autre.<br><br>Le système d’exploitation GNU/Linux devient alors une très bonne alternative car il consomme peu de ressources et est très performant. <br><br></h5>
<div
class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Outils de formation</th>
<th>Conditions de paiement</th>
<th>Modes de paiement acceptés</th>
<th>Tarif</th>
</tr>
</thead>
<tbody>
<tr>
<td>Voir plus de détails à la partie "Outils de formation" plus bas dans la page</td>
<td>À discuter selon le nombre d'heures</td>
<td>- Virement bancaire (recommandé)<br>- Chèque<br>- Espèces</td>
<td>15 € HT / heure en téléservice</td>
</tr>
</tbody>
</table>
</div>
<h5><strong>Pour toute demande de devis ou d'information supplémentaire, je vous prie de m'envoyer un mail, merci.&nbsp;</strong><br><br><span style="text-decoration: underline;">NB:</span>&nbsp;<strong>Le client aura la responsabilité de sauvegarder au préalable tous les fichiers avant le&nbsp;changement de système d’exploitation qui aura pour effet de formater l’ordinateur.</strong><br><br></h5>
<h3><span style="text-decoration: underline;">Outils de formation</span><br><br></h3>
<h5><strong>- Les formations seront effectuées à distance par défaut via des sites et logiciels spécialisés dans le domaine. (Ex:&nbsp;</strong><a href="https://meet.jit.si/"><strong>Jitsi</strong></a><strong>, Discord).</strong><br><br>-
Les formations peuvent aussi être réalisées en présentiel sur site avec un forfait déplacement à définir.<br><br></h5>
<h2><span style="text-decoration: underline;">Assistance matériel et logiciel en informatique&nbsp;</span><br><br></h2>
<h5>Vous n'arrivez plus à vous servir de votre ordinateur, de votre imprimante ou encore d'un logiciel installé sur votre ordinateur, alors envoyez moi un mail. Nous prendrons contact&nbsp;<strong>soit&nbsp;</strong>par téléphone,&nbsp;<strong>soit&nbsp;</strong>avec
un outil de visioconférence ou bien je me déplacerai directement sur site en prenant en compte un tarif pour le déplacement.&nbsp;<br><br><strong>Il faudra être capable de reproduire le(s) problème(s) devant moi pour que je puisse le ou les analyser correctement et trouver une éventuelle solution.&nbsp;</strong><br><br></h5>
<div
class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Conditions de paiement</th>
<th>Modes de paiement acceptés</th>
<th>Tarif</th>
</tr>
</thead>
<tbody>
<tr>
<td>À discuter selon le nombre d'heures</td>
<td>- Virement bancaire (recommandé)<br>- Chèque<br>- Espèces</td>
<td>15 € HT / heure en téléservice</td>
</tr>
</tbody>
</table>
</div>
<h5><br></h5>
<h2><span style="text-decoration: underline;">Conseil matériel et logiciel en informatique</span><br><br></h2>
<h5>Pour toute demande de conseils sur le choix de logiciels ou de matériels en informatique, contactez-moi.<br><br></h5>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th>Conditions de paiement</th>
<th>Modes de paiement acceptés</th>
<th>Tarif</th>
</tr>
</thead>
<tbody>
<tr>
<td>À discuter selon le nombre d'heures</td>
<td>- Virement bancaire (recommandé)<br>- Chèque<br>- Espèces</td>
<td>15 € HT / heure en téléservice</td>
</tr>
</tbody>
</table>
</div>
<h4 class="liennoir"><br>Toutes les formules et tous les tarifs sont résumés dans le document PDF ci-dessous: <a href="Formules_tarifs_juin_2020.pdf">télécharger le document</a><br><br></h4>
<h4 class="liennoir">Toutes les données personnelles&nbsp;<strong>récupérées</strong><br>sur le client ne seront jamais transmises ni utilisées à des fins commerciales ou autres.&nbsp;</h4>
</div>
</section>
<section id="about">
<div class="container">
<h2 class="text-uppercase text-center text-secondary mb-0">Qui suis-je ?</h2>
<hr class="star-dark mb-5">
<h3><span style="text-decoration: underline;">Présentation</span><br><br></h3>
<h5>Je m'appelle Matthias Rouyer, j<strong>e suis titulaire d'un Baccalauréat Scientifique spécialité Mathématiques avec option science de l'ingénieur.&nbsp;</strong><br>Je suis actuellement étudiant en BAC+3 à Grenoble INP - Esisar, école publique
française d'ingénieurs en électronique, informatique et cybersécutité. <a href="https://fr.wikipedia.org/wiki/%C3%89cole_nationale_sup%C3%A9rieure_en_syst%C3%A8mes_avanc%C3%A9s_et_r%C3%A9seaux"><em>Voir plus de détails sur Grenoble INP</em>&nbsp;- Esisar.</a><br><br>Je
suis devenu entrepreneur en Novembre 2018 mais je n'ai vraiment commencé mon activité qu'à partir du 15 Mars 2020. <em>Vous trouverez les informations relatives à mon activité d'entrepreneur juste en dessous dans "Informations entrepreneur".</em><br><br>Mes
activités principales d'entrepreneur sont:<br><br>- de réaliser des sites Web de tous types pour les particuliers comme pour les professionnels.<br><br>- de proposer des formations dans certains langages de programmation, dans la maîtrise
des suites bureautiques classiques et dans la mise en place de GNU/Linux sur PC.&nbsp;<br><br>- d'apporter une assistance informatique matériel et logiciel pour particulier comme professionnels.&nbsp;<br><br>- de conseiller particuliers
comme professionnels dans le choix d'utilisation de logiciel et de matériel.<br><br>Je suis membre de l'association informatique&nbsp;<a href="https://elukerio.org/">Elukerio</a>&nbsp;et de l'association écolo <a href="https://frapnadrome.org/">Frapna Drôme Nature Environnement</a>.<br><br>Je
suis personnellement touché par l'écologie, l'environnement et par l'avenir de notre planète et donc j'essaye de limiter l'empreinte écologique de mes créations, de mes déplacements, etc.<br>Une personne que j'apprécie tout particulièrement
dans ce domaine est <a href="https://jancovici.com/">Jean-Marc Jancovici</a>.<br><br>Vous pouvez me retrouver sur Twitter: <a href="https://twitter.com/83Matthias">@83Matthias</a><br><br></h5>
<h3><span style="text-decoration: underline;">Informations entrepreneur</span><br><br></h3>
<h5><span style="text-decoration: underline;">Forme juridique:</span>&nbsp;micro-entreprise (ou auto-entrepreneur ou entrepreneur individuel).<br><br><span style="text-decoration: underline;">SIRET:</span>&nbsp;843 592 148 00020<br><br><span style="text-decoration: underline;">Date d'immatriculation:</span> 15 / 03 / 2020<br><br><span style="text-decoration: underline;">Localisation:</span>&nbsp;Salon-de-Provence (13) - Toulon (83) - Valence (26)</h5>
</div>
</section>
<section id="contact" class="bg-primary text-white mb-0">
<div class="container">
<h2 class="text-uppercase text-center text-white">me contacter</h2>
<hr class="star-light mb-5">
<h5>Pour toute demande de devis, d'information supplémentaire, ou autre, envoyez moi un mail ou contactez-moi via le formulaire.<br><br>Je réponds en général en moins de 24h.<br><br>Une fois le premier contact envoyé, nous pourrons&nbsp;<strong>communiquer par téléphone ou&nbsp;</strong>effectuer
des visioconférences si besoin.&nbsp;<br><br><span style="text-decoration: underline;">Mail:</span>&nbsp;<a href="mailto:matthias.rouyer@free.fr">matthias.rouyer@free.fr</a><br><br></h5>
<form method="post" action="envoie_mail.php">
<h2 class="text-center">Formulaire de contact<br></h2>
<div class="form-group"><input class="form-control" type="text" name="nom" placeholder="Prénom Nom" required=""></div>
<div class="form-group"><input class="form-control" type="text" name="sujet" placeholder="Sujet" required=""></div>
<div class="form-group"><input class="form-control" type="email" name="mail" placeholder="Email" required=""></div>
<div class="form-group"><textarea class="form-control" name="message" placeholder="Message" rows="14" required=""></textarea></div>
<div class="form-group"><button class="btn btn-primary btn-secondary" type="submit">Envoyer le message</button></div>
</form>
</div>
</section>
<footer class="footer text-center">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-4 mb-5 mb-lg-0">
<h4 class="text-uppercase">Localisation</h4><span>Salon-de-Provence (13) - Toulon (83) - Valence (26)</span></div>
<div class="col-sm-12 col-md-4 mb-5 mb-lg-0">
<h4 class="text-uppercase">Me contacter</h4><span>Contact uniquement par mail: <a href="mailto:matthias.rouyer@free.fr">matthias.rouyer@free.fr</a>&nbsp;</span></div>
<div class="col-sm-12 col-md-4 mb-5 mb-lg-0">
<h4 class="text-uppercase"><strong>MA CITATION PRÉFÉRÉE</strong></h4><span>" Je ne perds jamais. Soit je gagne, soit j'apprends. "<br>Nelson Mandela&nbsp;</span></div>
</div>
</div>
</footer>
<div class="copyright py-4 text-center text-white">
<div class="container"><small>Site web créé par <a href="https://www.matthiasrouyer.fr">Matthias Rouyer</a>&nbsp;<br>Le code source est sous licence CC BY-NC-SA 4.0 entièrement libre et disponible ici:&nbsp;<a href="https://git.elukerio.org/mat/Site_matthias_rouyer">https://git.elukerio.org/mat/Site_matthias_rouyer</a><br></small></div>
</div>
<div class="d-lg-none scroll-to-top position-fixed rounded"><a class="d-block js-scroll-trigger text-center text-white rounded" href="#page-top"><i class="fa fa-chevron-up"></i></a></div>
<div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-1">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
<div class="modal-body">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-uppercase text-secondary mb-0">Mon blog personnel</h2>
<hr class="star-dark mb-5"><img class="img-fluid mb-5" src="assets/img/cap_matallagi.png">
<p class="mb-5">Voici mon blog personnel que j'ai créé avec un outil libre qui s'appelle Dotclear.<br>Cet outil permet de générer des sites type blog avec une base de donnée.&nbsp;<br>Le thème est personnalisable.<br>Vous pouvez aller
le voir en cliquant sur&nbsp;<a href="http://matallagi.free.fr">http://matallagi.free.fr</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-2">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
<div class="modal-body">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-uppercase text-secondary mb-0">mon site profesionnel entrepreneur</h2>
<hr class="star-dark mb-5"><img class="img-fluid mb-5" src="assets/img/cap_matthiasrouyer.png">
<p class="mb-5">Voici mon site web vitrine professionnel de ma microentreprise et qui recense toutes les informations sur les services, formules et tarifs que je propose.&nbsp;<br>Site web crée en juin 2020.&nbsp;<br>Le site est disponible
ici: <a href="https://www.matthiasrouyer.fr">https://www.matthiasrouyer.fr</a><br></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-3">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
<div class="modal-body">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-uppercase text-secondary mb-0">cabinet thérapeutique de chantal pelte</h2>
<hr class="star-dark mb-5"><img class="img-fluid mb-5" src="assets/img/chantal_pelte.png">
<p class="mb-5">Site web professionnel de Chantal Pelte (Suisse). Ce site fut réalisé en 2014.<br>Je n'étais pas du tout entrepreneur à cette époque.<br>Le site web est disponible en cliquant ici: <a href="http://chantalpelte.bio">http://chantalpelte.bio&nbsp;</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-4">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
<div class="modal-body">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-uppercase text-secondary mb-0">votre futur site web</h2>
<hr class="star-dark mb-5"><img class="img-fluid mb-5" src="assets/img/portfolio/game.png">
<p class="mb-5">Vous souhaitez créer un site internet ?<br>Pour toute demande de devis ou d'informations, <a href="index.html#contact">contactez-moi</a>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-5">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
<div class="modal-body">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-uppercase text-secondary mb-0">votre futur site web</h2>
<hr class="star-dark mb-5"><img class="img-fluid mb-5" src="assets/img/portfolio/safe.png">
<p class="mb-5">Vous souhaitez créer un site internet ?<br>Pour toute demande de devis ou d'informations,&nbsp;<a href="https://bootstrapstudio.io/app/index.html#contact">contactez-moi</a>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal text-center" role="dialog" tabindex="-1" id="portfolio-modal-6">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
<div class="modal-body">
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-uppercase text-secondary mb-0">Votre futur site web</h2>
<hr class="star-dark mb-5"><img class="img-fluid mb-5" src="assets/img/portfolio/submarine.png">
<p class="mb-5">Vous souhaitez créer un site internet ?<br>Pour toute demande de devis ou d'informations,&nbsp;<a href="https://bootstrapstudio.io/app/index.html#contact">contactez-moi</a>.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>