Card Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Expressa vero in iis aetatibus, quae iam confirmatae sunt. Nec lapathi suavitatem acupenseri Galloni Laelius anteponebat, sed suavitatem ipsam neglegebat.
{{> button }}
<a href="#" class="btn btn-primary btn-block" role="button">My button</a>
{{> card }}
<a href="#" class="card card-default">
<i class="ehnvicon ehnvicon-long-arrow-right"></i>
<div class="content">
<h1>Card Title</h1>
</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Expressa vero in iis aetatibus, quae iam confirmatae sunt. Nec lapathi suavitatem acupenseri Galloni Laelius anteponebat, sed suavitatem ipsam neglegebat.</p>
</div>
</a>
{{> checkbox }}
<div class="checkbox">
<label><input type="checkbox" value=""> My Checkbox</label>
</div>
{{> contact-infos }}
<div class="contact-infos">
<h2></h2>
<a href="#" class="btn btn-link">Hôpital d’Yverdon-les-Bains <i class="ehnvicon ehnvicon-arrow-right"></i></a><br>
<a href="#" class="btn btn-link">Hôpital de St-Loup <i class="ehnvicon ehnvicon-arrow-right"></i></a><br>
<br>
<a href="#">olivier.borens@exemple.ch</a><br>
<a href="#">079 763 29 04</a><br>
<a href="#">079 763 29 04 (Fax)</a><br>
<a href="#">LinkedIn</a><br>
<a href="#">Skype</a>
</div>
<div class="spacer spacer-xl visible-xs-block"></div>
<div class="input-group email-input">
<input type="email" class="form-control" placeholder="Votre E-mail">
<span class="input-group-btn">
<button class="btn btn-default" type="button">S’inscrire</button>
</span>
</div>
{{> entry-title }}
<header class="entry-title">
<h1>Title</h1>
<p class="meta time">
<i class="ehnvicon ehnvicon-clock"></i>
<time datetime="2016-08-19">19 Août 2016</time>
</p>
</header>
{{> input-group }}
<div class="input-group">
<input type="text" class="form-control" placeholder="Rechercher">
<span class="input-group-btn">
<button class="btn btn-primary" type="button">Ok</button>
</span>
</div>
{{> input-select }}
<div class="input-select form-group">
<select class="form-control" default name="" id="">
<option value="" class="placeholder" disabled selected>[object Object]</option>
<option value="">Option 1</option>
<option value="">Option 2</option>
<option value="">Option 3</option>
<option value="">Option 4</option>
</select>
</div>
{{> input-text }}
<div class="input-text form-group">
<input class="form-control" placeholder="[object Object]" type="text">
</div>
{{> input-textarea }}
<div class="input-textarea form-group">
<textarea class="form-control" placeholder="[object Object]" name="" id="" cols="30" rows="10"></textarea>
</div>
{{> pagination }}
<ul class="pagination">
<li>
<a href="#">
<i class="ehnvicon ehnvicon-double-arrow-right arrow-left"></i>
</a>
</li>
<li><a href="#">1</a></li>
<li class="active"><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
<li>
<a href="#">
<i class="ehnvicon ehnvicon-double-arrow-right"></i>
</a>
</li>
</ul>
{{> placeholder }}
<div class="icon-placeholder">
<i class="ehnvicon ehnvicon-placeholder-dr"></i>
</div>
{{> portrait }}
<figure class="portrait">
<div class="icon-placeholder">
<i class="ehnvicon ehnvicon-placeholder-dr"></i>
</div>
</figure>
{{> tags-select }}
<select class="form-control tags-select" multiple="multiple">
<option value="">Pédiatrie</option>
<option value="">Option 1</option> te
<option value="">Option 2 </option>
</select>
{{> user-card }}
<a href="#" class="user-card">
<i class="ehnvicon ehnvicon-long-arrow-right"></i>
<div class="vignette">
<div class="icon-placeholder">
<i class="ehnvicon ehnvicon-placeholder-dr"></i>
</div>
</div>
<div class="user-card-infos">
<h3>card-title</h3>
<p>card-title</p>
</div>
</a>
Social Icon
Usage :
{{> social-icon }}
Options :