LUMEN
Menu
Product Name
Big
Icon version
CREATED BY
lorem@ipsum.dol
CREATED ON
Dec 26, 2017
<div class="ui segment big head border bottom">
<div class="round image static medium">
<i class="circular clickfunnels actionetics-md alternate inverted blue icon"></i>
</div>
<div class="ui grid">
<div class="seven wide column">
<span class="title text bold">FOLLOW-UP FUNNEL NAME</span>
<h2>Bill Murray</h2>
<span class="title text bold">CUSTOM WEB ADDRESS</span>
<a class="text bold" href="/">www.successfulfunnels.com</a>
</div>
<div class="six wide column">
<span class="title text bold">CREATED BY</span>
<a class="text bold" href="/">lorem@ipsum.dol</a>
</div>
<div class="three wide column">
<span class="title text bold">CREATED ON</span>
<p class="text bold">Dec 26, 2017</p>
</div>
</div>
</div>Image version
CREATED BY
lorem@ipsum.dol
CREATED ON
Dec 26, 2017
<div class="ui segment big head border bottom">
<div class="round image static medium">
<img src="https://www.fillmurray.com/100/100" alt="">
</div>
<div class="ui grid">
<div class="seven wide column">
<span class="title text bold">FOLLOW-UP FUNNEL NAME</span>
<h2>Bill Murray</h2>
<span class="title text bold">CUSTOM WEB ADDRESS</span>
<a class="text bold" href="/">www.successfulfunnels.com</a>
</div>
<div class="six wide column">
<span class="title text bold">CREATED BY</span>
<a class="text bold" href="/">lorem@ipsum.dol</a>
</div>
<div class="three wide column">
<span class="title text bold">CREATED ON</span>
<p class="text bold">Dec 26, 2017</p>
</div>
</div>
</div>Medium Title
CHOSEN LIST: My cool people list
TOTAL RECIPIENTS
333
<div class="ui segment medium head border top bottom">
<div class="round image static small">
<img src="img.png" alt="">
</div>
<div class="ui grid">
<div class="seven wide column">
<span class="title text bold">FACEBOOK PAGE</span>
<h3>Bill Murray</h3>
<span class="title text bold">KEYWORDS: <a href="/">Free Report</a></span>
</div>
<div class="six wide column">
<span class="title text bold">CHOSEN LIST: <a href="">My cool people list</a></span>
</div>
<div class="three wide column">
<span class="title text bold">TOTAL RECIPIENTS</span>
<p class="green bold">333</p>
</div>
</div>
</div>Small Title
Bill Murray
WWW.SUCCESSFULFUNNELS.COM
CREATED ON
Dec 26, 2017
<div class="ui segment small head border bottom">
<div class="ui grid">
<div class="thirteen wide column">
<h2>Bill Murray</h2>
<span class="title text bold">WWW.SUCCESSFULFUNNELS.COM</span>
</div>
<div class="three wide column">
<span class="title text bold">CREATED ON</span>
<p class="text bold">Dec 26, 2017</p>
</div>
</div>
</div>Product Title Bar primary
Product Name
<div class="ui blue segment top attached inverted">
<div class="ui grid">
<div class="two column row">
<div class="left floated column">
<h2>
<i class="user icon"></i>
Product Name
</h2>
</div>
<div class="right aligned floated column">
<button class="ui tiny secondary button">Button Name</button>
<button class="ui tiny primary button">Button Name</button>
</div>
</div>
</div>
</div>Product Title Bar secondary
Funnels
<div class="ui blue top attached segment tiny inverted">
<div class="ui grid">
<div class="two column row">
<div class="four wide column">
<h2>
Funnels
</h2>
</div>
<div class="twelve wide column">
<div class="ui grid">
<div class="three column row">
<div class="four wide column"></div>
<div class="seven wide column">
<div class="ui left blue input small fluid">
<input type="text" placeholder="Quick List Search">
</div>
</div>
<div class="five wide column">
<select class="ui floating small dropdown">
<option value="">Select a State</option>
<option value="0">Alabama</option>
<option value="1">Alaska</option>
<option value="2">Arizona</option>
<option value="3">Arkansas</option>
<option value="4">California</option>
<option value="5">Colorado</option>
<option value="6">Connecticut</option>
<option value="7">Delaware</option>
<option value="8">Florida</option>
<option value="9">Georgia</option>
<option value="10">Hawaii</option>
<option value="11">Idaho</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>Tab Title Bar
CLICK FUNNELS
<div class="ui blue top attached segment inverted tabular">
<div class="ui grid">
<div class="two column row">
<div class="left floated column">
<h2>
<span class="icon on white">
<i class="huge clickfunnels layered logo icon"><span></span></i>
</span>
CLICK FUNNELS
</h2>
</div>
<div class="right aligned floated">
<div class="ui top attached tabular huge menu">
<a class="item active" data-tab="first">
<i class="indent tiny icon"></i>
Steps
</a>
<a class="item" data-tab="second">
<i class="indent tiny icon"></i>
Stats
</a>
<a class="item" data-tab="third">
<i class="indent tiny icon"></i>
Contacts
</a>
<a class="item" data-tab="fourth">
<i class="indent tiny icon"></i>
Sales
</a>
<a class="item" data-tab="fifth">
<i class="indent tiny icon"></i>
Settings
</a>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('.menu .item').tab();
</script>Regular Title Bar
CLICK FUNNELS
<div class="ui blue segment attached top inverted">
<div class="ui grid">
<div class="two column row">
<div class="left floated column">
<h2>
<span class="icon on white">
<i class="big clickfunnels layered actionetics icon"></i>
</span>
CLICK FUNNELS
</h2>
</div>
<div class="right aligned floated column">
<button class="ui tiny secondary button">temporibus</button>
<button class="ui tiny primary button">aut</button>
</div>
</div>
</div>
</div>Regular Title Bar mono icon
CLICK FUNNELS
<div class="ui blue segment attached top inverted">
<div class="ui grid">
<div class="two column row">
<div class="left floated column">
<h2>
<span class="icon on white">
<i class="big clickfunnels actionetics icon"></i>
</span>
CLICK FUNNELS
</h2>
</div>
<div class="right aligned floated column">
<button class="ui tiny secondary button">quaerat</button>
<button class="ui tiny primary button">molestiae</button>
</div>
</div>
</div>
</div>