<?php include('../../ortaklar.php'); ?>
<?php get_header(); ?>
<?php
add_page_info( 'title', 'Panels' );
add_page_info( 'nav', array('name'=>'Developer', 'url'=>get_site_url('admin/_developer/') ) );
add_page_info( 'nav', array('name'=>'Panels') );
?>
<?php include('_header.php'); ?>






<h3 class="content-title content-title-line"><i class="fa fa-star-o"></i> Panel colors</h3>
<div class="row">
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-default">
			<div class="panel-heading"><h3 class="panel-title">Panel default</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-primary">
			<div class="panel-heading"><h3 class="panel-title">Panel primary</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-success">
			<div class="panel-heading"><h3 class="panel-title">Panel success</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="clearfix"></div>
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-danger">
			<div class="panel-heading"><h3 class="panel-title">Panel danger</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-warning">
			<div class="panel-heading"><h3 class="panel-title">Panel warning</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-info">
			<div class="panel-heading"><h3 class="panel-title">Panel info</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="clearfix"></div>
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-purble">
			<div class="panel-heading"><h3 class="panel-title">Panel purble</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-pink">
			<div class="panel-heading"><h3 class="panel-title">Panel pink</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-dark">
			<div class="panel-heading"><h3 class="panel-title">Panel dark</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->

	<div class="clearfix"></div>

	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-warning panel-border-0">
			<div class="panel-heading"><h3 class="panel-title">Panel warning</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-pink panel-border-0">
			<div class="panel-heading"><h3 class="panel-title">Panel pink</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-dark panel-border-0">
			<div class="panel-heading"><h3 class="panel-title">Panel dark</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
</div> <!-- /.row -->





<h3 class="content-title content-title-line"><i class="fa fa-star-o"></i>  Panel no-heading</h3>

<div class="row">
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-default panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel default</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-primary panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel primary</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-success panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel success</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-danger panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel danger</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-warning panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel warning</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-info panel-heading-0">	
			<div class="panel-heading"><h3 class="panel-title">Panel info</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-purble panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel purble</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-pink panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel pink</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-dark panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel dark</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
</div> <!-- /.row -->







<h3 class="content-title content-title-line"><i class="fa fa-star-o"></i>  Panel no-heading with custom bordered</h3>



<div class="row">
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-default panel-heading-0 panel-border-top">
			<div class="panel-heading"><h3 class="panel-title">Panel heading</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-primary panel-heading-0 panel-border-top">
			<div class="panel-heading"><h3 class="panel-title">Panel primary</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-success panel-heading-0 panel-border-top">
			<div class="panel-heading"><h3 class="panel-title">Panel success</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-danger panel-heading-0 panel-border-left">
			<div class="panel-heading"><h3 class="panel-title">Panel danger</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-warning panel-heading-0 panel-border-right">
			<div class="panel-heading"><h3 class="panel-title">Panel warning</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-info panel-heading-0 panel-border-bottom">
			<div class="panel-heading"><h3 class="panel-title">Panel heading</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-purble panel-heading-0 panel-border-top">
			<div class="panel-heading"><h3 class="panel-title">Panel purble</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-pink panel-heading-0 panel-border-top">
			<div class="panel-heading"><h3 class="panel-title">Panel pink</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-dark panel-heading-0 panel-border-top">
			<div class="panel-heading"><h3 class="panel-title">Panel dark</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-dark -->
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
</div> <!-- /.row -->







<h3 class="content-title content-title-line"><i class="fa fa-star-o"></i>  Panel full background</h3>

<div class="row">
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-default panel-full-bg">
			<div class="panel-heading"><h3 class="panel-title">Panel default</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-primary panel-full-bg">
			<div class="panel-heading"><h3 class="panel-title">Panel primary</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-success panel-full-bg">
			<div class="panel-heading"><h3 class="panel-title">Panel success</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-danger panel-full-bg">
			<div class="panel-heading"><h3 class="panel-title">Panel danger</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-warning panel-full-bg">
			<div class="panel-heading"><h3 class="panel-title">Panel warning</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-info panel-full-bg">
			<div class="panel-heading"><h3 class="panel-title">Panel info</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-purble panel-full-bg">
			<div class="panel-heading"><h3 class="panel-title">Panel purble</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-pink panel-full-bg">
			<div class="panel-heading"><h3 class="panel-title">Panel pink</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-dark panel-full-bg">
			<div class="panel-heading"><h3 class="panel-title">Panel dark</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-default panel-full-bg panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel default</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-primary panel-full-bg panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel primary</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-success panel-full-bg panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel success</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-danger panel-full-bg panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel danger</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-warning panel-full-bg panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel warning</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-info panel-full-bg panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel info</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-purble panel-full-bg panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel purble</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-pink panel-full-bg panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel pink</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-dark panel-full-bg panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title">Panel dark</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
		</div> <!-- /.panel -->

	</div> <!-- /.col-md-4 -->
</div> <!-- /.row -->







<h3 class="content-title content-title-line"><i class="fa fa-star-o"></i>  Panel other style</h3>

<div class="row">
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-default">
			<div class="panel-heading"><h3 class="panel-title"><i class="fa fa-edit fa-fw"></i> Panel title with icon</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->
		
	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-dark">
			<div class="panel-heading"><h3 class="panel-title text-right">Panel title text-right <i class="fa fa-edit fa-fw"></i></h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->
		
	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-pink panel-heading-0">
			<div class="panel-heading"><h3 class="panel-title"> <i class="fa fa-rocket fa-fw"></i>Panel title with icon</h3></div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->
		
	</div> <!-- /.col-md-4 -->
	<div class="clearfix"></div>
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title"><i class="fa fa-edit fa-fw"></i> Panel with btn group</h3>
				
				<div class="panel-menu">
					<div class="btn-group btn-group-xs" role="group" aria-label="...">
					  	<button type="button" class="btn btn-default"><i class="fa fa-refresh"></i></button>
					  	<button type="button" class="btn btn-default"><i class="fa fa-edit"></i></button>
					  	<button type="button" class="btn btn-default"><i class="fa fa-trash-o"></i></button>
					</div>
				</div> <!-- /.panel-menu -->

			</div>
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->
		
	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-warning panel-full-bg">
			<div class="panel-heading">
				<h3 class="panel-title">Panel with btn group dropdown</h3>
				<div class="panel-menu">
					<div class="btn-group btn-group-xs" role="group" aria-label="...">
					  <button type="button" class="btn btn-default">1</button>
					  <button type="button" class="btn btn-default">2</button>

					  <div class="btn-group btn-group-xs" role="group">
					    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					      Dropdown
					      <span class="caret"></span>
					    </button>
					    <ul class="dropdown-menu">
					      <li><a href="#">Dropdown link</a></li>
					      <li><a href="#">Dropdown link</a></li>
					    </ul>
					  </div>
					</div>
				</div> <!-- /.panel-menu -->
			</div> <!-- /.panel-heading -->
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->
		
	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-info panel-heading-0 panel-full-bg">
			<div class="panel-heading">
				<h3 class="panel-title">Panel with btn group dropdown</h3>
				<div class="panel-menu">
					<div class="btn-group btn-group-xs" role="group" aria-label="...">
					  <button type="button" class="btn btn-default">1</button>
					  <button type="button" class="btn btn-default">2</button>

					  <div class="btn-group btn-group-xs" role="group">
					    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					      Dropdown
					      <span class="caret"></span>
					    </button>
					    <ul class="dropdown-menu">
					      <li><a href="#">Dropdown link</a></li>
					      <li><a href="#">Dropdown link</a></li>
					    </ul>
					  </div>
					</div>
				</div> <!-- /.panel-menu -->
			</div> <!-- /.panel-heading -->
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->
		
	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">Panel with description</h3>
				<p class="panel-description">Panel subtitle description</p>
			</div> <!-- /.panel-heading -->
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->
		
	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">Panel with description</h3>
			</div> <!-- /.panel-heading -->
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
			<div class="panel-footer">
				Panel footer description
			</div> <!-- /.panel-footer -->
		</div> <!-- /.panel -->
		
	</div> <!-- /.col-md-4 -->
	<div class="col-md-4">

		<div data-example="parent" class="_get_example panel panel-pink panel-full-bg br-0">
			<div class="panel-heading br-0">
				<h3 class="panel-title">Panel border none</h3>
			</div> <!-- /.panel-heading -->
			<div class="panel-body">
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div> <!-- /.panel-body -->
		</div> <!-- /.panel -->
		
	</div> <!-- /.col-md-4 -->
</div> <!-- /.row -->










<?php get_footer(); ?>