File: /home/imensosw/public_html/imenso.co/dev/sharpeagle/solution.php
<?php include 'header.php';?>
<?php include 'top-menu.php';?>
<section class="inner-banner">
<!-- <img src="images/inner_banner.png" alt="inner banner" class="w-100" /> -->
<video autoplay muted loop id="myVideo" class="w-100">
<source src="images/inner-video.mp4" type="video/mp4">
</video>
<div class="breadcrum">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="list_cnt">
<a href="index.php">Home</a> <i class="fas fa-angle-double-right"></i> <span>Solutions</span>
</div>
<h1>SharpEagle Solutions</h1>
</div>
</div>
</div>
</div>
</section>
<section class="position-relative burger">
<div class="container">
<div class="row mb-5">
<div class="col-sm-6 offset-sm-3 text-center">
<h4 class="mb-3 m_bold">Lorem ipsum dolor sit amet, </h4>
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde ut optio laboriosam vitae ratione iure blanditiis ipsa harum delectus praesentium soluta autem, repellat voluptatem illum libero earum tempore eius nemo! Animi reiciendis amet magni, placeat vitae quisquam.</p>
</div>
</div>
<div class="row">
<div class="col-12">
<h4 class="mb-3 text-center mb-4 m_bold">Our Process</h4>
<div class="process_swiper-container overflow-hidden">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="text-center process_txt">
<a href="">
<i class="fab fa-telegram-plane"></i>
<h5>Process Name</h5>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="text-center process_txt">
<a href="">
<i class="fab fa-telegram-plane"></i>
<h5>Process Name</h5>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="text-center process_txt">
<a href="">
<i class="fab fa-telegram-plane"></i>
<h5>Process Name</h5>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="text-center process_txt">
<a href="">
<i class="fab fa-telegram-plane"></i>
<h5>Process Name</h5>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="text-center process_txt">
<a href="">
<i class="fab fa-telegram-plane"></i>
<h5>Process Name</h5>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="burger_b solution_option">
<div class="container-fluid">
<div class="row align-items-center bg_light">
<div class="col-sm-6 bg_light overflow-hidden">
<div class="row">
<img src="images/img_4.jpg" class="img-fluid fit-image hover_zoom" alt="img" />
</div>
</div>
<div class="col-sm-6">
<div class="p-4">
<h4 class="m_black">LOREM IPSUM DOLOR SIT AMET </h4>
<h3>Lorem ipsum dolor sit amet </h3>
<hr />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
<a href="solution-details.php" class="mt-4 btn btn-dark">LEARN MORE</a>
</div>
</div>
</div>
<div class="row align-items-center bg_light">
<div class="col-sm-6 order-last bg_light overflow-hidden">
<div class="row">
<img src="images/img_6.jpg" class="img-fluid fit-image hover_zoom" alt="img" />
</div>
</div>
<div class="col-sm-6">
<div class="p-4">
<h4 class="m_black">LOREM IPSUM DOLOR SIT AMET </h4>
<h3>Lorem ipsum dolor sit amet </h3>
<hr />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
<a href="solution-details.php" class="mt-4 btn btn-dark">LEARN MORE</a>
</div>
</div>
</div>
<div class="row align-items-center bg_light">
<div class="col-sm-6 bg_light overflow-hidden">
<div class="row">
<img src="images/img_1.jpg" class="img-fluid fit-image hover_zoom" alt="img" />
</div>
</div>
<div class="col-sm-6">
<div class="p-4">
<h4 class="m_black">LOREM IPSUM DOLOR SIT AMET </h4>
<h3>Lorem ipsum dolor sit amet </h3>
<hr />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
<a href="solution-details.php" class="mt-4 btn btn-dark">LEARN MORE</a>
</div>
</div>
</div>
<div class="row align-items-center bg_light">
<div class="col-sm-6 order-last bg_light overflow-hidden">
<div class="row">
<img src="images/img_6.jpg" class="img-fluid fit-image hover_zoom" alt="img" />
</div>
</div>
<div class="col-sm-6">
<div class="p-4">
<h4 class="m_black">LOREM IPSUM DOLOR SIT AMET </h4>
<h3>Lorem ipsum dolor sit amet </h3>
<hr />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
<a href="solution-details.php" class="mt-4 btn btn-dark">LEARN MORE</a>
</div>
</div>
</div>
</div>
</section>
<section class="burger solution_benefits">
<div class="container">
<div class="row">
<div class="col-sm-10 offset-sm-1 mb-4">
<div class="custom_heading text-center">
<div class="text-body">
<div class="sub-head"><span>OUR</span></div>
<h2>Benefits</h2>
</div>
<p>Consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-sm-6 solution_benefits_img">
<a href="#">
<img src="images/safety.jpg" alt="images" class="img-fluid" />
</a>
</div>
<div class="col-sm-6">
<div class="vertical_swiper-container overflow-hidden">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="#" class="text-left">
<h4 class="m_bold">Lorem ipsum dolor sit amet, </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed </p>
</a>
</div>
<div class="swiper-slide">
<a href="#" class="text-left">
<h4 class="m_bold">Lorem ipsum dolor sit amet, </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed </p>
</a>
</div>
<div class="swiper-slide">
<a href="#" class="text-left">
<h4 class="m_bold">Lorem ipsum dolor sit amet, </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed </p>
</a>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</section>
<section class="bg_light video_section highlight-point">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-sm-10 offset-sm-1 mb-4">
<div class="custom_heading text-center">
<div class="text-body">
<div class="sub-head"><span>OUR</span></div>
<h2>Video Heading</h2>
</div>
<p>Consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<div class="col-sm-8 offset-sm-2">
<video id="myVideo1" controls>
<source src="images/solution.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
</section>
<section id="trusted">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-sm-6">
<div class="map burger">
<img src="images/map.png" alt="map" class="w-100" />
<div class="map_spot araiba">
<i class="fas fa-map-marker-alt active animate"></i>
<div class="address" style="display: block;">
<strong>SharpEagle (ARAIBA)</strong>
<span>Office 402, 4th Floor, Sobha Ivory Tower 2 Business Bay, Dubai – SAUDAI ARAIBA</span>
</div>
</div>
<div class="map_spot oman">
<i class="fas fa-map-marker-alt animate"></i>
<div class="address">
<strong>SharpEagle (OMAN)</strong>
<span>Office 402, 4th Floor, Sobha Ivory Tower 2 Business Bay, Dubai – OMAN</span>
</div>
</div>
<div class="map_spot uae">
<i class="fas fa-map-marker-alt animate"></i>
<div class="address">
<strong>SharpEagle (UAE)</strong>
<span>Office 402, 4th Floor, Sobha Ivory Tower 2 Business Bay, Dubai – UAE</span>
</div>
</div>
<div class="map_spot kuwait">
<i class="fas fa-map-marker-alt animate"></i>
<div class="address">
<strong>SharpEagle (KUWAIT)</strong>
<span>Office 402, 4th Floor, Sobha Ivory Tower 2 Business Bay, Dubai – KUWAIT</span>
</div>
</div>
<div class="map_spot india">
<i class="fas fa-map-marker-alt animate"></i>
<div class="address">
<strong>SharpEagle (INDIA)</strong>
<span>Office 402, 4th Floor, Sobha Ivory Tower 2 Business Bay, Dubai – INDIA</span>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="trusted-form burger">
<div class="custom_heading text-center mb-4">
<div class="text-body">
<div class="sub-head"><span>WE ARE</span></div>
<h2>TRUSTED BY MANY</h2>
</div>
<p>We can provide you with the economic data so you can make better decisions about your business.</p>
</div>
<h3 class="m_light">Send Us A Message</h3>
<form action="#" class="row">
<div class="col-sm-6">
<div class="form-group">
<input type="text" class="form-control" id="email" placeholder="Enter Your Name" name="email">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input type="text" class="form-control" id="email" placeholder="Enter Company Name" name="email">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input type="text" class="form-control" id="email" placeholder="Enter Phone Number" name="email">
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input type="email" class="form-control" id="email" placeholder="Enter Email Address" name="email">
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<textarea placeholder="Message" class="form-control" rows="2"></textarea>
</div>
</div>
<div class="col-sm-12 mt-3">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- <section data-aos="fade-up" data-aos-anchor-placement="top-center"></section> -->
<script>
var video = document.getElementById("myVideo");
var btn = document.getElementById("myBtn");
function myFunction() {
if (video.paused) {
video.play();
btn.innerHTML = "Pause";
} else {
video.pause();
btn.innerHTML = "Play";
}
}
</script>
<?php include 'footer.php';?>
<script type="text/javascript">
var swiper = new Swiper('.process_swiper-container', {
slidesPerView: 4,
spaceBetween: 20,
centeredSlides: true,
loop: true,
autoplay: {
delay: 3500,
disableOnInteraction: false,
},
});
var swiper1 = new Swiper('.vertical_swiper-container', {
direction: 'vertical',
slidesPerView: 4,
spaceBetween: 30,
loop: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
autoplay: {
delay: 3000,
disableOnInteraction: false,
},
});
$(function() {
$('.map_spot i').on('click', function() {
$('.map_spot i').removeClass("active");
$(this).addClass('active');
$('.address').slideUp();
$(this).next('.address').slideDown();
});
});
/*Menu active*/
$(document).ready(function(){
$('.top_area header .nav-item a').removeClass('active');
$("#menu_solution").addClass('active');
});
</script>