Heading 1 Secondary Text

Heading 2 Secondary Text

Heading 3 Secondary Text

Heading 4 Secondary Text

Heading 5 Secondary Text
Heading 6 Secondary Text
<h1>Heading 1 <small>Secondary Text</small></h1>
<h2>Heading 2 <small>Secondary Text</small></h2>
<h3>Heading 3 <small>Secondary Text</small></h3>
<h4>Heading 4 <small>Secondary Text</small></h4>
<h5>Heading 5 <small>Secondary Text</small></h5>
<h6>Heading 6 <small>Secondary Text</small></h6>

<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-default btn-lg">Large button</button>
<button type="button" class="btn btn-default btn-lg btn-round">Large Round button</button>

<button type="button" class="btn btn-primary">Large button</button>
<button type="button" class="btn btn-default">Large button</button>
<button type="button" class="btn btn-default btn-round">Large Round button</button>

<button type="button" class="btn btn-primary btn-sm">Large button</button>
<button type="button" class="btn btn-default btn-sm">Large button</button>
<button type="button" class="btn btn-default btn-sm btn-round">Large Round button</button>

<button type="button" class="btn btn-primary btn-xs">Large button</button>
<button type="button" class="btn btn-default btn-xs">Large button</button>
<button type="button" class="btn btn-default btn-xs btn-round">Large Round button</button>
  • List Item 1
  • List Item 2
  • List Item 3
<ul>
	<li>List Item 1</li>
	<li>List Item 2</li>
	<li>List Item 3</li>
</ul>
  1. List Item 1
  2. List Item 2
  3. List Item 3
<ol>
	<li>List Item 1</li>
	<li>List Item 2</li>
	<li>List Item 3</li>
</ol>
  • List Item 1
  • List Item 2
  • List Item 3
<ul class="unstyled">
	<li>List Item 1</li>
	<li>List Item 2</li>
	<li>List Item 3</li>
</ul>
<ul class="menu iconed-list unstyled clearfix">
	<li>
		<span class="list-icon"><i class="round-icon text-sm iconfont-map-marker"></i></span>
		<div class="list-content">Lorem ipsum maecenas dapibus luctus euismod 133/2 New York City</div>
	</li>
	<li>
		<span class="list-icon"><i class="round-icon text-sm iconfont-phone"></i></span>
		<div class="list-content">(+00)1344356-675</div>
	</li>
	<li>
		<span class="list-icon"><i class="round-icon text-sm iconfont-envelope-alt"></i></span>
		<div class="list-content">[email protected]</div>
	</li>
</ul>
<form role="form">
	<div class="form-group stylish-input">
		<label for="input1">Text Input:</label>
		<input type="text" id="input1" class="form-control" />
	</div>
	<div class="form-group stylish-input">
		<label class="required" for="input2">Required Text Input:</label>
		<input type="text" id="input2" class="form-control" />
	</div>
	<div class="form-group stylish-input">
		<label for="dd1">Dropdown:</label>
		<select id="dd1" class="form-control">
			<option>-- SELECT ONE --</option>
		</select>
	</div>
</form>


<form role="form">
	<div class="form-group stylish-input">
		<input type="checkbox" name="chk" class="prettyCheckable m-r" data-label="pretty checked checkbox" checked="checked" />
		<br/>
		<input type="checkbox" name="chk" class="prettyCheckable" data-label="pretty checkbox" />
	</div>
	<div class="form-group stylish-input">
		<input type="radio" name="radio" class="prettyCheckable m-r" data-label="pretty checked checkbox" checked="checked" />
		<br/>
		<input type="radio" name="radio" class="prettyCheckable" data-label="pretty checkbox" />
	</div>
</form>

Sed accumsan commodo ullamcorper. Fusce vestibulum auctor augue, ut sagittis nisl rutrum mollis.

Morbi porttitor porta nisl vel viverra. Class aptent taciti sociosqu ad litora torquent per conubia.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

<ul class="nav nav-tabs">
	<li class="active"><a href="#tab-1" data-toggle="tab">Tab 1</a></li>
	<li><a href="#tab-2" data-toggle="tab">Tab 2</a></li>
	<li><a href="#tab-3" data-toggle="tab">Tab 3</a></li>
</ul>
<div class="tab-content">
	<div class="tab-pane fade in active" id="tab-1">
		<p>Sed accumsan commodo ullamcorper. Fusce vestibulum auctor augue, ut sagittis nisl rutrum mollis.</p>
	</div>
	<div class="tab-pane fade" id="tab-2">
		<p>Morbi porttitor porta nisl vel viverra. Class aptent taciti sociosqu ad litora torquent per conubia.</p>
	</div>
	<div class="tab-pane fade" id="tab-3">
		<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
	</div>
</div>

Sed accumsan commodo ullamcorper. Fusce vestibulum auctor augue, ut sagittis nisl rutrum mollis.

Morbi porttitor porta nisl vel viverra. Class aptent taciti sociosqu ad litora torquent per conubia.

Suspendisse quis dui hendrerit, venenatis metus eu, elementum ante. Quisque fringilla libero sit amet quam.

<div class="panel-group checkout" id="checkout-collapse">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#checkout-collapse" href="#checkout-collapse1">
					<span class="step">01</span>
					Collapse 01
				</a>
			</h4>
		</div>
		<div id="checkout-collapse1" class="panel-collapse collapse in">
			<div class="panel-body">
				<p>Sed accumsan commodo ullamcorper. Fusce vestibulum auctor augue, ut sagittis nisl rutrum mollis.</p>
			</div>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#checkout-collapse" href="#checkout-collapse2">
					<span class="step">02</span>
					Collapse 02
				</a>
			</h4>
		</div>
		<div id="checkout-collapse2" class="panel-collapse collapse">
			<div class="panel-body">
				<p>Morbi porttitor porta nisl vel viverra. Class aptent taciti sociosqu ad litora torquent per conubia.</p>
			</div>
		</div>
	</div>
	<div class="panel panel-default">
		<div class="panel-heading">
			<h4 class="panel-title">
				<a data-toggle="collapse" data-parent="#checkout-collapse" href="#checkout-collapse3">
					<span class="step">03</span>
					Collapse 03
				</a>
			</h4>
		</div>
		<div id="checkout-collapse3" class="panel-collapse collapse">
			<div class="panel-body">
				<p>Suspendisse quis dui hendrerit, venenatis metus eu, elementum ante. Quisque fringilla libero sit amet quam.</p>
			</div>
		</div>
	</div>
</div>