<commit_before><!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Etuville - Accueil</title>
	<link rel="shortcut icon" href="images/favicon.png">	
	<link rel="stylesheet" media="screen" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/style.css">
	<!--[if lt IE 9]>
	<script src="js/html5shiv.js"></script>
	<script src="js/respond.min.js"></script>
	<![endif]-->
</head>
<body class="home">
	<!-- Barre de navigation -->
	<div class="navbar navbar-inverse navbar-fixed-top col-xs-12 col-sm-12 col-md-12 col-lg-12" >
		<div class="container col-xs-offset-4 col-sm-offset-4 col-md-offset-4 col-lg-offset-4">
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li class="active"><a href="index.html">ACCUEIL</a></li>
					<li><a href="association.html">L'ASSOCIATION</a></li>
					<li><a href="index.html#utceenne">L'UTCEENNE</a></li>
					<li><a href="index.html#gala">LE GALA</a></li>
					<li><a href="index.html#contact">CONTACT</a></li>
					<li><a class="btn" href="http://assos.utc.fr/etuville/billetterie/">BILLETTERIE</a></li>
				</ul>
			</div>
		</div>
	</div>
	<header id="head" class="secondary"></header>
	<!-- /Barre de navigation -->
	<!-- Carrousel d'images -->
	<header id="head">
		<div class="navbar-header">
			<!-- Button for smallest screens -->
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
			<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="Progressus HTML5 template"></a>
		</div>
		<div class="container">
			<div class="row">
				<h1 class="lead">DOUBLE CARROUSEL</h1>
				<p class="tagline">PROGRESSUS: free business bootstrap template by <a href="http://www.gettemplate.com/?utm_source=progressus&amp;utm_medium=template&amp;utm_campaign=progressus">GetTemplate</a></p>
			</div>
		</div>
	</header>
	<!-- /Carrousel d'images -->
	<!-- L'UTCéenne -->
	<div class="container text-center">
		<a name="utceenne"></a>
		<br><br>
		<h2 class="thin">L'Utcéenne</h2>
		<p class="text-muted">
			The difference between involvement and commitment is like an eggs-and-ham breakfast:<br> 
			the chicken was involved; the pig was committed.
		</p>
		<p><a class="btn btn-action btn-lg pull-right" role="button" href="utceenne.html">En savoir plus</a></p>
	</div>
	<!-- /L'UTCéenne -->
	<!-- Le Gala -->
	<div class="container text-center">
		<a name="gala"></a>
		<br><br>
		<h2 class="thin">Le Gala</h2>
		<p class="text-muted">
			The difference between involvement and commitment is like an eggs-and-ham breakfast:<br> 
			the chicken was involved; the pig was committed.
		</p>
		<p><a class="btn btn-action btn-lg pull-left" role="button" href="gala.html">En savoir plus</a></p>
	</div>
	<!-- /Le Gala -->
	<!-- Actualités -->
	<div class="container">
		<br><br>
		<h2 class="text-center">Actualités</h2>
		<br>
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<h3>Titre Actualité</h3>
				<p class="help-block">le XX/XX/XX</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida, augue nec maximus pellentesque, justo metus euismod orci, facilisis tincidunt.</p>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<h3>Titre Actualité</h3>
				<p class="help-block">le XX/XX/XX</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida, augue nec maximus pellentesque, justo metus euismod orci, facilisis tincidunt.</p>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<h3>Titre Actualité</h3>
				<p class="help-block">le XX/XX/XX</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida, augue nec maximus pellentesque, justo metus euismod orci, facilisis tincidunt.</p>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<h3>Titre Actualité</h3>
				<p class="help-block">le XX/XX/XX</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida, augue nec maximus pellentesque, justo metus euismod orci, facilisis tincidunt.</p>
			</div>
		</div>
	</div>
	<!-- /Actualités -->
	<!-- Partenaires -->
	<div class="container">
		<br><br>
		<h2 class="text-center">Partenaires</h2>
		<br>
		<p class="text-muted text-center">Merci à eux.</p>
		<br>
		<div class="container">
			<div class="row">
				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a href="#"><img src="images/empty200x200.png" alt="Logo Partenaire"></a></div>
				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a href="#"><img src="images/empty200x200.png" alt="Logo Partenaire"></a></div>
				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a href="#"><img src="images/empty200x200.png" alt="Logo Partenaire"></a></div>
			</div>
			<br>
			<div class="row">
				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a href="#"><img src="images/empty200x200.png" alt="Logo Partenaire"></a></div>
				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a href="#"><img src="images/empty200x200.png" alt="Logo Partenaire"></a></div>
				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a href="#"><img src="images/empty200x200.png" alt="Logo Partenaire"></a></div>
			</div>
			<br>
		</div>
	</div>
	<!-- /Partenaires -->
	<!-- Pied de page -->
	<footer id="footer" class="top-space">
		<div class="footer1">
			<div class="container">
				<div class="row">
					<!-- Réseaux sociaux -->
					<div class="col-md-3 widget">
						<h3 class="widget-title">Suivez-nous</h3>
						<div class="widget-body">
							<p class="follow-me-icons">
								<!--<a href=""><i class="fa fa-twitter fa-2"></i></a>-->
								<!--<a href=""><i class="fa fa-dribbble fa-2"></i></a>-->
								<!--<a href=""><i class="fa fa-github fa-2"></i></a>-->
								<a href="https://www.facebook.com/profile.php?id=100010850087126"><i class="fa fa-facebook fa-2"></i></a>
							</p>	
						</div>
					</div><commit_msg>Add responsive menu and new sections<commit_after><!DOCTYPE html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Etuville - Accueil</title>
	<link rel="shortcut icon" href="images/favicon.png">
	<link rel="stylesheet" media="screen" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/style.css">
	<!--[if lt IE 9]>
	<script src="js/html5shiv.js"></script>
	<script src="js/respond.min.js"></script>
	<![endif]-->
</head>
<body class="home">
	<!-- Barre de navigation -->
	<nav class="navbar navbar-inverse navbar-fixed-top col-xs-12 col-sm-12 col-md-12 col-lg-12" >
		<div class="container col-xs-offset-4 col-sm-offset-4 col-md-offset-4 col-lg-offset-4">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
			</div>
			<div id = "navbar" class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li class = "active"><a href="index.html">ACCUEIL</a></li>
					<li><a href="association.html">L'ASSOCIATION</a></li>
					<li><a href="index.html#utceenne">L'UTCEENNE</a></li>
					<li><a href="index.html#gala">LE GALA</a></li>
					<li><a href="index.html#contact">CONTACT</a></li>
					<li><a class="btn" href="http://assos.utc.fr/etuville/billetterie/">BILLETTERIE</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<header id="head" class="secondary"></header>
	<!-- /Barre de navigation -->
	<!-- Carrousel d'images -->
	<header id="head">
		<div class="navbar-header">
			<!-- Button for smallest screens -->
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
			<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="Progressus HTML5 template"></a>
		</div>

		<div class="container">
			<div class="row">
				<h1 class="lead"><NAME></h1>
				<p class="tagline">PROGRESSUS: free business bootstrap template by <a href="http://www.gettemplate.com/?utm_source=progressus&amp;utm_medium=template&amp;utm_campaign=progressus">GetTemplate</a></p>
			</div>
			<a name="utceenne"></a>
		</div>
	</header>
	<!-- /Carrousel d'images -->
	<!-- L'UTCéenne -->
	<div class="container text-center">
		<br><br>
		<h2 class="thin">L'Utcéenne</h2>
		<a name="gala"></a>
		<p class="text-muted">
			The difference between involvement and commitment is like an eggs-and-ham breakfast:<br>
			the chicken was involved; the pig was committed.
		</p>
		<p><a class="btn btn-action btn-lg pull-right" role="button" href="utceenne.html">En savoir plus</a></p>
	</div>
	<!-- /L'UTCéenne -->
	<!-- Le Gala -->
	<div class="container text-center">
		<br><br>
		<h2 class="thin">Le Gala</h2>
		<p class="text-muted">
			The difference between involvement and commitment is like an eggs-and-ham breakfast:<br>
			the chicken was involved; the pig was committed.
		</p>
		<p><a class="btn btn-action btn-lg pull-left" role="button" href="gala.html">En savoir plus</a></p>
	</div>
	<!-- /Le Gala -->
	<!-- Actualités -->
	<div class="container">
		<br><br>
		<h2 class="text-center">Actualités</h2>
		<br>
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<h3>Titre Actualité</h3>
				<p class="help-block">le XX/XX/XX</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida, augue nec maximus pellentesque, justo metus euismod orci, facilisis tincidunt.</p>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<h3>Titre Actualité</h3>
				<p class="help-block">le XX/XX/XX</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida, augue nec maximus pellentesque, justo metus euismod orci, facilisis tincidunt.</p>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<h3>Titre Actualité</h3>
				<p class="help-block">le XX/XX/XX</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida, augue nec maximus pellentesque, justo metus euismod orci, facilisis tincidunt.</p>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<h3>Titre Actualité</h3>
				<p class="help-block">le XX/XX/XX</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla gravida, augue nec maximus pellentesque, justo metus euismod orci, facilisis tincidunt.</p>
			</div>
		</div>
	</div>
	<!-- /Actualités -->
	<!-- Partenaires -->
	<div class="container">
		<br><br>
		<h2 class="text-center">Partenaires</h2>
		<br>
		<p class="text-muted text-center">Merci à eux.</p>
		<br>
		<div class="container">
			<div class="row">
				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a href="#"><img src="images/empty200x200.png" alt="Logo Partenaire"></a></div>
				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a href="#"><img src="images/empty200x200.png" alt="Logo Partenaire"></a></div>
				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a href="#"><img src="images/empty200x200.png" alt="Logo Partenaire"></a></div>
			</div>
			<br>
			<div class="row">
				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a href="#"><img src="images/empty200x200.png" alt="Logo Partenaire"></a></div>
				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a href="#"><img src="images/empty200x200.png" alt="Logo Partenaire"></a></div>
				<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4"><a href="#"><img src="images/empty200x200.png" alt="Logo Partenaire"></a></div>
			</div>
			<br>
		</div>
	</div>
	<!-- /Partenaires -->
	<!-- Pied de page -->
	<footer id="footer" class="top-space">
		<div class="footer1">
			<div class="container">
				<div class="row">
					<!-- Réseaux sociaux -->
					<div class="col-md-3 widget">
						<h3 class="widget-title">Suivez-nous</h3>
						<div class="widget-body">
							<p class="follow-me-icons">
								<!--<a href=""><i class="fa fa-twitter fa-2"></i></a>-->
								<!--<a href=""><i class="fa fa-dribbble fa-2"></i></a>-->
								<!--<a href=""><i class="fa fa-github fa-2"></i></a>-->
								<a href="https://www.facebook.com/profile.php?id=100010850087126"><i class="fa fa-facebook fa-2"></i></a>
							</p>
						</div>
					</div>
{'fraction_non_alphanumeric': 0.21754359247696642, 'fraction_numerical': 0.02436610066245336, 'mean_word_length': 3.7261604893846707, 'pattern_counts': {'":': 0, '<': 520, '<?xml version=': 0, '>': 520, 'https://': 2, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2294493', 'n_tokens_mistral': 5785, 'n_tokens_neox': 5062, 'n_words': 1025}