<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PV73GPF');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<title>Création de site Web - Maintenance informatique à Soissons - Portfolio GPOCréaWeb </title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Webdesigner, intégratrice web dans l'Aisne, l'Oise, la Champagne, je m'occupe de la conception de votre maquette jusqu'à la réalisation de votre site web, en plus de la maintenance informatique (Mac ou PC). Contactez-moi." />
<meta name="author" content="Gaëlle POYARD alias GPOCréaWeb">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="57x57" href="images/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="images/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon-180x180.png" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href='https://api.mapbox.com/mapbox-gl-js/v0.44.2/mapbox-gl.css' rel='stylesheet' />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body id="page-top">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PV73GPF"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="page" class="page pageindex">
<nav class="navbar navbar-expand-lg fixed-top" id="mainNav">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<h1><img src="images/logo-nav-G.png" alt="Logo GPOCreaWeb" title="Logo Portfolio GPOCréaWeb" /></h1>
</a>
<button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse" data-target="#navbar-responsive" aria-controls="navbar-responsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-responsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a class="text-center" href="index.html" title="Accueil">Accueil</a></li><li class="nav-item"><a class="text-center" href="contact.html" title="Contact">Contact</a></li> </ul>
</div><!-- .collapse .navbar-collapse #navbar-responsive -->
</div><!-- .fin container -->
</nav><!-- fin nav -->
<header class="masthead text-center d-flex">
<div class="container">
<div class="row">
<div class="col-12 mx-auto">
<h2>< GPOCréaWeb /> </h2>
</div>
<div class="col-12 mx-auto">
<div id="carouselSlidesOnly" class="carousel slide" data-ride="carousel" data-interval="5000">
<div class="carousel-inner">
<div class="carousel-item active">
<h3>Webdesigner</h3>
</div>
<div class="carousel-item">
<h3>Intégratrice web</h3>
</div>
<div class="carousel-item">
<h3>Maintenance informatique</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section id="besoins">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h4 class="text-uppercase">Vos besoins</h4>
<p class="text-faded mb-4">
Vous avez besoin de réaliser le logo
de votre société, association, de définir votre charte graphique, de réaliser un site internet.
</p>
<p class="text-faded mb-4">En tant que Webdesigner - Intégratrice Web freelance, je mets mes compétences à votre disposition, pour vous accompagner et concevoir votre projet. Je vous formerai à l'utilisation de votre site internet.
</p>
<p class="text-faded mb-4"> Je m'occupe également de la maintenance - gérance de site web, mais également de la maintenance informatique (PC - Mac).
</p>
<p class="text-faded mb-4"> Vous voulez plus d'informations, n'hésitez pas à me <a class="accueil" href="contact.html"> contacter </a></p>
</div>
</div>
</div>
</section>
<section id="prestations">
<div class="container">
<div class="row">
<div class="col-lg-12 mx-auto">
<h4 class="text-uppercase">Mes prestations</h4>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="prestation mt-5 mx-auto">
<img class="mb-3 sr-icons" src="images/visuelle.png" alt="Identite Visuelle" title="Pictogramme Identité Visuelle" />
<h5 class="mb-3">Identité Visuelle</h5>
<p class="text-muted mb-0">Logo, charte graphique</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="prestation mt-5 mx-auto">
<img class="mb-3 sr-icons" src="images/webdesign.png" alt="Webdesign" title="Pictogramme Webdesign" />
<h5 class="mb-3">Webdesign</h5>
<p class="text-muted mb-0">Maquette Web</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="prestation mt-5 mx-auto">
<img class="mb-3 sr-icons" src="images/code.png" alt="creation web" title="Pictogramme Création Web" />
<h5 class="mb-3">Créations site internet</h5>
<p class="text-muted mb-0">Réalisation de sites par CMS (Wordpress - Prestashop) ou intégration personnalisé</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="prestation mt-5 mx-auto">
<img class="mb-3 sr-icons" src="images/maintenance.png" alt="maintenance informatique" title="Pictogramme Maintenance informatique" />
<h5 class="mb-3">Maintenance informatique</h5>
<p class="text-muted mb-0">Dépannage - montage informatique Mac ou Windows</p>
</div>
</div>
</div>
</div>
</section>
<div id="map" style="height:600px;">
</div>
</div><!--#page -->
<footer id="footer">
<div class="container px-md-0">
<div class="row footer"><!-- <div class="footer">-->
<div class="col-7 col-md-6 mx-2 mx-md-0 mentions">
<p>© 2016 - 2024 - GPOCréaWeb - Tous droits réservés - <a href="mentionslegales.html">Mentions Légales.</a>
</p>
</div>
<div class="col-4 col-md-6 reseau mx-1 mx-md-0 text-right">
<a href="https://twitter.com/GPOCreaWeb" target="_blank"><i class="fab fa-2x fa-twitter"></i></a>
<a href="https://www.facebook.com/gpocreaweb/" target="_blank"><i class="fab fa-2x fa-facebook"></i></a>
</div>
</div><!-- </div> fin footer -->
</div><!-- .container-fluid -->
</footer><!-- footer -->
<noscript id="deferred-styles">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.css" />
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" />
</noscript>
<!--Script bootstrap-->
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<!--fontawesome 5-->
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ" crossorigin="anonymous"></script>
<!--Fancybox 3-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.2.5/jquery.fancybox.min.js"></script>
<!--Masonry-->
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<!--mon Script-->
<script type="text/javascript" src="js/monScript.js"></script>
<!--Google Map et analytics-->
<!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA8qbtcTkHi6Pb1TLjSDZe-QN6_Imjirtc"></script>-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-101073845-1', 'auto');
ga('send', 'pageview');
</script>
<!-- MapBox -->
<script src='https://api.mapbox.com/mapbox-gl-js/v0.44.2/mapbox-gl.js'></script>
<script>
//differe script
var loadDeferredStyles = function() {
var addStylesNode = document.getElementById("deferred-styles");
var replacement = document.createElement("div");
replacement.innerHTML = addStylesNode.textContent;
document.body.appendChild(replacement)
addStylesNode.parentElement.removeChild(addStylesNode);
};
var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
else window.addEventListener('load', loadDeferredStyles);
</script>
</body>
</html>
