LUMEN
Menu
<div class="ui grid">
<div class="eight wide tablet four wide computer column">
<div class="ui fluid user card">
<div class="options">
<div class="ui purple horizontal tiny label">Permission level</div>
<div class="ui dropdown">
<i class="ellipsis vertical icon"></i>
<div class="menu">
<div class="item bold text">Manage permissions</div>
<div class="item text bold red">Remove from organization</div>
</div>
</div>
</div>
<div class="image">
<img src="image.png">
</div>
<div class="content">
<a href="#" class="header">Name Surename</a>
<span>example@email.com</span>
</div>
<div class="extra content">
<span>Last login: January 11, 2019</span>
</div>
</div>
</div>
<div class="eight wide tablet four wide computer column">
...
</div>
<div class="eight wide tablet four wide computer column">
...
</div>
<div class="eight wide tablet four wide computer column">
...
</div>
</div>
Jenny is a student studying Media Management at the New School
Jenny is a student studying Media Management at the New School
Jenny is a student studying Media Management at the New School
<div class="ui stats card">
<div class="content">
<div class="stats">
<div class="ui tiny green progress active" data-value="3899" data-total="5000">
<span>CONTACTS</span>
<div class="bar">
<div class="progress"></div>
</div>
</div>
<div class="ui tiny green progress active" data-value="4509" data-total="100000">
<span>VISITS</span>
<div class="bar">
<div class="progress"></div>
</div>
</div>
<div class="ui tiny green progress active" data-value="91" data-total="300">
<span>PAGES</span>
<div class="bar">
<div class="progress"></div>
</div>
</div>
<div class="ui tiny green progress active" data-value="45" data-total="70">
<span>FUNNELS</span>
<div class="bar">
<div class="progress"></div>
</div>
</div>
<div class="ui tiny green progress active" data-value="1000" data-total="1000" >
<span>CONTACTS</span>
<div class="bar">
<div class="progress"></div>
</div>
</div>
</div>
</div>
</div>