<commit_before><!DOCTYPE HTML>
<html>
	<head>
		<title>Portfolio développeur web back-end | <NAME> </title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="css/Font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/Bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/style.css" />
        <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-91026090-1', 'auto');ga('send', 'pageview');
        </script>
	</head>
	<body>

        <nav class="navbar navbar-inverse navbar-fixed-top nav-transparent" id="mynav">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span> 
                    </button>
                    <a class="navbar-brand" href="#home">Mon portfolio</a>
                </div>
                <div class="collapse navbar-collapse" id="myNavbar">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#home">Home</a></li>
                        <li><a href="#comp">Mes compétences</a></li>
                        <li><a href="#real">Mes réalisations</a></li>
                        <li><a href="#cont">Contact</a></li>
                    </ul>
                </div>
            </div>
        </nav>

			<div id="home" class="home col-lg-12">
				<article class="container-fluid">
					<div class="row">
						<div class="col-lg-3 col-lg-offset-2 col-sm-offset-3 col-sm-6">
							<img src="Images/Youness.JPG" alt="" class="img-circle img-responsive" />
						</div>
						<div class="col-lg-6 col-xs-12 ">
							<header>
								<h1><strong><NAME></strong></h1>
							</header>
                            <p class="txtHome">Développeur web back-end, spécialisé dans les frameworks Symfony et Silex, passionné du monde numérique et toujours à l'affut des dernières technologies. A la recherche d'un emploi à partir de janvier 2017, je vous laisse découvrir une partie de mes projets que ce soit en front-end ou back-end sur ce portfolio. N'hésitez pas à me contacter.</p>
						</div>
					</div>
				</article>
			</div>

			<div id ="comp" class="competence col-lg-12">
				<article>
					<header class="text-center">
						<h2>Mes compétences</h2>
						<p>Découvrez mes langages de programmation favoris que j'utilise au quotidien.</p>
					</header>
					<div class="container-fluid">
						<div class="row">
							<div class="col-lg-4 boxCompet">
								<section class="box">
									<img src="Images/html_css.png"/>
									<h3>HTML/CSS</h3>
									<p>Une bonne connaissance et une bonne maîtrise dans les deux langages standards du web.</p>
								</section>
							</div>
							<div class="col-lg-4 boxCompet">
								<section class="box">
									<img src="Images/wordpress.png"/>
									<h3>Wordpress</h3>
									<p>Une bonne connaissance du CMS le plus connu du web, quelque projet réalisé sur Wordpress.</p>
								</section>
							</div>
							<div class="col-lg-4 boxCompet">
								<section class="box ">
									<img src="Images/JQuery.png"/>
									<h3>jQuery</h3>
									<p>Une bonne connaissance d'un des plus connu framework JS, présent dans mes nombreux projets.</p>
								</section>
							</div>
                            <div class="col-lg-4 boxCompet">
								<section class="box ">
									<img src="Images/symfony.png"/>
									<h3>Symfony</h3>
									<p>Le framework PHP que j'utilise le plus souvent, bon nombre de mes projets développé avec Symfony 3.</p>
								</section>
							</div>
							<div class="col-lg-4 boxCompet">
								<section class="box">
									<img src="Images/silex-logo.png"/>
									<h3>Silex</h3>
									<p>Le petit frère de Symfony, quelque projet réalisé dessus, j'ai une très bonne connaissance de Silex.</p>
								</section>
							</div>
							<div class="col-lg-4 boxCompet">
								<section class="box">
									<img src="Images/php.png"/>
									<h3>PHP</h3>
									<p>Le PHP, l'un des langages le plus connu et utilisé dans le web, présent dans tous mes projets.</p>
								</section>
							</div>
						</div>
					</div>
				</article>
			</div>
            
            <div id="real" class="col-lg-12 realisation">
                <header class="text-center">
				    <h2>Mes Réalisations</h2>
				    <p>Découvrez quelques-uns de mes projets que j'ai réalisés seul ou en équipe. N'hésitez pas à visiter les sites web associés.</p>
				</header>
                    <div class="container-fluid">
						<div class="row zoom-gallery">
						<article class="col-lg-4">
                            <div class="overlay">
                            	<h3 class="titleReal">La bouée corsaire | <a href="https://github.com/Yose216/Bou-e_corsaire_projet.git" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay2">
                            	<h3 class="titleReal">Blog Silex | <a href="https://github.com/Yose216/CMS_Silex.git" target="_blank">Link</a></h3>
                            </div>
						</article>
                            <article class="col-lg-4">
                            <div class="overlay3">
                            	<h3 class="titleReal">Asrac | <a href="http://asrac.fr" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay4">
                            	<h3 class="titleReal">Smart app | <a href="https://github.com/Yose216/smart-app.git" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay5">
                            	<h3 class="titleReal">Create pro | <a href="https://github.com/Yose216" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay6">
                            	<h3 class="titleReal">Pastime | <a href="https://github.com/Yose216" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay7">
                            	<h3 class="titleReal">Theme bootstrap | <a href="https://github.com/Yose216" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay8">
                            	<h3 class="titleReal">Pomodoro | <a href="https://github.com/Yose216/js_pomodoro" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay9">
                            	<h3 class="titleReal">Ebullition | <a href="http://bazar-ebullition.fr/" target="_blank">Link</a></h3>
                            </div>
						</article>
					   </div>
                    </div>
                </div>
                
                <div id="cont" class="col-lg-12 contact text-center">
                    <header class="contactHeader">
				        <h2>A propos de moi</h2>
				        <p>Et retrouvez ci-dessous mon CV, mes réseaux sociaux et mon adresse e-mail, n'hésitez pas à me suivre ou à me contacter.</p>
				    </header>
					<section class="col-lg-offset-3 col-lg-6 mainContact">
						<header class=" headSection">
							<h3><NAME></h3>
							<p>Développeur web back-end</p>
                            <a href="PDF/Youness_Chetoui.pdf" target="_blank" class="btn btn-primary btn-lg" role="button" title="CV de youness chetoui">Mon CV</a>
                        </header>
						<footer class="col-lg-6 col-lg-offset-3">
							<ul>
								<li><a href="https://twitter.com/Youness_Chetoui" title="Twitter"><i class="fa fa-twitter fa-2x"></i></a></li>
								<li><a href="https://fr.linkedin.com/in/youness-chetoui-70b296122" title="Linkedin"><i class="fa fa-linkedin fa-2x"></i></a></li>
								<li><a href="https://github.com/Yose216" title="Github"><i class="fa fa-github fa-2x"></i></a></li>
							</ul>
                            <h3><a class="mailYou" href="mailto:<EMAIL>"><EMAIL></a></h3>
						</footer>
					</section>
                </div>
            <p class="col-lg-12 text-center footer"><NAME> 2017&copy;. All rights reserved</p>
        
        <script src="js/jquery.min.js"></script>
        <script src="css/Bootstrap/js/bootstrap.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html><commit_msg>update <head><commit_after><!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="x-ua-compatible" content="ie=edge"> <!-- Encore beaucoup utilisé -->
		<meta name="viewport" content="width=device-width, initial-scale=1" />
	
		<title>Portfolio développeur web back-end | <NAME> </title>	
		<link rel="stylesheet" href="css/Font-awesome/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/Bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/style.css" />
        <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-91026090-1', 'auto');ga('send', 'pageview');
        </script>
	</head>
	<body>

        <nav class="navbar navbar-inverse navbar-fixed-top nav-transparent" id="mynav">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span> 
                    </button>
                    <a class="navbar-brand" href="#home">Mon portfolio</a>
                </div>
                <div class="collapse navbar-collapse" id="myNavbar">
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="#home">Home</a></li>
                        <li><a href="#comp">Mes compétences</a></li>
                        <li><a href="#real">Mes réalisations</a></li>
                        <li><a href="#cont">Contact</a></li>
                    </ul>
                </div>
            </div>
        </nav>

			<div id="home" class="home col-lg-12">
				<article class="container-fluid">
					<div class="row">
						<div class="col-lg-3 col-lg-offset-2 col-sm-offset-3 col-sm-6">
							<img src="Images/Youness.JPG" alt="" class="img-circle img-responsive" />
						</div>
						<div class="col-lg-6 col-xs-12 ">
							<header>
								<h1><strong><NAME></strong></h1>
							</header>
                            <p class="txtHome">Développeur web back-end, spécialisé dans les frameworks Symfony et Silex, passionné du monde numérique et toujours à l'affut des dernières technologies. A la recherche d'un emploi à partir de janvier 2017, je vous laisse découvrir une partie de mes projets que ce soit en front-end ou back-end sur ce portfolio. N'hésitez pas à me contacter.</p>
						</div>
					</div>
				</article>
			</div>

			<div id ="comp" class="competence col-lg-12">
				<article>
					<header class="text-center">
						<h2>Mes compétences</h2>
						<p>Découvrez mes langages de programmation favoris que j'utilise au quotidien.</p>
					</header>
					<div class="container-fluid">
						<div class="row">
							<div class="col-lg-4 boxCompet">
								<section class="box">
									<img src="Images/html_css.png"/>
									<h3>HTML/CSS</h3>
									<p>Une bonne connaissance et une bonne maîtrise dans les deux langages standards du web.</p>
								</section>
							</div>
							<div class="col-lg-4 boxCompet">
								<section class="box">
									<img src="Images/wordpress.png"/>
									<h3>Wordpress</h3>
									<p>Une bonne connaissance du CMS le plus connu du web, quelque projet réalisé sur Wordpress.</p>
								</section>
							</div>
							<div class="col-lg-4 boxCompet">
								<section class="box ">
									<img src="Images/JQuery.png"/>
									<h3>jQuery</h3>
									<p>Une bonne connaissance d'un des plus connu framework JS, présent dans mes nombreux projets.</p>
								</section>
							</div>
                            <div class="col-lg-4 boxCompet">
								<section class="box ">
									<img src="Images/symfony.png"/>
									<h3>Symfony</h3>
									<p>Le framework PHP que j'utilise le plus souvent, bon nombre de mes projets développé avec Symfony 3.</p>
								</section>
							</div>
							<div class="col-lg-4 boxCompet">
								<section class="box">
									<img src="Images/silex-logo.png"/>
									<h3>Silex</h3>
									<p>Le petit frère de Symfony, quelque projet réalisé dessus, j'ai une très bonne connaissance de Silex.</p>
								</section>
							</div>
							<div class="col-lg-4 boxCompet">
								<section class="box">
									<img src="Images/php.png"/>
									<h3>PHP</h3>
									<p>Le PHP, l'un des langages le plus connu et utilisé dans le web, présent dans tous mes projets.</p>
								</section>
							</div>
						</div>
					</div>
				</article>
			</div>
            
            <div id="real" class="col-lg-12 realisation">
                <header class="text-center">
				    <h2>Mes Réalisations</h2>
				    <p>Découvrez quelques-uns de mes projets que j'ai réalisés seul ou en équipe. N'hésitez pas à visiter les sites web associés.</p>
				</header>
                    <div class="container-fluid">
						<div class="row zoom-gallery">
						<article class="col-lg-4">
                            <div class="overlay">
                            	<h3 class="titleReal">La bouée corsaire | <a href="https://github.com/Yose216/Bou-e_corsaire_projet.git" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay2">
                            	<h3 class="titleReal">Blog Silex | <a href="https://github.com/Yose216/CMS_Silex.git" target="_blank">Link</a></h3>
                            </div>
						</article>
                            <article class="col-lg-4">
                            <div class="overlay3">
                            	<h3 class="titleReal">Asrac | <a href="http://asrac.fr" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay4">
                            	<h3 class="titleReal">Smart app | <a href="https://github.com/Yose216/smart-app.git" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay5">
                            	<h3 class="titleReal">Create pro | <a href="https://github.com/Yose216" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay6">
                            	<h3 class="titleReal">Pastime | <a href="https://github.com/Yose216" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay7">
                            	<h3 class="titleReal">Theme bootstrap | <a href="https://github.com/Yose216" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay8">
                            	<h3 class="titleReal">Pomodoro | <a href="https://github.com/Yose216/js_pomodoro" target="_blank">Link</a></h3>
                            </div>
						</article>
                        <article class="col-lg-4">
                            <div class="overlay9">
                            	<h3 class="titleReal">Ebullition | <a href="http://bazar-ebullition.fr/" target="_blank">Link</a></h3>
                            </div>
						</article>
					   </div>
                    </div>
                </div>
                
                <div id="cont" class="col-lg-12 contact text-center">
                    <header class="contactHeader">
				        <h2>A propos de moi</h2>
				        <p>Et retrouvez ci-dessous mon CV, mes réseaux sociaux et mon adresse e-mail, n'hésitez pas à me suivre ou à me contacter.</p>
				    </header>
					<section class="col-lg-offset-3 col-lg-6 mainContact">
						<header class=" headSection">
							<h3><NAME></h3>
							<p>Développeur web back-end</p>
                            <a href="PDF/Youness_Chetoui.pdf" target="_blank" class="btn btn-primary btn-lg" role="button" title="CV de youness chetoui">Mon CV</a>
                        </header>
						<footer class="col-lg-6 col-lg-offset-3">
							<ul>
								<li><a href="https://twitter.com/Youness_Chetoui" title="Twitter"><i class="fa fa-twitter fa-2x"></i></a></li>
								<li><a href="https://fr.linkedin.com/in/youness-chetoui-70b296122" title="Linkedin"><i class="fa fa-linkedin fa-2x"></i></a></li>
								<li><a href="https://github.com/Yose216" title="Github"><i class="fa fa-github fa-2x"></i></a></li>
							</ul>
                            <h3><a class="mailYou" href="mailto:<EMAIL>"><EMAIL></a></h3>
						</footer>
					</section>
                </div>
            <p class="col-lg-12 text-center footer"><NAME> 2017&copy;. All rights reserved</p>
        
        <script src="js/jquery.min.js"></script>
        <script src="css/Bootstrap/js/bootstrap.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>

{'fraction_non_alphanumeric': 0.16259861280245672, 'fraction_numerical': 0.015248583681897602, 'mean_word_length': 1.7569697854327835, 'pattern_counts': {'":': 0, '<': 568, '<?xml version=': 0, '>': 568, 'https://': 22, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '163023', 'n_tokens_mistral': 7162, 'n_tokens_neox': 5869, 'n_words': 1196}