Call To Action

There are multi types of call to action.

Already working together?

log in to your account and connect with your teammates!.

									
<section class="bg-cover bg-success position-relative rounded-4" style="background:url(assets/img/nnnoise-bg.svg)no-repeat;">
	<div class="row align-items-center justify-content-center">
		<div class="col-xl-6 col-lg-8 col-md-12">

			<div class="text-center mb-5">
				<h2 class="text-light fw-semibold">Already working together?</h2>
				<p class="fs-5 text-light fw-normal">log in to your account and connect with your teammates!.</p>
			</div>

			<form class="d-block mt-3">
				<div class="row align-items-center justify-content-between bg-transparents border rounded-pill p-2 gx-0">

					<div class="col">
						<div class="form-group m-0">
							<input type="text" class="form-control text-light fs-6 fw-bold bg-transparent border-0" placeholder="youremail@address.com">
						</div>
					</div>
					<div class="col-auto">
						<div class="form-group m-0">
							<button type="button" class="btn btn-lg btn-rounded btn-whites text-primary p-0 fw-medium"><i class="fa-solid fa-arrow-right"></i></button>
						</div>
					</div>

				</div>
			</form>

		</div>
	</div>
	<div class="position-absolute top-100 start-50 translate-middle z-1">
		<ul class="p-0 d-flex align-items-center justify-content-center mx-auto gap-3">
			<li class="px-lg-2"><div class="square--60 bg-white shadow-sm p-2 circle"><img src="assets/img/team-1.jpg" class="img-fluid circle" alt=""></div></li>
			<li class="px-lg-2"><div class="square--60 bg-white shadow-sm p-2 circle"><img src="assets/img/team-2.jpg" class="img-fluid circle" alt=""></div></li>
			<li class="px-lg-2"><div class="square--60 bg-white shadow-sm p-2 circle"><img src="assets/img/team-3.jpg" class="img-fluid circle" alt=""></div></li>
			<li class="px-lg-2"><div class="square--60 bg-white shadow-sm p-2 circle"><img src="assets/img/team-4.jpg" class="img-fluid circle" alt=""></div></li>
			<li class="px-lg-2"><div class="square--60 bg-white shadow-sm p-2 circle"><img src="assets/img/team-5.jpg" class="img-fluid circle" alt=""></div></li>
		</ul>
	</div>
</section>	
									
								

Are you intrested to working with Regino?

log in to your account and connect with your teammates!.

									
<section class="bg-cover bg-success position-relative rounded-4" style="background:url(assets/img/nnnoise-bg.svg)no-repeat;">
	<div class="row align-items-center justify-content-center">
		<div class="col-xl-6 col-lg-8 col-md-12">

			<div class="text-center mb-5">
				<h2 class="text-light fw-semibold">Are you intrested to working with Regino?</h2>
				<p class="fs-5 text-light fw-normal">log in to your account and connect with your teammates!.</p>
			</div>

			<div class="d-flex align-items-center justify-content-center flex-wrap gap-3 mt-3">
				<a href="#" class="btn btn-lg btn-whites rounded-pill">Join Our Team</a>
				<a href="#" class="btn btn-lg btn-dark rounded-pill">Call Us Today</a>
			</div>

		</div>
	</div>
</section>
									
								

Are you intrested with Regino?

log in to your account and connect with your teammates!.

									
<section class="bg-cover bg-light position-relative rounded-4 px-xl-5 px-4">
	<div class="row align-items-center justify-content-center">
		<div class="col-xl-12 col-lg-12 col-md-12">
			<div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
				<div class="flex-firts text-start">
					<h2 class="fw-semibold">Are you intrested with Regino?</h2>
					<p class="fs-5 fw-normal">log in to your account and connect with your teammates!.</p>
				</div>

				<div class="flex-last">
					<a href="#" class="btn btn-lg btn-primary rounded-pill">Join Our Team</a>
				</div>
			</div>
		</div>
	</div>
</section>
									
								

Already working together?

log in to your account and connect with your teammates!.