Icon Blocks

Snippet #1

Design
HTML

Read. Listend. Download

Get started now with insights and strategies from The Coach

Blog

Read my blog daily basis and latest article inspire you.

Podcast

Listen my podcast daily basic and also, get latest podcast fast.

Resources

Download free resources and books for your reading,

<div class=" pt-lg-10 pb-lg-12 py-8">
						<div class="container">
						   <div class="row">
							  <div class="offset-lg-2 col-lg-8 col-md-12 col-12">
								 <div class="mb-8 text-center">
									<h2 class="h1">Read. Listend. Download</h2>
									<p class="lead">Get started now with insights and strategies from The Coach</p>
								 </div>
							  </div>
						   </div>
						   <div class="row">
							  <div class="col-lg-4 col-md-6 col-12">
								 <div class="card mb-lg-0 mb-4">
									<div class="card-body p-5">
									   <div class="mb-4">
										  <i class="fas fa-newspaper text-secondary bg-light-secondary icon-shape icon-xl rounded-circle font-22"></i>
									   </div>
									   <h4>Blog</h4>
									   <p>Read my blog daily basis and latest article inspire you.</p>
									   <a href="#" class="btn-primary-link">Read more</a>
									</div>
								 </div>
							  </div>
							  <div class="col-lg-4 col-md-6 col-12">
								 <div class="card mb-lg-0 mb-4">
									<div class="card-body p-5">
									   <div class="mb-4">
										  <i class="fas fa-podcast text-info bg-light-info icon-shape icon-xl rounded-circle font-22"></i>
									   </div>
									   <h4>Podcast</h4>
									   <p>
										  Listen my podcast daily basic and also, get latest podcast fast.
									   </p>
									   <a href="#" class="btn-primary-link">Read more</a>
									</div>
								 </div>
							  </div>
							  <div class="col-lg-4 col-md-6 col-12 d-md-none d-lg-block">
								 <div class="card mb-lg-0 mb-4">
									<div class="card-body p-5">
									   <div class="mb-4">
										  <i class="fas fa-download text-danger bg-light-danger icon-shape icon-xl rounded-circle font-22"></i>
									   </div>
									   <h4>Resources</h4>
									   <p>Download free resources and books for your reading,</p>
									   <a href="#" class="btn-primary-link">Read more</a>
									</div>
								 </div>
							  </div>
						   </div>
						</div>
					 </div>

CEO's Growth

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In urna lectus tempor.

Sales Performance

Proin malesuada maximus eros, nec posuere neque pellemen tum egestas.

Meaningful Exits

In imperdiet imperdiet enim, quis vestibulum feugiat lao reet niorci porta eget.

Experience

Suspendisse eu orci con vallis, gravida urna feugiat laoreet nisl hendrerit lacus.

<div class="container mt-lg-10 mb-lg-10">
																		<div class="row">
																		   <div class="col-lg-3 col-md-6 col-12">
																			  <div class="card mb-lg-0 mb-4 border-0">
																				 <div class="card-body p-4 ">
																					<i class="fas fa-chart-line fa-fw text-primary font-28 mb-4"></i>
																					<h4>CEO's Growth</h4>
																					<p class="mb-0">
																					   Lorem ipsum dolor sit amet, consectetur adipiscing elit. In urna lectus tempor.
																					</p>
																				 </div>
																			  </div>
																		   </div>
																		   <div class="col-lg-3 col-md-6 col-12">
																			  <div class="card mb-lg-0 mb-4 border-0">
																				 <div class="card-body p-4">
																					<i class="fas fa-mountain fa-fw text-primary font-28 mb-4"></i>
																					<h4>Sales Performance</h4>
																					<p class="mb-0">
																					   Proin malesuada maximus eros, nec posuere neque pellemen tum egestas.
																					</p>
																				 </div>
																			  </div>
																		   </div>
																		   <div class="col-lg-3 col-md-6 col-12">
																			  <div class="card mb-lg-0 mb-4 border-0">
																				 <div class="card-body p-4">
																					<i class="fas fa-trophy fa-fw text-primary font-28 mb-4"></i>
																					<h4>Meaningful Exits</h4>
																					<p class="mb-0">
																					   In imperdiet imperdiet enim, quis vestibulum feugiat lao reet niorci porta eget.
																					</p>
																				 </div>
																			  </div>
																		   </div>
																		   <div class="col-lg-3 col-md-6 col-12">
																			  <div class="card mb-lg-0 mb-4 border-0">
																				 <div class="card-body p-4">
																					<i class="fas fa-star-half-alt fa-fw text-primary font-28 mb-4"></i>
																					<h4>Experience</h4>
																					<p class="mb-0">
																					   Suspendisse eu orci con vallis, gravida urna feugiat laoreet nisl hendrerit lacus.
																					</p>
																				 </div>
																			  </div>
																		   </div>
																		</div>
																	 </div>

Snippet #3

Design
HTML

Getting Started

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nibh nec erat tincidunt porta.

Account

Sit amet consectetur oluptas minima eligendi quae totam sequi quam dolores quo ut debitis.

Billing

Perferendis magni eveniet delectus nulla sapiente nihil nesciunt commodi deleniti animi!

Plan & Pricing

Quae sapiente numquam molestias commodi hic eos id tempora, necessitatibus ametquasi.

<div class="container py-8">
					<div class="row">
					   <div class="offset-lg-1 col-lg-10 col-md-12 col-12">
						  <div class="row">
							 <div class="col-lg-6 col-md-6 col-12">
								<div class="card rounded-3 mb-4">
								   <div class="card-body p-4">
									  <span class="mb-4 d-block">
									  <i class="fe fe-book text-primary font-42"></i>
									  </span>
									  <h3 class="mb-2"><a href="help-center-category.html" class="text-inherit">
										 Getting Started
										 </a>
									  </h3>
									  <p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec in nibh nec erat tincidunt porta.</p>
								   </div>
								</div>
							 </div>
							 <div class="col-lg-6 col-md-6 col-12">
								<div class="card rounded-3 mb-4">
								   <div class="card-body p-4">
									  <span class="mb-4 d-block">
									  <i class="fe fe-user text-primary font-42"></i>
									  </span>
									  <h3 class="mb-2"><a href="help-center-category.html" class="text-inherit">Account</a></h3>
									  <p class="mb-0">Sit amet consectetur oluptas minima eligendi quae totam sequi quam dolores quo ut debitis.</p>
								   </div>
								</div>
							 </div>
							 <div class="col-lg-6 col-md-6 col-12">
								<div class="card rounded-3 mb-4">
								   <div class="card-body p-4">
									  <span class="mb-4 d-block">
									  <i class="fe fe-bell text-primary font-42"></i>
									  </span>
									  <h3 class="mb-2"><a href="help-center-category.html" class="text-inherit">
										 Billing
										 </a>
									  </h3>
									  <p class="mb-0"> Perferendis magni eveniet delectus nulla sapiente nihil nesciunt commodi deleniti animi!</p>
								   </div>
								</div>
							 </div>
							 <div class="col-lg-6 col-md-6 col-12">
								<div class="card rounded-3 mb-4">
								   <div class="card-body p-4">
									  <span class="mb-4 d-block">
									  <i class="fe fe-box text-primary font-42"></i>
									  </span>
									  <h3 class="mb-2"><a href="help-center-category.html" class="text-inherit">Plan &amp; Pricing
										 </a>
									  </h3>
									  <p class="mb-0">Quae sapiente numquam molestias commodi hic eos id tempora, necessitatibus ametquasi.</p>
								   </div>
								</div>
							 </div>
						  </div>
					   </div>
					</div>
				 </div>

Snippet #4

Design
HTML

Book Your Calendar

Clear up your schedule and treat yourself to some me-time.

1 hour Sessions

Schedule approximately 60-70 minutes of quiet time for this Masterclass.

12-Page Workbook

You’ll receive a free digital workbook to maximize your results.

<div class="pt-lg-16 pb-lg-12 py-12 bg-secondary top-shape ">
					<div class="container">
					   <div class="row">
						  <div class="col-lg-4 col-md-4 col-12">
							 <div class="mb-5 mb-md-0">
								<div class="h2 mb-4">
								   <i class="fas fa-calendar-alt bg-white icon-shape icon-xl bg-white rounded-3 text-secondary"></i>
								</div>
								<h3 class="mb-2 text-white">Book Your Calendar</h3>
								<p class="text-white">
								   Clear up your schedule and treat yourself to some me-time.
								</p>
							 </div>
						  </div>
						  <div class="col-lg-4 col-md-4 col-12">
							 <div class="mb-5 mb-md-0">
								<div class="h2 mb-4">
								   <i class="fas fa-clock bg-white icon-shape icon-xl bg-white rounded-3 text-secondary"></i>
								</div>
								<h3 class="mb-2 text-white">1 hour Sessions</h3>
								<p class="text-white">
								   Schedule approximately 60-70 minutes of quiet time for this Masterclass.
								</p>
							 </div>
						  </div>
						  <div class="col-lg-4 col-md-4 col-12">
							 <div class="mb-5 mb-md-0">
								<div class="h2 mb-4">
								   <i class="fas fa-book bg-white icon-shape icon-xl bg-white rounded-3 text-secondary"></i>
								</div>
								<h3 class="mb-2 text-white">12-Page Workbook</h3>
								<p class="text-white">
								   You’ll receive a free digital workbook to maximize your results.
								</p>
							 </div>
						  </div>
					   </div>
					</div>
				 </div>