Cancellation Funnel
LUMEN
Menu
Product Name
Funnel Item
Stevie Feliciano
Veronika Ossi
Cancellation Funnel
<div class="ui funnel items">
<div class="item funnel">
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
<div class="item funnel">
<a class="ui image">
<i class="circular user alternate inverted blue icon"></i>
</a>
<div class="content">
<a class="header">Veronika Ossi</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
</div>Funnel Item Small
Show Code <div class="ui funnel items">
<div class="item funnel">
<a class="ui tiny image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
</div>
</div>
<div class="item funnel medium">
<a class="ui tiny image">
<i class="circular user alternate inverted blue icon"></i>
</a>
<div class="content">
<a class="header">Veronika Ossi</a>
</div>
</div>
</div>Funnel Segmented Item
<div class="ui segmented funnel items">
<div class="item funnel">
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
</div>Funnel Segmented Item with Checkbox
<div class="ui segmented funnel items">
<div class="item funnel">
<div class="ui radio checkbox">
<input type="radio" name="radio" >
<label></label>
</div>
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
<div class="item funnel">
<div class="ui radio checkbox">
<input type="radio" name="radio">
<label></label>
</div>
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
<div class="item funnel disabled">
<div class="ui radio checkbox">
<input type="radio" name="radio" disabled>
<label></label>
</div>
<a class="ui image">
<i class="circular user alternate inverted blue icon"></i>
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
</div>Funnel Segmented List
<div class="ui segmented funnel items">
<div class="item funnel">
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
<div class="item funnel">
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
<div class="item funnel disabled">
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
</div>Funnel Segmented List with Color Label
<div class="ui segmented funnel items">
<div class="yellow labeled item funnel">
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
<div class="azure labeled item funnel">
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
<div class="red labeled item funnel">
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
<div class="blue labeled item funnel">
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
<div class="green labeled item funnel">
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
<div class="green labeled item funnel disabled">
<a class="ui image">
<img src="https://semantic-ui.com/images/avatar2/large/matthew.png" class="ui avatar image">
</a>
<div class="content">
<a class="header">Stevie Feliciano</a>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
<div class="additional content">
<span class="header">$7,122</span>
<div class="description">
<p>Cancellation Funnel</p>
</div>
</div>
</div>
</div>