Navs

Snippet #1

Design
HTML

Event Schedule

Sunday, 21th October

9:30 - 10:00

Registration

Pick up your name badge and goodie bag

10:30 - 11:15AM

Jay Henderson

Powerful virtual teamwork

Throw myself down teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable.

11:15 - 13:15PM

Ludia Austin

New leadership paradigms of Generation Y

Minim Austin 3 wolf moon scenester aesthetic, umami odio pariatur bitters. Pop-up occaecat taxidermy street art, tattooed beard literally.

13:30 - 14:30PM

Lunch

Five star buffet for everybody..

14:35 - 16:00PM

Ernest Backman

Agility and leadership in business

Plaid fashion axe semiotics skateboard, try-hard food truck aesthetic biodiesel exercitation. Accusamus VHS Wes Anderson Banksy food truck vero.

Monday, 22th October

9:30 - 10:00

Registration

Pick up your name badge and goodie bag

10:30 - 11:15AM

Jay Henderson

Powerful virtual teamwork

Throw myself down teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable.

11:15 - 13:15PM

Ludia Austin

New leadership paradigms of Generation Y

Minim Austin 3 wolf moon scenester aesthetic, umami odio pariatur bitters. Pop-up occaecat taxidermy street art, tattooed beard literally.

13:30 - 14:30PM

Lunch

Five star buffet for everybody..

14:35 - 16:00PM

Ernest Backman

Agility and leadership in business

Plaid fashion axe semiotics skateboard, try-hard food truck aesthetic biodiesel exercitation. Accusamus VHS Wes Anderson Banksy food truck vero.

Tuesday, 23th October

9:30 - 10:00

Registration

Pick up your name badge and goodie bag

10:30 - 11:15AM

Jay Henderson

Powerful virtual teamwork

Throw myself down teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable.

11:15 - 13:15PM

Ludia Austin

New leadership paradigms of Generation Y

Minim Austin 3 wolf moon scenester aesthetic, umami odio pariatur bitters. Pop-up occaecat taxidermy street art, tattooed beard literally.

13:30 - 14:30PM

Lunch

Five star buffet for everybody..

14:35 - 16:00PM

Ernest Backman

Agility and leadership in business

Plaid fashion axe semiotics skateboard, try-hard food truck aesthetic biodiesel exercitation. Accusamus VHS Wes Anderson Banksy food truck vero.

<div class="mb-xxl-8 mb-6">
<!--heading-->
<h3 class="mb-4">Event Schedule</h3>
<!--nav pills-->
<ul class="nav-pills-border nav nav-pills nav-justified mb-5" id="pills-tab" role="tablist">
	<li class="nav-item">
		<a class="nav-link active fw-bold" id="pills-eventOne-tab" data-bs-toggle="pill" href="#pills-eventOne" role="tab" aria-controls="pills-eventOne" aria-selected="true">
			Day One
		</a>
	</li>
	<li class="nav-item">
		<a class="nav-link fw-bold" id="pills-eventTwo-tab" data-bs-toggle="pill" href="#pills-eventTwo" role="tab" aria-controls="pills-eventTwo" aria-selected="false">
			Day Two
		</a>
	</li>
	<li class="nav-item">
		<a class="nav-link fw-bold" id="pills-eventThree-tab" data-bs-toggle="pill" href="#pills-eventThree" role="tab" aria-controls="pills-eventThree" aria-selected="false">
			Day Three
		</a>
	</li>
</ul>
<!--content-->
<div class="tab-content" id="pills-tabContent">
	<div class="tab-pane fade show active" id="pills-eventOne" role="tabpanel" aria-labelledby="pills-eventOne-tab">
		<!--card-->
		<div class="card">
			<div class="card-header bg-white">
				<!--heading-->
				<h4 class="h5 mb-0">Sunday, 21th October</h4>
			</div>
			<!--card body-->
			<div class="card-body p-4">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">9:30 - 10:00</span>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex align-items-center">
							<img src="../assets/images/avatar-1.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1">Registration</h5>
								<p class="mb-0">Pick up your name badge and goodie bag</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card body-->
			<div class="card-body border-top p-4">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">10:30 - 11:15AM</span>
					</div>
					<div class="col-md-9">
						<!--iamge-->
						<div class="d-flex">
							<img src="../assets/images/avatar-2.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1 text-danger">Jay Henderson</h5>
								<h5>Powerful virtual teamwork</h5>
								<p class="mb-0">Throw myself down teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card body-->
			<div class="card-body border-top p-4 bg-light">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">11:15 - 13:15PM</span>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex">
							<img src="../assets/images/avatar-3.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1 text-danger">Ludia Austin</h5>
								<h5>New leadership paradigms of Generation Y</h5>
								<p class="mb-0">
									Minim Austin 3 wolf moon scenester aesthetic, umami odio pariatur bitters. Pop-up occaecat taxidermy street art, tattooed beard literally.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card body-->
			<div class="card-body border-top p-4">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">13:30 - 14:30PM</span>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex align-items-center">
							<img src="../assets/images/food-dish.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1">Lunch</h5>
								<p class="mb-0">Five star buffet for everybody..</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card body-->
			<div class="card-body border-top p-4 bg-light">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">14:35 - 16:00PM</span>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex">
							<img src="../assets/images/avatar-4.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1 text-danger">Ernest Backman</h5>
								<h5>Agility and leadership in business</h5>
								<p class="mb-0">
									Plaid fashion axe semiotics skateboard, try-hard food truck aesthetic biodiesel exercitation. Accusamus VHS Wes Anderson Banksy food truck vero.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="tab-pane fade" id="pills-eventTwo" role="tabpanel" aria-labelledby="pills-eventTwo-tab">
		<!--card-->
		<div class="card">
			<div class="card-header bg-white">
				<!--heading-->
				<h4 class="h5 mb-0">Monday, 22th October</h4>
			</div>
			<!--card body-->
			<div class="card-body p-4">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<p class="h5">9:30 - 10:00</p>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex align-items-center">
							<img src="../assets/images/avatar-1.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1">Registration</h5>
								<p class="mb-0">Pick up your name badge and goodie bag</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card body-->
			<div class="card-body border-top p-4 bg-light">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">10:30 - 11:15AM</span>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex">
							<img src="../assets/images/avatar-2.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1 text-danger">Jay Henderson</h5>
								<h5>Powerful virtual teamwork</h5>
								<p class="mb-0">Throw myself down teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card body-->
			<div class="card-body border-top p-4">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">11:15 - 13:15PM</span>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex">
							<img src="../assets/images/avatar-3.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1 text-danger">Ludia Austin</h5>
								<h5>New leadership paradigms of Generation Y</h5>
								<p class="mb-0">
									Minim Austin 3 wolf moon scenester aesthetic, umami odio pariatur bitters. Pop-up occaecat taxidermy street art, tattooed beard literally.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card body-->
			<div class="card-body border-top p-4 bg-light">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">13:30 - 14:30PM</span>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex align-items-center">
							<img src="../assets/images/food-dish.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1">Lunch</h5>
								<p class="mb-0">Five star buffet for everybody..</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card body-->
			<div class="card-body border-top p-4">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">14:35 - 16:00PM</span>
					</div>
					<div class="col-md-9">
						<div class="d-flex">
							<!--image-->
							<img src="../assets/images/avatar-4.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1 text-danger">Ernest Backman</h5>
								<h5>Agility and leadership in business</h5>
								<p class="mb-0">
									Plaid fashion axe semiotics skateboard, try-hard food truck aesthetic biodiesel exercitation. Accusamus VHS Wes Anderson Banksy food truck vero.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="tab-pane fade" id="pills-eventThree" role="tabpanel" aria-labelledby="pills-eventThree-tab">
		<!--card-->
		<div class="card">
			<div class="card-header bg-white">
				<!--timing-->
				<h4 class="h5 mb-0">Tuesday, 23th October</h4>
			</div>
			<div class="card-body p-4">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<p class="h5">9:30 - 10:00</p>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex align-items-center">
							<img src="../assets/images/avatar-1.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1">Registration</h5>
								<p class="mb-0">Pick up your name badge and goodie bag</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card body-->
			<div class="card-body border-top p-4 bg-light">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">10:30 - 11:15AM</span>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex">
							<img src="../assets/images/avatar-2.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1 text-danger">Jay Henderson</h5>
								<h5>Powerful virtual teamwork</h5>
								<p class="mb-0">Throw myself down teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card body-->
			<div class="card-body border-top p-4">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">11:15 - 13:15PM</span>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex">
							<img src="../assets/images/avatar-3.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1 text-danger">Ludia Austin</h5>
								<h5>New leadership paradigms of Generation Y</h5>
								<p class="mb-0">
									Minim Austin 3 wolf moon scenester aesthetic, umami odio pariatur bitters. Pop-up occaecat taxidermy street art, tattooed beard literally.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card body-->
			<div class="card-body border-top p-4 bg-light">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">13:30 - 14:30PM</span>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex align-items-center">
							<img src="../assets/images/food-dish.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1">Lunch</h5>
								<p class="mb-0">Five star buffet for everybody..</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--card body-->
			<div class="card-body border-top p-4">
				<div class="row">
					<div class="col-md-3">
						<!--timing-->
						<span class="text-dark fw-bold">14:35 - 16:00PM</span>
					</div>
					<div class="col-md-9">
						<!--image-->
						<div class="d-flex">
							<img src="../assets/images/avatar-4.png" alt="avatar" class="rounded-circle avatar-xl me-5" />
							<div>
								<h5 class="mb-1 text-danger">Ernest Backman</h5>
								<h5>Agility and leadership in business</h5>
								<p class="mb-0">
									Plaid fashion axe semiotics skateboard, try-hard food truck aesthetic biodiesel exercitation. Accusamus VHS Wes Anderson Banksy food truck vero.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>

Loved by Companies

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In urna lectus, mattis non accumsan in, tempor.

“CEO Coaching helped me grow my company from a hundred million to over a billion dollars in sales. Donec id massa et libero faucibus vulputate non sit amet est. They know how to Make Big Happen!”

Bernard Henry

Executive Chairman, airbnb

"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto officiis impedit accusantium ad, veniam velit eligendi quibusdam reprehenderit sint necessitatibus, soluta temporibus consequatur quam illum."

Richard Deo

Executive Chairman, digitalocean

Minus vitae dolore error perferendis itaque recusandae atque incidunt voluptatum mollitia ut ab consequatur expedita est, accusamus autem quisquam suscipit illum quibusdam?

Jone Doe

Executive Chairman, intercom

<!--start testimonials-->
<section class="py-xxl-16 py-lg-8 py-4">
	<div class="container">
		<div class="row">
			<div class="offset-lg-3 col-lg-6 col-md-12 col-12">
				<!--heading-->
				<div class="mb-8 text-center">
					<h2 class="h1">Loved by Companies</h2>
					<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In urna lectus, mattis non accumsan in, tempor.</p>
				</div>
			</div>
			<div class="offset-lg-2 col-lg-8 col-md-12 col-12">
				<!--nav-pill-->
				<div class="custom-pill">
					<ul class="nav nav-pills nav-justified" id="pills-tab" role="tablist">
						<li class="nav-item">
							<a class="nav-link active" id="pills-airbnb-tab" data-bs-toggle="pill" href="#pills-airbnb" role="tab" aria-controls="pills-airbnb" aria-selected="true">
								<!--image-->
								<img src="../assets/images/airbnb.svg" alt="airbnb" />
							</a>
						</li>
						<li class="nav-item">
							<a
								class="nav-link"
								id="pills-digitalocean-tab"
								data-bs-toggle="pill"
								href="#pills-digitalocean"
								role="tab"
								aria-controls="pills-digitalocean"
								aria-selected="false"
							>
								<!--image-->
								<img src="../assets/images/digitalocean.svg" alt="digitalocean" />
							</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" id="pills-intercom-tab" data-bs-toggle="pill" href="#pills-intercom" role="tab" aria-controls="pills-intercom" aria-selected="false">
								<!--image-->
								<img src="../assets/images/intercom.svg" alt="intercom" />
							</a>
						</li>
					</ul>
					<!--content-->
					<div class="tab-content" id="pills-tabContent">
						<div class="tab-pane fade show active" id="pills-airbnb" role="tabpanel" aria-labelledby="pills-airbnb-tab">
							<div>
								<!--para-->
								<p class="lead text-dark mb-3">
									“CEO Coaching helped me grow my company from a hundred million to over a billion dollars in sales. Donec id massa et libero faucibus vulputate non sit amet
									est. They know how to Make Big Happen!”
								</p>
								<h5 class="mb-0">Bernard Henry</h5>
								<span class="font-12">Executive Chairman, airbnb</span>
							</div>
						</div>
						<div class="tab-pane fade" id="pills-digitalocean" role="tabpanel" aria-labelledby="pills-digitalocean-tab">
							<div>
								<!--para-->
								<p class="lead text-dark mb-3">
									"Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto officiis impedit accusantium ad, veniam velit eligendi quibusdam reprehenderit sint
									necessitatibus, soluta temporibus consequatur quam illum."
								</p>
								<h5 class="mb-0">Richard Deo</h5>
								<span class="font-12">Executive Chairman, digitalocean</span>
							</div>
						</div>
						<div class="tab-pane fade" id="pills-intercom" role="tabpanel" aria-labelledby="pills-intercom-tab">
							<div>
								<!--para-->
								<p class="lead text-dark mb-3">
									Minus vitae dolore error perferendis itaque recusandae atque incidunt voluptatum mollitia ut ab consequatur expedita est, accusamus autem quisquam suscipit
									illum quibusdam?
								</p>
								<h5 class="mb-0">Jone Doe</h5>
								<span class="font-12">Executive Chairman, intercom</span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!--end of testimonials-->