Molecules

Input Group

Usage : {{> input-group }}
Options :
  • option - Type
<div class="input-group">
	<label class="sr-only" for="newsletter-email">Votre adresse email</label>
	<input type="text" class="form-control" id="newsletter-email" placeholder="Votre adresse email">
	<span class="input-group-btn">
    <button class="btn btn-primary" type="button">S'inscrire</button>
  </span>
</div>

Picture Label

Usage : {{> picture-label }}
Options :
  • option - Type
Article image
Label
<div class="picture-label">
	<figure class="effect-selena">
		<img src="../build/img/stan.jpg" alt="Article image" class="picture img-responsive">

	</figure> <span class="label label-primary ">Label</span>
</div>

Share

Usage : {{> share }}
Options :
  • option - Type
<div class="share">
	<p class="text-uppercase">Partage</p>
	<ul class="list-unstyled">
		<li><a href="#" class="share-email"><i class="fa fa-paper-plane"></i><span class="sr-only">Partager par </span>Email</a></li>
		<li><a href="#" class="share-facebook"><i class="fa fa-facebook"></i><span class="sr-only">Partager sur </span>Facebook</a></li>
		<li><a href="#" class="share-twitter"><i class="fa fa-twitter"></i><span class="sr-only">Partager sur </span>Twitter</a></li>
	</ul>
</div>