<!doctype html>
<html lang="fr-FR">
<head>
	<!-- Required meta tags -->
	<meta charset="utf-8">
	<meta content="IE=Edge" http-equiv="X-UA-Compatible">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta property="og:locale" content="fr_FR" />
	<meta property="og:type" content="website"/>
	<meta property="og:url" content="https://www.pierrelaine.fr/404.html"/>
	<meta property="og:image" content="images/APERCU_PARTAGE_RS_A_REMPLACER"/>
	<meta property="og:title" content="404 | Pierre Lainé, UX Designer"/>
	<meta property="og:site_name" content="Pierre Lainé | UX Designer à Rennes"/>
	<meta name="description" content="404 | Do. Or do not. There is no try."/>
	<meta property="og:description" content="404 | Do. Or do not. There is no try."/>

	<!-- Bootstrap CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
	<link rel="stylesheet" href="css/style.css" type="text/css">
	<link rel="shortcut icon" href="images/favicon.ico">

	<title>404 | Pierre Lainé, Lead UX Designer</title>
	
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-46821120-1"></script>
	<script>
	  window.dataLayer = window.dataLayer || [];
	  function gtag(){dataLayer.push(arguments);}
	  gtag('js', new Date());

	  gtag('config', 'UA-46821120-1');
	</script>
	
	<!--<style>.async-hide { opacity: 0 !important} </style>
	<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
	h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
	(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
	})(window,document.documentElement,'async-hide','dataLayer',4000,
	{'GTM-PD5W7R4':true});</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-46821120-1', 'auto');
		ga('require', 'GTM-PD5W7R4'); ga('send', 'pageview');
	</script>-->
	</script>
</head>

<body>
	
	<!-- HEADER -->
	<header class="header">
		<div class="container-header">
			<div class="logo">
				<a class="logo-brand" href="https://www.pierrelaine.fr/">
					<img src="images/logo-pierre-laine-lead-ux-designer.svg" width="30" height="30" class="d-inline-block align-top" alt="">
					Pierre Lainé
				</a>
			</div>
			<nav class="nav">
				<div class="nav-container">
					<ul class="menu">
						<li class="menu-item"><a class="menu-active" href="https://www.pierrelaine.fr/">Accueil</a></li>
						<li class="menu-item"><a href="https://www.pierrelaine.fr/a-propos-pierre-laine.html">À propos</a></li>
						<li class="menu-item"><a href="https://www.pierrelaine.fr/portfolio">Projets</a></li>
						<li class="menu-item"><a href="https://www.pierrelaine.fr/articles-ux-ui-design">Articles</a></li>
						<li class="menu-item"><a class="menu-contact" href="https://www.pierrelaine.fr/contact.html">Contact</a></li>
					</ul>
				</div>
			</nav>
			<button class="hamburger__container mobile">
				menu
			</button>
		</div>
	</header>
	
	<!-- SECTIONS -->
	<div class="container">
		<div class="row">
			<div class="col-md-10">
				<p class="hero-meta">Code</p>
				<h1>404</h1>
				<h2>
					Je suis ravi de vous rencontrer ou de vous revoir,
					mais il semble que ce n'est pas cette page que vous recherchez.
				</h2>
				<p>
					Pas de soucis, je vous propose de <a class="underline" href="https://www.pierrelaine.fr">revenir à la page d'accueil</a> ou encore de <a class="underline" href="https://www.pierrelaine.fr/portfolio">découvrir mes projets</a>
				</p>
			</div>
			<div class="col-md-2"></div>
		</div>
	</div>
	
	<div>
		<img class="img-center" src="images/star-wars-the-last-jedi-annie-leibovitz-VF.jpeg"/>
		<a class="img-copyright" href="https://www.starwars.com/" target="_blank">
			©Vanity Fair & TM & © Lucasfilm Ltd. All Rights Reserved 
		</a>
	</div>
	
	<!-- Footer -->
	<hr class="border-sep">
	
	<div class="container next-content">
		<div class="row">
			<div class="col-md-12">
				<a class="next-btn" href="#">
					<span class="next-page">Page suivante</span>
					<br/>
					Accueil <span class="next-arrow">&rarr;</span>
				</a>
			</div>
		</div>
	</div>
	
	
	<footer class="footer">
		<div class="container">
			<div class="row row-space">
				<div class="col-md-4 item-footer">
					<a class="footer-brand" href="https://www.pierrelaine.fr/">
						<img src="images/logo-pierre-laine-lead-ux-designer-grey.svg" width="30" height="30" alt="">
						<br/>
						Pierre Lainé
					</a>
				</div>
				<div class="col-md-8 item-footer">
					<p class="blockquote-footer">Le design ce n'est pas l'apparence ni le ressenti. C'est comment cela fonctionne.</p>
					<p class="blockquote-author-footer">Steve Jobs</p>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-md-4 item-footer"></div>
				<div class="col-md-2 item-footer">
					<p class="footer-title">Liens utiles</p>
					<ul class="list-footer">
						<li class="list-footer-item"><a class="primary-menu-footer" href="https://www.pierrelaine.fr/">Accueil</a></li>
						<li class="list-footer-item"><a class="primary-menu-footer" href="https://www.pierrelaine.fr/a-propos-pierre-laine.html">À propos</a></li>
						<li class="list-footer-item"><a class="primary-menu-footer" href="https://www.pierrelaine.fr/portfolio/">Projets</a></li>
					</ul>
				</div>
				<div class="col-md-2 item-footer">
					<p class="footer-title">Premier contact</p>
					<ul class="list-footer">
						<li class="list-footer-item"><a class="primary-menu-footer" href="https://www.pierrelaine.fr/articles-ux-ui-design/">Articles</a></li>
						<li class="list-footer-item"><a class="primary-menu-footer" href="https://www.pierrelaine.fr/contact.html">Contact</a></li>
					</ul>
				</div>
				<div class="col-md-2 item-footer">
					<p class="footer-title">Social</p>
					<ul class="list-footer">
						<li class="list-footer-item"><a class="primary-menu-footer" href="https://twitter.com/pirlaine" target="_blank">Twitter</a></li>
						<li class="list-footer-item"><a class="primary-menu-footer" href="https://fr.linkedin.com/in/pierre-lain%C3%A9-94b0643b" target="_blank">Linkedin</a></li>
					</ul>
				</div>
				<div class="col-md-2 item-footer">
					<p class="footer-title">En bonus</p>
					<ul class="list-footer">
						<li class="list-footer-item"><a class="primary-menu-footer" href="https://www.mv-group.fr/">MV Group</a></li>
						<li class="list-footer-item"><a class="primary-menu-footer" href="https://www.mediaveille.com/">Mediaveille</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="col-md-4 item-footer">
					<p class="footer-copyright">
						©Pierre Lainé
						<br/>
						Tous droits réservés
					</p>
				</div>
				<div class="col-md-2 item-footer">
					<ul class="list-footer">
						<li class="list-footer-item"><a class="primary-menu-footer" href="https://www.pierrelaine.fr/mentions-legales.html">Mentions Légales</a></li>
					</ul>
				</div>
			</div>
		</div>
	</footer>
	<!-- End Footer -->
	
	
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script type="text/javascript" src="js/index.js"></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>
	
	
	
 </body>
  
</html>