


					<h2>Style 1 (4 columns)</h2>
					<div class="row">
						<div class="pricing-table">
							<div class="col-md-3">
								<div class="plan">
									<header class="pricing-head">
										<h3>Free</h3>
										<span class="price"><sup>$</sup> 00</span>
										<small>per month</small>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-3">
								<div class="plan popular">
									<header class="pricing-head">
										<h3>Popular</h3>
										<span class="price"><sup>$</sup> 19</span>
										<small>per month</small>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-primary">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-3">
								<div class="plan">
									<header class="pricing-head">
										<h3>Basic</h3>
										<span class="price"><sup>$</sup> 29</span>
										<small>per month</small>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-3">
								<div class="plan">
									<header class="pricing-head">
										<h3>Premium</h3>
										<span class="price"><sup>$</sup> 39</span>
										<small>per month</small>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
						</div>
					</div>

					<hr class="lg">

					<h2>Style 1 (3 columns)</h2>
					<div class="row">
						<div class="pricing-table">
							<div class="col-md-4">
								<div class="plan">
									<header class="pricing-head">
										<h3>Free</h3>
										<span class="price"><sup>$</sup> 00</span>
										<small>per month</small>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-4">
								<div class="plan popular">
									<header class="pricing-head">
										<h3>Popular</h3>
										<span class="price"><sup>$</sup> 19</span>
										<small>per month</small>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-primary">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-4">
								<div class="plan">
									<header class="pricing-head">
										<h3>Basic</h3>
										<span class="price"><sup>$</sup> 29</span>
										<small>per month</small>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
						</div>
					</div>

					<hr class="lg">

					<h2>Style 2 (4 columns)</h2>
					<div class="row">
						<div class="pricing-table pricing-table__style2">
							<div class="col-md-3">
								<div class="plan">
									<header class="pricing-head">
										<div class="circled">
											<div class="circled-inner">
												<span class="price"><sup>$</sup> 00</span>
												<small>per month</small>
											</div>
										</div>
										<h3>Free</h3>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-3">
								<div class="plan popular">
									<header class="pricing-head">
										<div class="circled">
											<div class="circled-inner">
												<span class="price"><sup>$</sup> 19</span>
												<small>per month</small>
											</div>
										</div>
										<h3>Popular</h3>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-primary">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-3">
								<div class="plan">
									<header class="pricing-head">
										<div class="circled">
											<div class="circled-inner">
												<span class="price"><sup>$</sup> 29</span>
												<small>per month</small>
											</div>
										</div>
										<h3>Basic</h3>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-3">
								<div class="plan">
									<header class="pricing-head">
										<div class="circled">
											<div class="circled-inner">
												<span class="price"><sup>$</sup> 39</span>
												<small>per month</small>
											</div>
										</div>
										<h3>Premium</h3>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
						</div>
					</div>


					<hr class="lg">

					<h2>Style 3 (4 columns)</h2>
					<div class="row">
						<div class="pricing-table pricing-table__style3">
							<div class="col-md-3">
								<div class="plan">
									<header class="pricing-head">
										<div class="circled">
											<div class="circled-inner">
												<span class="price"><sup>$</sup> 00</span>
												<small>per month</small>
											</div>
										</div>
										<h3>Free</h3>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-3">
								<div class="plan popular">
									<header class="pricing-head">
										<div class="circled">
											<div class="circled-inner">
												<span class="price"><sup>$</sup> 19</span>
												<small>per month</small>
											</div>
										</div>
										<h3>Popular</h3>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-3">
								<div class="plan">
									<header class="pricing-head">
										<div class="circled">
											<div class="circled-inner">
												<span class="price"><sup>$</sup> 29</span>
												<small>per month</small>
											</div>
										</div>
										<h3>Basic</h3>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-3">
								<div class="plan">
									<header class="pricing-head">
										<div class="circled">
											<div class="circled-inner">
												<span class="price"><sup>$</sup> 39</span>
												<small>per month</small>
											</div>
										</div>
										<h3>Premium</h3>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
						</div>
					</div>


					<hr class="lg">


					<h2>Style 4 (4 columns)</h2>
					<div class="row">
						<div class="pricing-table pricing-table__style4">
							<div class="col-md-3">
								<div class="plan">
									<header class="pricing-head">
										<h3>Free</h3>
										<div class="pricing-head-inner">
											<span class="price"><sup>$</sup> 00</span>
											<small>per month</small>
										</div>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-3">
								<div class="plan popular">
									<header class="pricing-head">
										<h3>Popular</h3>
										<div class="pricing-head-inner">
											<span class="price"><sup>$</sup> 19</span>
											<small>per month</small>
										</div>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-3">
								<div class="plan">
									<header class="pricing-head">
										<h3>Basic</h3>
										<div class="pricing-head-inner">
											<span class="price"><sup>$</sup> 29</span>
											<small>per month</small>
										</div>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
							<div class="col-md-3">
								<div class="plan">
									<header class="pricing-head">
										<h3>Premium</h3>
										<div class="pricing-head-inner">
											<span class="price"><sup>$</sup> 39</span>
											<small>per month</small>
										</div>
									</header>
									<div class="pricing-body">
										<ul>
											<li>Proin gravida nibhconseq</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
											<li>Enean sollicitud</li>
											<li>Lorem quis bibendum</li>
											<li>Aliquam laoreet sodales</li>
										</ul>
									</div>
									<footer class="pricing-footer">
										<a href="#" class="btn btn-default">Buy Now</a>
									</footer>
								</div>
							</div>
						</div>
					</div>

				