<div class="docs-wrapper">

	<div class="page-header theme-bg-dark py-5 text-center position-relative">
		<div class="theme-bg-shapes-right"></div>
		<div class="theme-bg-shapes-left"></div>
		<div class="container">
			<h1 class="page-heading single-col-max mx-auto">Ready to take payments using <?= site_config("site_name") ?></h1>
			<div class="page-intro single-col-max mx-auto">Accept payments from <?= site_config("site_name") ?> customer account using our rich API's of <?= site_config("site_name") ?> Payment Gateway. </div>
			<div class="main-search-box pt-3 d-block mx-auto">
				<form class="search-form w-100">
					<input type="text" placeholder="Search the docs..." name="search" class="form-control search-input">
					<button type="submit" class="btn search-btn" value="Search"><i class="fas fa-search"></i></button>
				</form>
			</div>
		</div>
	</div><!--//page-header-->
	<div class="page-content">
		<div class="container">
			<div class="docs-overview py-5">
				<div class="row justify-content-center">
					<div class="col-12 col-lg-4 py-3">
						<div class="card shadow-sm">
							<div class="card-body">
								<h5 class="card-title mb-3">
									<span class="theme-icon-holder card-icon-holder me-2">
										<i class="fas fa-map-signs"></i>
									</span><!--//card-icon-holder-->
									<span class="card-title-text">Introduction</span>
								</h5>
								<div class="card-text">
									<?= site_config("site_name") ?> Payment Gateway enables Merchants to receive money from their customers by temporarily redirecting them to www.<?= site_config("site_name") ?>.com.
								</div>
								<a class="card-link-mask" href="<?= base_url('developers/docs') ?>#section-1"></a>
							</div><!--//card-body-->
						</div><!--//card-->
					</div><!--//col-->
					<div class="col-12 col-lg-4 py-3">
						<div class="card shadow-sm">
							<div class="card-body">
								<h5 class="card-title mb-3">
									<span class="theme-icon-holder card-icon-holder me-2">
										<i class="fas fa-key"></i>
									</span><!--//card-icon-holder-->
									<span class="card-title-text">APIs</span>
								</h5>
								<div class="card-text">
									REST APIs are supported in two environments. Use the Sandbox environment for testing purposes, then move to the live environment for production processing.
								</div>
								<a class="card-link-mask" href="<?= base_url('developers/docs') ?>#section-2"></a>
							</div><!--//card-body-->
						</div><!--//card-->
					</div><!--//col-->
					<div class="col-12 col-lg-4 py-3">
						<div class="card shadow-sm">
							<div class="card-body">
								<h5 class="card-title mb-3">
									<span class="theme-icon-holder card-icon-holder me-2">
										<i class="fas fa-cogs fa-fw"></i>
									</span><!--//card-icon-holder-->
									<span class="card-title-text">Integration</span>
								</h5>
								<div class="card-text">
									You can integrate our payment gateway into your PHP Laravel WordPress WooCommerce sites.
								</div>
								<a class="card-link-mask" href="<?= base_url('developers/docs') ?>#section-3"></a>
							</div><!--//card-body-->
						</div><!--//card-->
					</div><!--//col-->

					<div class="col-12 col-lg-4 py-3">
						<div class="card shadow-sm">
							<div class="card-body">
								<h5 class="card-title mb-3">
									<span class="theme-icon-holder card-icon-holder me-2">
										<i class="fas fa-tablet-alt"></i>
									</span><!--//card-icon-holder-->
									<span class="card-title-text">Mobile App</span>
								</h5>
								<div class="card-text">
									Download our android mobile app and connect with your live Api Keys to verify your all transaction.
								</div>
								<a class="card-link-mask" href="<?= base_url('developers/docs') ?>#section-5"></a>
							</div><!--//card-body-->
						</div><!--//card-->
					</div><!--//col-->

				</div><!--//row-->
			</div><!--//container-->
		</div><!--//container-->
	</div><!--//page-content-->

	<section class="cta-section text-center py-5 theme-bg-dark position-relative">
		<div class="theme-bg-shapes-right"></div>
		<div class="theme-bg-shapes-left"></div>
		<div class="container">
			<h3 class="mb-2 text-white mb-3">Ready to take payments using <?= site_config("site_name") ?>?</h3>
			<div class="section-intro text-white mb-3 single-col-max mx-auto">Accept payments from <?= site_config("site_name") ?> customer account using our rich API's of <?= site_config("site_name") ?> Online Payment Gateway. Well structured and most secure payment application interfaces.</div>
			<div class="pt-3 text-center">
				<a class="btn btn-light" href="<?= base_url() ?>" target="blank">Get <?= site_config("site_name") ?> <i class="fas fa-arrow-alt-circle-right ml-2"></i></a>
			</div>
		</div>
	</section><!--//cta-section-->
</div>