---

layout: default

---

{% include nav.html search=true %}

<div class="container">

	<div class="row justify-content-center">

		<div class="col col-6">

		<h2>Lorem ipsum</h2>

		<p class="lead">Nostrud esse amet deserunt exercitation proident in cupidatat ipsum reprehenderit adipisicing do ipsum aute. Dolor est elit voluptate voluptate velit cillum laborum eiusmod nisi.</p>

		<form>

			<div class="form-group">

    		<label for="formGroupExampleInput">Nom du groupe</label>

    		<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Example input">

  		</div>

  		<div class="form-group">

    		<label for="formGroupExampleInput2">Description</label>

    		<input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Another input">

  		</div>

			<button type="submit" class="btn btn-primary">Enregistrer</button>

		</form>

		<h3 class="mt-5">

			Protocole d'annotations 

		</h3>

		<p class="text-muted small">Le procole d'annotation est ensemble de méta-catégories définies par le groupe afin d'avoir un langage commun d'intentions.</p>

		{% for metacategory in site.data.metacategories %}

			<h4><span style="border-bottom: 3px solid rgb{{ metacategory.color  }};">{{ metacategory.label }}</span></h4>

			<p>{{ metacategory.description  }}</p>

		{% endfor %}

		{% for metacategory in site.data.metacategories-extra %}

			<h4><span style="border-bottom: 3px solid rgb{{ metacategory.color  }};">{{ metacategory.label }}</span></h4>

			<p>{{ metacategory.description  }}</p>

		{% endfor %}

		<button type="submit" class="btn btn-primary">Enregistrer</button> <span class="small ml-2"><a href="#">voir l'historique</a></span>

		</div>

	</div>

</div>