Exemple #1
0
code('showcase');
?>

		<div class="viewer-header">Connect the input to the slider</div>

		<div class="viewer-content">
			<?php 
code('showcase-connect');
?>
		</div>

		<div class="viewer-header">CSS in this example</div>

		<div class="viewer-content">
			<?php 
loadShowCSS('showcase');
?>
		</div>
	</div>
</section>


<section>

	<div class="view">

		<h3 class="quotable">"Lightweight JavaScript range slider with full touch support."</h3>

		<ul class="pro-list">
			<li>Responsive design friendly</li>
			<li>Touch support for iOS, Android &amp; Windows (phone)</li>
Exemple #2
0
?>
		</div>

		<div class="viewer-header">Add tooltips</div>

		<div class="viewer-content">
			<?php 
code('tooltip-more', true);
?>
		</div>

		<div class="viewer-header">Example tooltip styling</div>

		<div class="viewer-content">
			<?php 
loadShowCSS('tooltip');
?>
		</div>
	</div>
</section>


<?php 
sect('soft-limits');
?>
<h1>Soft limits</h1>

<section>

	<div class="view">
	<div class="side">

		<div class="viewer-header">Toggle</div>

		<div class="viewer-content">
			<?php 
code('toggle');
?>
		</div>

		<div class="viewer-header">CSS</div>

		<div class="viewer-content">
			<?php 
loadShowCSS('toggle');
?>
		</div>

	</div>
</section>


<?php 
sect('soft-limits');
?>
<h1>Soft limits</h1>

<section>

	<div class="view">