You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
490 lines
19 KiB
490 lines
19 KiB
4 months ago
|
<!DOCTYPE html>
|
||
|
<html lang="en">
|
||
|
|
||
|
<head>
|
||
|
<meta charset="UTF-8">
|
||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
<meta name="description" content=" HTML5 Template">
|
||
|
|
||
|
<!-- Site Title -->
|
||
|
<title>Service Details</title>
|
||
|
|
||
|
<!-- Site Favicon -->
|
||
|
<link rel="icon" type="image/x-icon" href="assets/imgs/icon/favicon.png">
|
||
|
|
||
|
|
||
|
<!-- Fonts -->
|
||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
|
<link
|
||
|
href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap"
|
||
|
rel="stylesheet">
|
||
|
|
||
|
|
||
|
<!-- All CSS Files -->
|
||
|
<link rel="stylesheet" href="assets/css/all.min.css">
|
||
|
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
|
||
|
<link rel="stylesheet" href="assets/css/meanmenu.min.css">
|
||
|
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
|
||
|
<link rel="stylesheet" href="assets/css/magnific-popup.css">
|
||
|
<link rel="stylesheet" href="assets/css/aos.css">
|
||
|
<link rel="stylesheet" href="assets/css/progressbar.css">
|
||
|
<link rel="stylesheet" href="assets/css/master.css">
|
||
|
|
||
|
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
|
||
|
<!-- Preloader -->
|
||
|
<div id="preloader">
|
||
|
<div id="loader"></div>
|
||
|
</div>
|
||
|
|
||
|
<!-- Scroll to top -->
|
||
|
<button id="scroll_top" class="scroll-top"><i class="fa-solid fa-arrow-up"></i></button>
|
||
|
|
||
|
<div id="smooth-wrapper">
|
||
|
<div id="smooth-content">
|
||
|
|
||
|
<!-- Header area start -->
|
||
|
<header class="header__area pos-abs plr-100">
|
||
|
<div class="header__inner">
|
||
|
<div class="header__logo">
|
||
|
<a href="index.html"><img src="assets/imgs/logo/logo.png" alt="Site Logo"></a>
|
||
|
</div>
|
||
|
<div class="header__menu">
|
||
|
<nav class="main-menu">
|
||
|
<ul>
|
||
|
<li class="has-dropdown"><a href="#">Home</a>
|
||
|
<ul class="main-dropdown">
|
||
|
<li>
|
||
|
<a href="index.html">Home 01</a>
|
||
|
</li>
|
||
|
<li>
|
||
|
<a href="index-2.html">Home 02</a>
|
||
|
</li>
|
||
|
<li>
|
||
|
<a href="index-3.html">Home 03</a>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
<li><a href="about.html">About</a></li>
|
||
|
|
||
|
<li class="has-dropdown"><a href="#">Service</a>
|
||
|
<ul class="main-dropdown">
|
||
|
<li><a href="service.html">Service</a></li>
|
||
|
<li><a href="software-details.html">Service details</a></li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
|
||
|
<li class="has-megamenu"><a href="#">pages</a>
|
||
|
<ul class="main-dropdown">
|
||
|
<li><a href="project.html">portfolio</a></li>
|
||
|
<li><a href="project-details.html">portfolio details</a></li>
|
||
|
<li><a href="team.html">team</a></li>
|
||
|
<li><a href="team-details.html">team details</a></li>
|
||
|
<li><a href="faq.html">faq</a></li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
|
||
|
<li class="has-dropdown"><a href="#">blog</a>
|
||
|
<ul class="main-dropdown">
|
||
|
<li><a href="blog.html">Blog</a></li>
|
||
|
<li><a href="blog-grid.html">Blog Grid</a></li>
|
||
|
<li><a href="blog-details.html">blog details</a></li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
|
||
|
<li><a href="contact.html">Contact</a></li>
|
||
|
</ul>
|
||
|
</nav>
|
||
|
</div>
|
||
|
<div class="header__others">
|
||
|
<div class="header__search">
|
||
|
<button class="search-icon"><i class="fa-solid fa-magnifying-glass"></i></button>
|
||
|
<button class="search-close"><i class="fa-solid fa-xmark"></i></button>
|
||
|
</div>
|
||
|
<div class="header__offcanvas">
|
||
|
<button class="menu_icon">
|
||
|
<img src="assets/imgs/icon/menu.png" alt="Menu Icon">
|
||
|
</button>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</header>
|
||
|
|
||
|
<div class="search__form">
|
||
|
<form action="#">
|
||
|
<input type="text" name="s" placeholder="Search...">
|
||
|
</form>
|
||
|
</div>
|
||
|
<!-- Header area end -->
|
||
|
|
||
|
|
||
|
<!-- Offcanvas area start -->
|
||
|
<div class="offcanvas__area">
|
||
|
<div class="offcanvas__inner">
|
||
|
<div class="offcanvas__top">
|
||
|
<img src="assets/imgs/logo/logo2.png" alt="Logo">
|
||
|
<button id="offcanvas_close"><i class="fa-solid fa-xmark"></i></button>
|
||
|
</div>
|
||
|
<div class="offcanvas__search">
|
||
|
<form action="#">
|
||
|
<input type="text" placeholder="Search..." name="s">
|
||
|
</form>
|
||
|
</div>
|
||
|
<div class="offcanvas__menu">
|
||
|
<div class="offcanvas-menu">
|
||
|
<ul>
|
||
|
<li><a href="#">Home</a>
|
||
|
<ul>
|
||
|
<li><a href="index.html">Home 01</a></li>
|
||
|
<li><a href="index-2.html">Home 02</a></li>
|
||
|
<li><a href="index-3.html">Home 03</a></li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
<li><a href="about.html">About</a></li>
|
||
|
|
||
|
<li><a href="#">Service</a>
|
||
|
<ul>
|
||
|
<li><a href="service.html">Service</a></li>
|
||
|
<li><a href="software-details.html">Service details</a></li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
<li><a href="#">Pages</a>
|
||
|
<ul>
|
||
|
<li><a href="project.html">portfolio</a></li>
|
||
|
<li><a href="project-details.html">portfolio details</a></li>
|
||
|
<li><a href="team.html">team</a></li>
|
||
|
<li><a href="team-details.html">team details</a></li>
|
||
|
<li><a href="faq.html">faq</a></li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
<li><a href="#">blog</a>
|
||
|
<ul>
|
||
|
<li><a href="blog.html">Blog</a></li>
|
||
|
<li><a href="blog-grid.html">Blog Grid</a></li>
|
||
|
<li><a href="blog-details.html">Blog details</a></li>
|
||
|
</ul>
|
||
|
</li>
|
||
|
<li><a href="contact.html">Contact</a></li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="offcanvas__map">
|
||
|
<iframe
|
||
|
src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d1511.2499674845235!2d-73.99553882767792!3d40.75102778252164!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1686536419224!5m2!1sen!2sbd"
|
||
|
loading="lazy"></iframe>
|
||
|
</div>
|
||
|
<div class="offcanvas__btm">
|
||
|
<div class="footer__address-3">
|
||
|
<ul>
|
||
|
<li>
|
||
|
<span><i class="fa-solid fa-location-dot"></i></span>
|
||
|
<p class="text-white">Burmsille Street, MN 55337, <br>
|
||
|
United States</p>
|
||
|
</li>
|
||
|
<li>
|
||
|
<span><i class="fa-solid fa-phone"></i></span>
|
||
|
<div>
|
||
|
<a href="tel:+88014420420">+(1) 123 456 7890</a>
|
||
|
<a href="tel:+88014420420">+(1) 098 765 4321</a>
|
||
|
</div>
|
||
|
</li>
|
||
|
<li>
|
||
|
<span><i class="fa-solid fa-envelope"></i></span>
|
||
|
<div>
|
||
|
<a href="mailto:info@driller.com">info@driller.com</a>
|
||
|
<a href="mailto:info.example@driller.com">info.example@driller.com</a>
|
||
|
</div>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
<div class="footer__social-3">
|
||
|
<ul>
|
||
|
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||
|
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
|
||
|
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!-- Offcanvas area end -->
|
||
|
|
||
|
|
||
|
<main>
|
||
|
|
||
|
<!-- Breadcrumb area start -->
|
||
|
<section class="breadcrumb__area">
|
||
|
<div class="container">
|
||
|
<div class="row">
|
||
|
<div class="col-xxl-12">
|
||
|
<div class="breadcrumb__inner">
|
||
|
<div class="breadcrumb__left">
|
||
|
<h1 class="breadcrumb__title">service details</h1>
|
||
|
</div>
|
||
|
<div class="breadcrumb__right">
|
||
|
<ul>
|
||
|
<li> <a href="index.html">home</a> </li>
|
||
|
<li> <a href="software-details.html">service details</a> </li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</section>
|
||
|
<!-- Breadcrumb area end -->
|
||
|
|
||
|
|
||
|
<!-- Service Details area start -->
|
||
|
<section class="service__details-area pb-150 pt-150">
|
||
|
<div class="container">
|
||
|
|
||
|
<div class="service__details top pb-140">
|
||
|
<div class="row">
|
||
|
<div class="col-xxl-6 col-xl-6 col-lg-6">
|
||
|
<div class="img">
|
||
|
<img class="border-radius-20" src="assets/imgs/service/details/1.jpg" alt="Image">
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-xxl-6 col-xl-6 col-lg-6">
|
||
|
<div class="content">
|
||
|
<h2 class="service__details-title heading-animation">Boost your brand, boost your business!</h2>
|
||
|
<div class="p-animation">
|
||
|
<p>Corporate Payment Vantage refers use of innovative financial technologies and processes to optimize
|
||
|
payment and cash management operations for businesses. This includes tools such as virtual cards,
|
||
|
automated invoicing,</p>
|
||
|
</div>
|
||
|
<ul class="list-angle">
|
||
|
<li class="heading-animation">Corporate Payment Vantage is a modern financial approach that utilizes technology to optimize
|
||
|
payment and cash management operations.</li>
|
||
|
</ul>
|
||
|
<a class="db-btn-main-color-one btn-rollover" href="about.html">Get started <i class="fa-solid fa-arrow-right"></i></a>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="service__details mid pb-140">
|
||
|
<div class="row">
|
||
|
<div class="col-xxl-6 col-xl-6 col-lg-6">
|
||
|
<div class="content">
|
||
|
<h2 class="service__details-title heading-animation">The power of digital the reach of marketing</h2>
|
||
|
<div class="p-animation">
|
||
|
<p>In today's rapidly evolving business landscape, companies need to be agile, adaptable, and efficient
|
||
|
to stay competitive. One crucial aspect</p>
|
||
|
</div>
|
||
|
<div class="feature">
|
||
|
<div class="icon">
|
||
|
<img src="assets/imgs/icon/phone.png" alt="Icon">
|
||
|
</div>
|
||
|
<div class="info">
|
||
|
<h4 class="title">Content Forge</h4>
|
||
|
<p>Corporate Payment Vantage modern financial approach utilizes in our technology to optimize
|
||
|
payment validation ask to use </p>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="feature">
|
||
|
<div class="icon">
|
||
|
<img src="assets/imgs/icon/phone.png" alt="Icon">
|
||
|
</div>
|
||
|
<div class="info">
|
||
|
<h4 class="title">Content Forge</h4>
|
||
|
<p>Corporate Payment Vantage modern financial approach utilizes in our technology to optimize
|
||
|
payment validation ask to use </p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-xxl-6 col-xl-6 col-lg-6">
|
||
|
<div class="img">
|
||
|
<img class="border-radius-20" src="assets/imgs/service/details/2.jpg" alt="Image">
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-xxl-12">
|
||
|
<p>It is a long established fact that a reader will be distracted by the readable content of a page when
|
||
|
looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
|
||
|
distribution of letters, as opposed to using 'Content here, content here', making it look like
|
||
|
readable English. Many desktop publishing packages and web page editor Contra popular belief, Lorem
|
||
|
Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC,
|
||
|
making it over 2000 years old. Richard McClintock, a Latin profe at Hampden-Sydney College in
|
||
|
Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and
|
||
|
going through the cites of the word in classical literature</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="service__details btm">
|
||
|
<div class="row">
|
||
|
<div class="col-xxl-12">
|
||
|
<h2 class="service__details-title heading-animation">Digital marketing that <br> delivers</h2>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="row">
|
||
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||
|
<div class="more-service__item">
|
||
|
<a href=""><img src="assets/imgs/service/details/3.jpg" alt="Image"></a>
|
||
|
<div class="more-service__content">
|
||
|
<a href="">
|
||
|
<h3 class="more-service__title">Marketing</h3>
|
||
|
</a>
|
||
|
<p>How to Solve your Mobile in Development Managemetn System</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||
|
<div class="more-service__item">
|
||
|
<a href=""><img src="assets/imgs/service/details/4.jpg" alt="Image"></a>
|
||
|
<div class="more-service__content">
|
||
|
<a href="">
|
||
|
<h3 class="more-service__title">Advertising</h3>
|
||
|
</a>
|
||
|
<p>How to Solve your Mobile in Development Managemetn System</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
||
|
<div class="more-service__item">
|
||
|
<a href=""><img src="assets/imgs/service/details/5.jpg" alt="Image"></a>
|
||
|
<div class="more-service__content">
|
||
|
<a href="">
|
||
|
<h3 class="more-service__title">Content Marketing</h3>
|
||
|
</a>
|
||
|
<p>How to Solve your Mobile in Development Managemetn System</p>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</section>
|
||
|
<!-- Service Details area end -->
|
||
|
|
||
|
|
||
|
</main>
|
||
|
|
||
|
|
||
|
<!-- Footer area start -->
|
||
|
<footer class="footer__area-4">
|
||
|
<div class="footer__top-4-wrap">
|
||
|
<div class="container">
|
||
|
<div class="row">
|
||
|
<div class="col-xxl-12">
|
||
|
<div class="footer__top-4">
|
||
|
<h2 class="title">Meet The Main Pioneers <br> of Education</h2>
|
||
|
<a href="" class="db-btn-main-color-one">Read More About</a>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="footer__widgets db-bg-secondary">
|
||
|
<div class="container">
|
||
|
<div class="row">
|
||
|
<div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
|
||
|
<div class="footer__logo">
|
||
|
<a href="index.html"><img src="assets/imgs/logo/logo2.png" alt="Footer Logo"></a>
|
||
|
<p>Conditions Terms of Use Ours feturesin Services ew Guests LisitThe Team List
|
||
|
Guests LisitThe Team List</p>
|
||
|
<div class="footer__social-4">
|
||
|
<ul>
|
||
|
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
|
||
|
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
|
||
|
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
|
||
|
<div class="footer__address">
|
||
|
<h2 class="footer__title">Address</h2>
|
||
|
<ul>
|
||
|
<li>
|
||
|
<span><i class="fa-solid fa-paper-plane"></i></span>
|
||
|
<p>Old city Street,Usa <br>1212 New york-3500</p>
|
||
|
</li>
|
||
|
<li>
|
||
|
<span><i class="fa-solid fa-phone"></i></span>
|
||
|
<a href="tel:+88014420420">+88 014 420420</a>
|
||
|
</li>
|
||
|
<li>
|
||
|
<span><i class="fa-solid fa-envelope"></i></span>
|
||
|
<a href="mailto:urcompany@mail.com">urcompany@mail.com</a>
|
||
|
</li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
|
||
|
<div class="footer__service">
|
||
|
<h2 class="footer__title">More Servicve</h2>
|
||
|
<ul>
|
||
|
<li><a href="about.html">Ui Design</a></li>
|
||
|
<li><a href="about.html">Ux Design</a></li>
|
||
|
<li><a href="about.html">Digital Marketing</a></li>
|
||
|
<li><a href="about.html">Video Editing</a></li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
|
||
|
<div class="footer__newsletter">
|
||
|
<div class="footer__title">Newsletter</div>
|
||
|
<p>It is a long established fact that a reader will be distracted</p>
|
||
|
<div class="footer__rblog border-0 pb-0">
|
||
|
<a href="blog-details.html"><img src="assets/imgs/home-2/recent-2.jpg" alt="rtitle"></a>
|
||
|
<div class="footer__rcontent">
|
||
|
<span><i class="fa-solid fa-calendar-days"></i> October 19, 2022</span>
|
||
|
<a href="blog-details.html">
|
||
|
<p>The standard chunk of Lorem Ipsum</p>
|
||
|
</a>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="col-xxl-12">
|
||
|
<div class="footer__btm">
|
||
|
<div class="footer__copyright">
|
||
|
<p>© wowtheme7 2024 | All Rights Reserved</p>
|
||
|
</div>
|
||
|
<div class="footer__menu-4">
|
||
|
<ul>
|
||
|
<li><a href="about.html">Privacy Policy.</a></li>
|
||
|
<li><a href="about.html">Terms Of Condition</a></li>
|
||
|
</ul>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</footer>
|
||
|
<!-- Footer area end -->
|
||
|
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
|
||
|
<!-- All JS Files -->
|
||
|
<script src="assets/js/jquery-3.6.1.min.js"></script>
|
||
|
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
||
|
<script src="assets/js/jquery.meanmenu.min.js"></script>
|
||
|
<script src="assets/js/swiper-bundle.min.js"></script>
|
||
|
<script src="assets/js/jquery.magnific-popup.min.js"></script>
|
||
|
<script src="assets/js/counter.js"></script>
|
||
|
<script src="assets/js/progressbar.js"></script>
|
||
|
<script src="assets/js/aos.js"></script>
|
||
|
<script src="assets/js/gsap.min.js"></script>
|
||
|
<script src="assets/js/SplitText.min.js"></script>
|
||
|
<script src="assets/js/ScrollSmoother.min.js"></script>
|
||
|
<script src="assets/js/ScrollTrigger.min.js"></script>
|
||
|
<script src="assets/js/vanilla-tilt.min.js"></script>
|
||
|
<script src="assets/js/main.js"></script>
|
||
|
|
||
|
|
||
|
</body>
|
||
|
|
||
|
</html>
|