Files
ChiefSoft2022/app/Views/main/home.php
T
CHIEFSOFT\ameye c0d4d82c43 new template
2024-05-25 19:09:03 -04:00

2082 lines
82 KiB
PHP

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="DSAThemes">
<meta name="description" content="Martex - Software, App, SaaS & Startup Landing Pages Pack">
<meta name="keywords" content="Responsive, HTML5, DSAThemes, Landing, Software, Mobile App, SaaS, Startup, Creative, Digital Product">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- SITE TITLE -->
<title>Martex - Software, App, SaaS & Startup Landing Pages Pack</title>
<!-- FAVICON AND TOUCH ICONS -->
<link rel="shortcut icon" href="/chiefsoft/images/favicon.ico" type="image/x-icon">
<link rel="icon" href="/chiefsoft/images/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="152x152" href="/chiefsoft/images/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="120x120" href="/chiefsoft/images/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/chiefsoft/images/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" href="/chiefsoft/images/apple-touch-icon.png">
<link rel="icon" href="/chiefsoft/images/apple-touch-icon.png" type="image/x-icon">
<!-- GOOGLE FONTS -->
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&amp;display=swap" rel="stylesheet">
<!-- BOOTSTRAP CSS -->
<link href="/chiefsoft/css/bootstrap.min.css" rel="stylesheet">
<!-- FONT ICONS -->
<link href="/chiefsoft/css/flaticon.css" rel="stylesheet">
<!-- PLUGINS STYLESHEET -->
<link href="/chiefsoft/css/menu.css" rel="stylesheet">
<link id="effect" href="/chiefsoft/css/dropdown-effects/fade-down.css" media="all" rel="stylesheet">
<link href="/chiefsoft/css/magnific-popup.css" rel="stylesheet">
<link href="/chiefsoft/css/owl.carousel.min.css" rel="stylesheet">
<link href="/chiefsoft/css/owl.theme.default.min.css" rel="stylesheet">
<link href="/chiefsoft/css/lunar.css" rel="stylesheet">
<!-- ON SCROLL ANIMATION -->
<link href="/chiefsoft/css/animate.css" rel="stylesheet">
<!-- TEMPLATE CSS -->
<!-- <link href="/chiefsoft/css/blue-theme.css" rel="stylesheet"> -->
<link href="/chiefsoft/css/crocus-theme.css" rel="stylesheet">
<!-- <link href="/chiefsoft/css/green-theme.css" rel="stylesheet"> -->
<!-- <link href="/chiefsoft/css/magenta-theme.css" rel="stylesheet"> -->
<!-- <link href="/chiefsoft/css/pink-theme.css" rel="stylesheet"> -->
<!-- <link href="/chiefsoft/css/purple-theme.css" rel="stylesheet"> -->
<!-- <link href="/chiefsoft/css/skyblue-theme.css" rel="stylesheet"> -->
<!-- <link href="/chiefsoft/css/red-theme.css" rel="stylesheet"> -->
<!-- <link href="/chiefsoft/css/violet-theme.css" rel="stylesheet"> -->
<!-- RESPONSIVE CSS -->
<link href="/chiefsoft/css/responsive.css" rel="stylesheet">
</head>
<body>
<!-- PAGE CONTENT
============================================= -->
<div id="page" class="page font--jakarta">
<!-- HEADER
============================================= -->
<header id="header" class="tra-menu navbar-dark white-scroll">
<div class="header-wrapper">
<!-- MOBILE HEADER -->
<div class="wsmobileheader clearfix">
<span class="smllogo"><img src="/chiefsoft/images/logo-purple.png" alt="mobile-logo"></span>
<a id="wsnavtoggle" class="wsanimated-arrow"><span></span></a>
</div>
<!-- NAVIGATION MENU -->
<div class="wsmainfull menu clearfix">
<div class="wsmainwp clearfix">
<!-- HEADER BLACK LOGO -->
<div class="desktoplogo">
<a href="#hero-7" class="logo-black"><img src="/chiefsoft/images/logo-purple.png" alt="logo"></a>
</div>
<!-- HEADER WHITE LOGO -->
<div class="desktoplogo">
<a href="#hero-7" class="logo-white"><img src="/chiefsoft/images/logo-purple-white.png" alt="logo"></a>
</div>
<!-- MAIN MENU -->
<nav class="wsmenu clearfix">
<ul class="wsmenu-list nav-theme">
<!-- DROPDOWN SUB MENU -->
<li aria-haspopup="true"><a href="#" class="h-link">About <span class="wsarrow"></span></a>
<ul class="sub-menu">
<li aria-haspopup="true"><a href="#lnk-1">Why Martex?</a></li>
<li aria-haspopup="true"><a href="#features-2">Best Solutions</a></li>
<li aria-haspopup="true"><a href="#lnk-2">Integrations</a></li>
<li aria-haspopup="true"><a href="#lnk-3">How It Works</a></li>
<li aria-haspopup="true"><a href="#reviews-2">Testimonials</a></li>
</ul>
</li>
<!-- SIMPLE NAVIGATION LINK -->
<li class="nl-simple" aria-haspopup="true"><a href="#features-13" class="h-link">Features</a></li>
<!-- MEGAMENU -->
<li aria-haspopup="true" class="mg_link"><a href="#" class="h-link">Pages <span class="wsarrow"></span></a>
<div class="wsmegamenu w-75 clearfix">
<div class="container">
<div class="row">
<!-- MEGAMENU LINKS -->
<ul class="col-md-12 col-lg-3 link-list">
<li class="fst-li"><a href="about.html">About Us</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a href="careers.html">Careers <span class="sm-info">4</span></a></li>
<li><a href="career-role.html">Career Details</a></li>
<li><a href="contacts.html">Contact Us</a></li>
</ul>
<!-- MEGAMENU LINKS -->
<ul class="col-md-12 col-lg-3 link-list">
<li><a href="features.html">Core Features</a></li>
<li class="fst-li"><a href="projects.html">Our Projects</a></li>
<li><a href="project-details.html">Project Details</a></li>
<li><a href="reviews.html">Testimonials</a></li>
<li><a href="download.html">Download Page</a></li>
</ul>
<!-- MEGAMENU LINKS -->
<ul class="col-md-12 col-lg-3 link-list">
<li class="fst-li"><a href="pricing-1.html">Pricing Page #1</a></li>
<li><a href="pricing-1.html">Pricing Page #2</a></li>
<li><a href="faqs.html">FAQs Page</a></li>
<li><a href="help-center.html">Help Center</a></li>
<li><a href="404.html">404 Page</a></li>
</ul>
<!-- MEGAMENU LINKS -->
<ul class="col-md-12 col-lg-3 link-list">
<li class="fst-li"><a href="blog-listing.html">Blog Listing</a></li>
<li><a href="single-post.html">Single Blog Post</a></li>
<li><a href="login-2.html">Login Page</a></li>
<li><a href="signup-2.html">Signup Page</a></li>
<li><a href="reset-password.html">Reset Password</a></li>
</ul>
</div> <!-- End row -->
</div> <!-- End container -->
</div> <!-- End wsmegamenu -->
</li> <!-- END MEGAMENU -->
<!-- SIMPLE NAVIGATION LINK -->
<li class="nl-simple" aria-haspopup="true"><a href="pricing-1.html" class="h-link">Pricing</a></li>
<!-- SIMPLE NAVIGATION LINK -->
<li class="nl-simple" aria-haspopup="true"><a href="#faqs-3" class="h-link">FAQs</a></li>
<!-- SIGN IN LINK -->
<li class="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
<a href="login-2.html" class="h-link">Sign in</a>
</li>
<!-- SIGN UP BUTTON -->
<li class="nl-simple" aria-haspopup="true">
<a href="signup-2.html" class="btn r-04 btn--theme hover--theme last-link">Sign up</a>
</li>
</ul>
</nav> <!-- END MAIN MENU -->
</div>
</div> <!-- END NAVIGATION MENU -->
</div> <!-- End header-wrapper -->
</header> <!-- END HEADER -->
<!-- HERO-7
============================================= -->
<section id="hero-7" class="gr--perl hero-section">
<div class="hero-overlay">
<div class="container">
<div class="row d-flex align-items-center">
<!-- HERO TEXT -->
<div class="col-md-6">
<div class="hero-7-txt wow fadeInRight">
<!-- Title -->
<h2 class="s-54 w-700">Design, Development &amp; Management of Enterprise Solutions</h2>
<!-- Text -->
<p class="p-lg">Mauris donec ociis magnis sapien ipsum sagittis sapien tempor and volute
gravida aliquet quaerat vitae
</p>
<!-- Text -->
<p class="p-sm btn-txt ico-15">
<span class="flaticon-check"></span> No credit card needed, free 14-day trial
</p>
</div>
</div> <!-- END HERO TEXT -->
<!-- HERO IMAGE -->
<div class="col-md-6">
<div class="hero-7-img text-center wow fadeInLeft">
<img class="img-fluid" src="/chiefsoft/images/img-06.png" alt="hero-image">
</div>
</div>
</div> <!-- End row -->
</div> <!-- End container -->
</div> <!-- End hero-overlay -->
</section> <!-- END HERO-7 -->
<!-- FEATURES-6
============================================= -->
<section id="features-6" class="pb-100 features-section division">
<div class="container">
<!-- FEATURES-6 WRAPPER -->
<div class="fbox-wrapper text-center">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4">
<!-- FEATURE BOX #1 -->
<div class="col">
<div class="fbox-6 fb-1 wow fadeInUp">
<!-- Icon -->
<div class="fbox-ico ico-55">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<span class="flaticon-graphics"></span>
<!-- Shape -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h6 class="s-20 w-700">Market Research</h6>
<p>Luctus augue egestas undo ultrice and quisque lacus</p>
</div>
</div>
</div> <!-- END FEATURE BOX #1 -->
<!-- FEATURE BOX #2 -->
<div class="col">
<div class="fbox-6 fb-2 wow fadeInUp">
<!-- Icon -->
<div class="fbox-ico ico-55">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<span class="flaticon-idea"></span>
<!-- Shape -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h6 class="s-20 w-700">User Experience</h6>
<p>Luctus augue egestas undo ultrice and quisque lacus</p>
</div>
</div>
</div> <!-- END FEATURE BOX #2 -->
<!-- FEATURE BOX #3 -->
<div class="col">
<div class="fbox-6 fb-3 wow fadeInUp">
<!-- Icon -->
<div class="fbox-ico ico-55">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<span class="flaticon-graphic"></span>
<!-- Shape -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h6 class="s-20 w-700">Digital Marketing</h6>
<p>Luctus augue egestas undo ultrice and quisque lacus</p>
</div>
</div>
</div> <!-- END FEATURE BOX #3 -->
<!-- FEATURE BOX #4 -->
<div class="col">
<div class="fbox-6 fb-4 wow fadeInUp">
<!-- Icon -->
<div class="fbox-ico ico-55">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<span class="flaticon-search-engine-1"></span>
<!-- Shape -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h6 class="s-20 w-700">SEO Services</h6>
<p>Luctus augue egestas undo ultrice and quisque lacus</p>
</div>
</div>
</div> <!-- END FEATURE BOX #4 -->
</div> <!-- End row -->
</div> <!-- END FEATURES-6 WRAPPER -->
</div> <!-- End container -->
</section> <!-- END FEATURES-6 -->
<section id="features-6" class="pb-100 features-section division">
<div class="container">
<!-- FEATURES-6 WRAPPER -->
<div class="fbox-wrapper text-center">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4">
<!-- FEATURE BOX #1 -->
<div class="col">
<div class="fbox-6 fb-1 wow fadeInUp">
<!-- Icon -->
<div class="fbox-ico ico-55">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<span class="flaticon-graphics"></span>
<!-- Shape -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h6 class="s-20 w-700">Market Research</h6>
<p>Luctus augue egestas undo ultrice and quisque lacus</p>
</div>
</div>
</div> <!-- END FEATURE BOX #1 -->
<!-- FEATURE BOX #2 -->
<div class="col">
<div class="fbox-6 fb-2 wow fadeInUp">
<!-- Icon -->
<div class="fbox-ico ico-55">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<span class="flaticon-idea"></span>
<!-- Shape -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h6 class="s-20 w-700">User Experience</h6>
<p>Luctus augue egestas undo ultrice and quisque lacus</p>
</div>
</div>
</div> <!-- END FEATURE BOX #2 -->
<!-- FEATURE BOX #3 -->
<div class="col">
<div class="fbox-6 fb-3 wow fadeInUp">
<!-- Icon -->
<div class="fbox-ico ico-55">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<span class="flaticon-graphic"></span>
<!-- Shape -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h6 class="s-20 w-700">Digital Marketing</h6>
<p>Luctus augue egestas undo ultrice and quisque lacus</p>
</div>
</div>
</div> <!-- END FEATURE BOX #3 -->
<!-- FEATURE BOX #4 -->
<div class="col">
<div class="fbox-6 fb-4 wow fadeInUp">
<!-- Icon -->
<div class="fbox-ico ico-55">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<span class="flaticon-search-engine-1"></span>
<!-- Shape -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h6 class="s-20 w-700">SEO Services</h6>
<p>Luctus augue egestas undo ultrice and quisque lacus</p>
</div>
</div>
</div> <!-- END FEATURE BOX #4 -->
</div> <!-- End row -->
</div> <!-- END FEATURES-6 WRAPPER -->
</div> <!-- End container -->
</section> <!-- END FEATURES-6 -->
<!-- DIVIDER LINE -->
<hr class="divider">
<!-- TEXT CONTENT
============================================= -->
<section id="lnk-1" class="pt-100 ct-02 content-section division">
<div class="container">
<!-- SECTION CONTENT (ROW) -->
<div class="row d-flex align-items-center">
<!-- IMAGE BLOCK -->
<div class="col-md-6">
<div class="img-block left-column wow fadeInRight">
<img class="img-fluid" src="/chiefsoft/images/img-07.png" alt="content-image">
</div>
</div>
<!-- TEXT BLOCK -->
<div class="col-md-6">
<div class="txt-block right-column wow fadeInLeft">
<!-- Section ID -->
<span class="section-id">Strategies that work</span>
<!-- Title -->
<h2 class="s-46 w-700">Right strategies & implementations</h2>
<!-- Text -->
<p>Nemo ipsam egestas volute turpis egestas ipsum and purus sapien ultrice an aliquam quaerat
ipsum augue turpis sapien cursus congue magna purus quaerat at ligula purus egestas magna
cursus undo varius purus magnis sapien quaerat
</p>
<!-- Small Title -->
<h5 class="s-24 w-700">Get more done in less time</h5>
<!-- List -->
<ul class="simple-list">
<li class="list-item">
<p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
aliquam undo congue cursus dolor
</p>
</li>
<li class="list-item">
<p class="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
sapien turpis ultrice auctor congue magna placerat
</p>
</li>
</ul>
</div>
</div> <!-- END TEXT BLOCK -->
</div> <!-- END SECTION CONTENT (ROW) -->
</div> <!-- End container -->
</section> <!-- END TEXT CONTENT -->
<!-- TEXT CONTENT
============================================= -->
<section class="pt-100 ct-04 content-section division">
<div class="container">
<!-- SECTION CONTENT (ROW) -->
<div class="row d-flex align-items-center">
<!-- TEXT BLOCK -->
<div class="col-md-6 order-last order-md-2">
<div class="txt-block left-column wow fadeInRight">
<!-- CONTENT BOX #1 -->
<div class="cbox-2 process-step">
<!-- Icon -->
<div class="ico-wrap">
<div class="cbox-2-ico bg--theme color--white">1</div>
<span class="cbox-2-line"></span>
</div>
<!-- Text -->
<div class="cbox-2-txt">
<h5 class="s-22 w-700">Simplify. Optimize. Automate</h5>
<p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
</p>
</div>
</div> <!-- END CONTENT BOX #1 -->
<!-- CONTENT BOX #2 -->
<div class="cbox-2 process-step">
<!-- Icon -->
<div class="ico-wrap">
<div class="cbox-2-ico bg--theme color--white">2</div>
<span class="cbox-2-line"></span>
</div>
<!-- Text -->
<div class="cbox-2-txt">
<h5 class="s-22 w-700">Weekly Email Reports</h5>
<p>Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum purus sapien
quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula quaerat
</p>
</div>
</div> <!-- END CONTENT BOX #2 -->
<!-- CONTENT BOX #3 -->
<div class="cbox-2 process-step">
<!-- Icon -->
<div class="ico-wrap">
<div class="cbox-2-ico bg--theme color--white">3</div>
</div>
<!-- Text -->
<div class="cbox-2-txt">
<h5 class="s-22 w-700">No Personal Data Collected</h5>
<p class="mb-0">Ligula risus auctor tempus feugiat dolor lacinia nemo purus in lipsum
purus sapien quaerat a primis viverra tellus vitae luctus dolor ipsum neque ligula
quaerat
</p>
</div>
</div> <!-- END CONTENT BOX #3 -->
</div>
</div> <!-- END TEXT BLOCK -->
<!-- IMAGE BLOCK -->
<div class="col-md-6 order-first order-md-2">
<div class="img-block wow fadeInLeft">
<img class="img-fluid" src="/chiefsoft/images/tablet-01.png" alt="content-image">
</div>
</div>
</div> <!-- END SECTION CONTENT (ROW) -->
</div> <!-- End container -->
</section> <!-- END TEXT CONTENT -->
<!-- FEATURES-2
============================================= -->
<section id="features-2" class="pt-90 features-section division">
<div class="container">
<!-- SECTION TITLE -->
<div class="row justify-content-center">
<div class="col-md-10 col-lg-9">
<div class="section-title mb-80">
<!-- Title -->
<h2 class="s-50 w-700">Track the progress towards objectives with key results</h2>
<!-- Text -->
<p class="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
</div>
</div>
</div>
<!-- FEATURES-2 WRAPPER -->
<div class="fbox-wrapper text-center">
<div class="row row-cols-1 row-cols-md-3">
<!-- FEATURE BOX #1 -->
<div class="col">
<div class="fbox-2 fb-1 wow fadeInUp">
<!-- Image -->
<div class="fbox-img gr--whitesmoke h-175">
<img class="img-fluid" src="/chiefsoft/images/f_01.png" alt="feature-image">
</div>
<!-- Text -->
<div class="fbox-txt">
<h6 class="s-22 w-700">Intuitive Dashboard</h6>
<p>Luctus egestas augue undo ultrice aliquam in lacus congue dapibus</p>
</div>
</div>
</div> <!-- END FEATURE BOX #1 -->
<!-- FEATURE BOX #2 -->
<div class="col">
<div class="fbox-2 fb-2 wow fadeInUp">
<!-- Image -->
<div class="fbox-img gr--whitesmoke h-175">
<img class="img-fluid" src="/chiefsoft/images/f_02.png" alt="feature-image">
</div>
<!-- Text -->
<div class="fbox-txt">
<h6 class="s-22 w-700">Engagement Analysis</h6>
<p>Tempor laoreet augue undo ultrice aliquam in lacusq luctus feugiat</p>
</div>
</div>
</div> <!-- END FEATURE BOX #2 -->
<!-- FEATURE BOX #3 -->
<div class="col">
<div class="fbox-2 fb-3 wow fadeInUp">
<!-- Image -->
<div class="fbox-img gr--whitesmoke h-175">
<img class="img-fluid" src="/chiefsoft/images/f_03.png" alt="feature-image">
</div>
<!-- Text -->
<div class="fbox-txt">
<h6 class="s-22 w-700">Advanced Security</h6>
<p>Egestas luctus augue undo ultrice aliquam in lacus feugiat cursus</p>
</div>
</div>
</div> <!-- END FEATURE BOX #3 -->
</div> <!-- End row -->
</div> <!-- END FEATURES-2 WRAPPER -->
</div> <!-- End container -->
</section> <!-- END FEATURES-2 -->
<!-- BOX CONTENT
============================================= -->
<section class="pt-100 ws-wrapper content-section">
<div class="container">
<div class="bc-1-wrapper bg--02 bg--fixed r-16">
<div class="section-overlay">
<div class="row d-flex align-items-center">
<!-- IMAGE BLOCK -->
<div class="col-md-6">
<div class="img-block left-column wow fadeInRight">
<img class="img-fluid" src="/chiefsoft/images/img-09.png" alt="content-image">
</div>
</div>
<!-- TEXT BLOCK -->
<div class="col-md-6">
<div class="txt-block right-column wow fadeInLeft">
<!-- Section ID -->
<span class="section-id">One-Stop Solution</span>
<!-- Title -->
<h2 class="s-46 w-700">Smart solutions, real-time results</h2>
<!-- Text -->
<p>Sodales tempor sapien quaerat congue eget ipsum laoreet turpis neque auctor
vitae eros dolor luctus placerat magna ligula cursus and purus pretium
</p>
<!-- Small Title -->
<h5 class="s-24 w-700 h5-title">The smarter way to work</h5>
<!-- Text -->
<p class="mb-0">Sapien tempor sodales quaerat ipsum undo congue laoreet turpis neque
auctor turpis vitae dolor luctus placerat magna and ligula cursus purus vitae
</p>
</div>
</div> <!-- END TEXT BLOCK -->
</div> <!-- End row -->
</div> <!-- End section overlay -->
</div> <!-- End content wrapper -->
</div> <!-- End container -->
</section> <!-- END BOX CONTENT -->
<!-- TEXT CONTENT
============================================= -->
<section id="lnk-2" class="pt-100 ct-01 content-section division">
<div class="container">
<!-- SECTION CONTENT (ROW) -->
<div class="row d-flex align-items-center">
<!-- TEXT BLOCK -->
<div class="col-md-6 order-last order-md-2">
<div class="txt-block left-column wow fadeInRight">
<!-- TEXT BOX -->
<div class="txt-box">
<!-- Title -->
<h5 class="s-24 w-700">Solution that grows with you</h5>
<!-- Text -->
<p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
</p>
</div> <!-- END TEXT BOX -->
<!-- TEXT BOX -->
<div class="txt-box mb-0">
<!-- Title -->
<h5 class="s-24 w-700">Connect your data sources</h5>
<!-- Text -->
<p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
purus
</p>
<!-- List -->
<ul class="simple-list">
<li class="list-item">
<p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
aliquam undo congue dolor cursus
</p>
</li>
<li class="list-item">
<p class="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
sapien turpis ultrice auctor congue magna placerat
</p>
</li>
</ul>
</div> <!-- END TEXT BOX -->
</div>
</div> <!-- END TEXT BLOCK -->
<!-- IMAGE BLOCK -->
<div class="col-md-6 order-first order-md-2">
<div class="img-block right-column wow fadeInLeft">
<img class="img-fluid" src="/chiefsoft/images/img-05.png" alt="content-image">
</div>
</div>
</div> <!-- END SECTION CONTENT (ROW) -->
</div> <!-- End container -->
</section> <!-- END TEXT CONTENT -->
<!-- STATISTIC-1
============================================= -->
<div id="statistic-1" class="py-100 statistic-section division">
<div class="container">
<!-- STATISTIC-1 WRAPPER -->
<div class="statistic-1-wrapper">
<div class="row justify-content-md-center row-cols-1 row-cols-md-3">
<!-- STATISTIC BLOCK #1 -->
<div class="col">
<div id="sb-1-1" class="wow fadeInUp">
<div class="statistic-block">
<!-- Digit -->
<div class="statistic-block-digit text-center">
<h2 class="s-46 statistic-number"><span class="count-element">89</span>k</h2>
</div>
<!-- Text -->
<div class="statistic-block-txt color--grey">
<p class="p-md">Porta justo integer and velna vitae auctor</p>
</div>
</div>
</div>
</div> <!-- END STATISTIC BLOCK #1 -->
<!-- STATISTIC BLOCK #2 -->
<div class="col">
<div id="sb-1-2" class="wow fadeInUp">
<div class="statistic-block">
<!-- Digit -->
<div class="statistic-block-digit text-center">
<h2 class="s-46 statistic-number"><span class="count-element">76</span>%</h2>
</div>
<!-- Text -->
<div class="statistic-block-txt color--grey">
<p class="p-md">Ligula magna suscipit vitae and rutrum</p>
</div>
</div>
</div>
</div> <!-- END STATISTIC BLOCK #2 -->
<!-- STATISTIC BLOCK #3 -->
<div class="col">
<div id="sb-1-3" class="wow fadeInUp">
<div class="statistic-block">
<!-- Digit -->
<div class="statistic-block-digit text-center">
<h2 class="s-46 statistic-number">
<span class="count-element">4</span>.<span class="count-element">93</span>
</h2>
</div>
<!-- Text -->
<div class="statistic-block-txt color--grey">
<p class="p-md">Sagittis congue augue egestas an egestas</p>
</div>
</div>
</div>
</div> <!-- END STATISTIC BLOCK #3 -->
</div> <!-- End row -->
</div> <!-- END STATISTIC-1 WRAPPER -->
</div> <!-- End container -->
</div> <!-- END STATISTIC-1 -->
<!-- DIVIDER LINE -->
<hr class="divider">
<!-- FEATURES-13
============================================= -->
<section id="features-13" class="shape--bg shape--white-500 pt-100 features-section division">
<div class="container">
<div class="row d-flex align-items-center">
<!-- FEATURES-13 WRAPPER -->
<div class="col-md-7 order-last order-md-2">
<div class="fbox-13-wrapper wow fadeInRight">
<div class="row">
<div class="col-md-6">
<!-- FEATURE BOX #1 -->
<div id="fb-12-1" class="fbox-12 bg--white-100 block-shadow r-12 mb-30">
<!-- Icon -->
<div class="fbox-ico ico-50">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<span class="flaticon-layers-1"></span>
<!-- Shape -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h5 class="s-19 w-700">Content Marketing</h5>
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
</div>
</div>
<!-- FEATURE BOX #2 -->
<div id="fb-12-2" class="fbox-12 bg--white-100 block-shadow r-12">
<!-- Icon -->
<div class="fbox-ico ico-50">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<span class="flaticon-tutorial"></span>
<!-- Shape -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h5 class="s-19 w-700">Video Marketing</h5>
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
</div>
</div>
</div>
<div class="col-md-6">
<!-- FEATURE BOX #3 -->
<div id="fb-12-3" class="fbox-12 bg--white-100 block-shadow r-12 mb-30">
<!-- Icon -->
<div class="fbox-ico ico-50">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<span class="flaticon-pay-per-click"></span>
<!-- Shape -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h5 class="s-19 w-700">Pay Per Click (PPC)</h5>
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
</div>
</div>
<!-- FEATURE BOX #4 -->
<div id="fb-12-4" class="fbox-12 bg--white-100 block-shadow r-12">
<!-- Icon -->
<div class="fbox-ico ico-50">
<div class="shape-ico color--theme">
<!-- Vector Icon -->
<span class="flaticon-taxes"></span>
<!-- Shape -->
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
<path d="M69.8,-23C76.3,-2.7,57.6,25.4,32.9,42.8C8.1,60.3,-22.7,67,-39.1,54.8C-55.5,42.7,-57.5,11.7,-48.6,-11.9C-39.7,-35.5,-19.8,-51.7,5.9,-53.6C31.7,-55.6,63.3,-43.2,69.8,-23Z" transform="translate(100 100)" />
</svg>
</div>
</div> <!-- End Icon -->
<!-- Text -->
<div class="fbox-txt">
<h5 class="s-19 w-700">Business Analytics</h5>
<p>Porta semper lacus and cursus feugiat at primis ultrice a ligula auctor</p>
</div>
</div>
</div>
</div>
</div> <!-- End row -->
</div> <!-- END FEATURES-13 WRAPPER -->
<!-- TEXT BLOCK -->
<div class="col-md-5 order-first order-md-2">
<div class="txt-block left-column wow fadeInLeft">
<!-- Section ID -->
<span class="section-id">Access Control</span>
<!-- Title -->
<h2 class="s-46 w-700">Control data access with ease</h2>
<!-- Text -->
<p>Sodales tempor sapien quaerat ipsum and congue undo laoreet turpis neque auctor turpis
vitae dolor luctus placerat magna ligula and cursus vitae
</p>
<!-- List -->
<ul class="simple-list">
<li class="list-item">
<p>Tempor sapien quaerat undo ipsum laoreet diam purus sapien a dolor ociis ultrice
ipsum aliquam
</p>
</li>
<li class="list-item">
<p class="mb-0">Cursus purus suscipit vitae cubilia magnis diam volute egestas
sapien ultrice auctor
</p>
</li>
</ul>
</div>
</div> <!-- END TEXT BLOCK -->
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- END FEATURES-13 -->
<!-- TEXT CONTENT
============================================= -->
<section class="pt-100 ct-01 content-section division">
<div class="container">
<!-- SECTION CONTENT (ROW) -->
<div class="row d-flex align-items-center">
<!-- TEXT BLOCK -->
<div class="col-md-6 order-last order-md-2">
<div class="txt-block left-column wow fadeInRight">
<!-- Section ID -->
<span class="section-id">Easy Integration</span>
<!-- Title -->
<h2 class="s-46 w-700">Plug your essential tools in few clicks</h2>
<!-- List -->
<ul class="simple-list">
<li class="list-item">
<p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien turpis
sodales magna undo aoreet primis
</p>
</li>
<li class="list-item">
<p class="mb-0">Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an
ultrice ipsum aliquam undo congue dolor cursus purus congue and ipsum purus sapien
a blandit
</p>
</li>
</ul>
</div>
</div> <!-- END TEXT BLOCK -->
<!-- IMAGE BLOCK -->
<div class="col-md-6 order-first order-md-2">
<div class="img-block right-column wow fadeInLeft">
<img class="img-fluid" src="/chiefsoft/images/img-02.png" alt="content-image">
</div>
</div>
</div> <!-- END SECTION CONTENT (ROW) -->
</div> <!-- End container -->
</section> <!-- END TEXT CONTENT -->
<!-- BOX CONTENT
============================================= -->
<section id="lnk-3" class="pt-100 ws-wrapper content-section">
<div class="container">
<div class="bc-5-wrapper bg--04 hidd bg--fixed r-16">
<div class="section-overlay">
<!-- SECTION TITLE -->
<div class="row justify-content-center">
<div class="col-md-11 col-lg-9">
<div class="section-title wow fadeInUp mb-60">
<!-- Title -->
<h2 class="s-50 w-700">Build a customer-centric marketing strategy</h2>
<!-- Text -->
<p class="p-xl">Aliquam a augue suscipit luctus neque purus ipsum neque diam
dolor primis libero tempus, blandit and cursus varius and magnis sodales
</p>
</div>
</div>
</div>
<!-- IMAGE BLOCK -->
<div class="row justify-content-center">
<div class="col">
<div class="bc-5-img bc-5-tablet img-block-hidden video-preview wow fadeInUp">
<!-- Play Icon -->
<a class="video-popup1" href="https://www.youtube.com/embed/SZEflIVnhH8">
<div class="video-btn video-btn-xl bg--theme">
<div class="video-block-wrapper"><span class="flaticon-play-button"></span></div>
</div>
</a>
<!-- Preview Image -->
<img class="img-fluid" src="/chiefsoft/images/tablet-02.png" alt="content-image">
</div>
</div>
</div>
</div> <!-- End section overlay -->
</div> <!-- End content wrapper -->
</div> <!-- End container -->
</section> <!-- END BOX CONTENT -->
<!-- TESTIMONIALS-2
============================================= -->
<section id="reviews-2" class="pt-100 reviews-section">
<div class="container">
<!-- SECTION TITLE -->
<div class="row justify-content-center">
<div class="col-md-10 col-lg-9">
<div class="section-title mb-70">
<!-- Title -->
<h2 class="s-50 w-700">Our Happy Customers</h2>
<!-- Text -->
<p class="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
</div>
</div>
</div>
<!-- TESTIMONIALS-2 WRAPPER -->
<div class="reviews-2-wrapper rel shape--02 shape--whitesmoke">
<div class="row align-items-center row-cols-1 row-cols-md-2">
<!-- TESTIMONIAL #1 -->
<div class="col">
<div id="rw-2-1" class="review-2 bg--white-100 block-shadow r-08">
<!-- Quote Icon -->
<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>
<!-- Text -->
<div class="review-txt">
<!-- Text -->
<p>Quaerat sodales sapien euismod blandit aliquet ipsum primis undo and cubilia
laoreet augue and luctus magna dolor luctus egestas sapien vitae
</p>
<!-- Author -->
<div class="author-data clearfix">
<!-- Avatar -->
<div class="review-avatar">
<img src="/chiefsoft/images/review-author-1.jpg" alt="review-avatar">
</div>
<!-- Data -->
<div class="review-author">
<h6 class="s-18 w-700">Scott Boxer</h6>
<p class="p-sm">@scott_boxer</p>
</div>
</div> <!-- End Author -->
</div> <!-- End Text -->
</div>
</div> <!-- END TESTIMONIAL #1 -->
<!-- TESTIMONIAL #2 -->
<div class="col">
<div id="rw-2-2" class="review-2 bg--white-100 block-shadow r-08">
<!-- Quote Icon -->
<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>
<!-- Text -->
<div class="review-txt">
<!-- Text -->
<p>At sagittis congue augue and magna ipsum vitae a purus ipsum primis diam a
cubilia laoreet augue egestas luctus a donec vitae ultrice ligula magna suscipit
lectus gestas augue into cubilia
</p>
<!-- Author -->
<div class="author-data clearfix">
<!-- Avatar -->
<div class="review-avatar">
<img src="/chiefsoft/images/review-author-2.jpg" alt="review-avatar">
</div>
<!-- Data -->
<div class="review-author">
<h6 class="s-18 w-700">Joel Peterson</h6>
<p class="p-sm">Internet Surfer</p>
</div>
</div> <!-- End Author -->
</div> <!-- End Text -->
</div>
</div> <!-- END TESTIMONIAL #2 -->
<!-- TESTIMONIAL #3 -->
<div class="col">
<div id="rw-2-3" class="review-2 bg--white-100 block-shadow r-08">
<!-- Quote Icon -->
<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>
<!-- Text -->
<div class="review-txt">
<!-- Text -->
<p>An augue cubilia laoreet magna suscipit egestas and ipsum a lectus purus ipsum
primis and augue ultrice ligula and egestas a suscipit lectus gestas undo auctor
tempus feugiat impedit quaerat
</p>
<!-- Author -->
<div class="author-data clearfix">
<!-- Avatar -->
<div class="review-avatar">
<img src="/chiefsoft/images/review-author-5.jpg" alt="review-avatar">
</div>
<!-- Data -->
<div class="review-author">
<h6 class="s-18 w-700">Jennifer Harper</h6>
<p class="p-sm">App Developer</p>
</div>
</div> <!-- End Author -->
</div> <!-- End Text -->
</div>
</div> <!-- END TESTIMONIAL #3 -->
<!-- TESTIMONIAL #4 -->
<div class="col">
<div id="rw-2-4" class="review-2 bg--white-100 block-shadow r-08">
<!-- Quote Icon -->
<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>
<!-- Text -->
<div class="review-txt">
<!-- Text -->
<p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna
suscipit luctus dolor blandit at purus tempus feugiat impedit
</p>
<!-- Author -->
<div class="author-data clearfix">
<!-- Avatar -->
<div class="review-avatar">
<img src="/chiefsoft/images/review-author-8.jpg" alt="review-avatar">
</div>
<!-- Data -->
<div class="review-author">
<h6 class="s-18 w-700">Evelyn Martinez</h6>
<p class="p-sm">WordPress Consultant</p>
</div>
</div> <!-- End Author -->
</div> <!-- End Text -->
</div>
</div> <!-- END TESTIMONIAL #4 -->
</div> <!-- End row -->
</div> <!-- END TESTIMONIALS-2 WRAPPER -->
</div> <!-- End container -->
</section> <!-- END TESTIMONIALS-2 -->
<!-- BRANDS-1
============================================= -->
<div id="brands-1" class="py-100 brands-section">
<div class="container">
<!-- BRANDS TITLE -->
<div class="row justify-content-center">
<div class="col-md-10 col-lg-9">
<div class="brands-title mb-50">
<h5 class="s-20 w-700">Trusted and used by over 3,400 companies</h5>
</div>
</div>
</div>
<!-- BRANDS CAROUSEL -->
<div class="row">
<div class="col text-center">
<div class="owl-carousel brands-carousel-6">
<!-- BRAND LOGO IMAGE -->
<div class="brand-logo">
<a href="#"><img class="img-fluid" src="/chiefsoft/images/brand-1.png" alt="brand-logo"></a>
</div>
<!-- BRAND LOGO IMAGE -->
<div class="brand-logo">
<a href="#"><img class="img-fluid" src="/chiefsoft/images/brand-2.png" alt="brand-logo"></a>
</div>
<!-- BRAND LOGO IMAGE -->
<div class="brand-logo">
<a href="#"><img class="img-fluid" src="/chiefsoft/images/brand-3.png" alt="brand-logo"></a>
</div>
<!-- BRAND LOGO IMAGE -->
<div class="brand-logo">
<a href="#"><img class="img-fluid" src="/chiefsoft/images/brand-4.png" alt="brand-logo"></a>
</div>
<!-- BRAND LOGO IMAGE -->
<div class="brand-logo">
<a href="#"><img class="img-fluid" src="/chiefsoft/images/brand-5.png" alt="brand-logo"></a>
</div>
<!-- BRAND LOGO IMAGE -->
<div class="brand-logo">
<a href="#"><img class="img-fluid" src="/chiefsoft/images/brand-6.png" alt="brand-logo"></a>
</div>
<!-- BRAND LOGO IMAGE -->
<div class="brand-logo">
<a href="#"><img class="img-fluid" src="/chiefsoft/images/brand-7.png" alt="brand-logo"></a>
</div>
<!-- BRAND LOGO IMAGE -->
<div class="brand-logo">
<a href="#"><img class="img-fluid" src="/chiefsoft/images/brand-8.png" alt="brand-logo"></a>
</div>
<!-- BRAND LOGO IMAGE -->
<div class="brand-logo">
<a href="#"><img class="img-fluid" src="/chiefsoft/images/brand-9.png" alt="brand-logo"></a>
</div>
</div>
</div>
</div> <!-- END BRANDS CAROUSEL -->
</div> <!-- End container -->
</div> <!-- END BRANDS-1 -->
<!-- DIVIDER LINE -->
<hr class="divider">
<!-- IMAGE CONTENT
============================================= -->
<section class="pt-100 ct-08 content-section division">
<div class="container">
<!-- SECTION TITLE -->
<div class="row justify-content-center">
<div class="col-md-10 col-lg-9">
<div class="section-title mb-70">
<!-- Title -->
<h2 class="s-50 w-700">Discover insights across all your data with Martex</h2>
<!-- Text -->
<p class="s-21">Ligula risus auctor tempus magna feugiat lacinia.</p>
</div>
</div>
</div>
<!-- IMAGE BLOCK -->
<div class="row">
<div class="col">
<div class="img-block wow fadeInUp">
<img class="img-fluid" src="/chiefsoft/images/img-19.png" alt="video-preview">
</div>
</div>
</div>
<!-- ACTION BUTTON -->
<div class="row">
<div class="col">
<div class="img-block-btn text-center wow fadeInUp">
<!-- Button -->
<a href="#integrations-2" class="btn r-04 btn--tra-black hover--theme">Monitor your activity</a>
<!-- Advantages List -->
<ul class="advantages ico-15 clearfix">
<li><p>Free 14 days trial</p></li>
<li class="advantages-links-divider"><p><span class="flaticon-minus"></span></p></li>
<li><p>Exclusive Support</p></li>
<li class="advantages-links-divider"><p><span class="flaticon-minus"></span></p></li>
<li><p>No Fees</p></li>
</ul>
</div>
</div>
</div>
</div> <!-- End container -->
</section> <!-- END IMAGE CONTENT -->
<!-- TEXT CONTENT
============================================= -->
<section class="pt-100 ct-02 content-section division">
<div class="container">
<div class="row d-flex align-items-center">
<!-- IMAGE BLOCK -->
<div class="col-md-6">
<div class="img-block left-column wow fadeInRight">
<img class="img-fluid" src="/chiefsoft/images/img-03.png" alt="content-image">
</div>
</div>
<!-- TEXT BLOCK -->
<div class="col-md-6">
<div class="txt-block right-column wow fadeInLeft">
<!-- TEXT BOX -->
<div class="txt-box">
<!-- Title -->
<h5 class="s-24 w-700">Advanced Analytics Review</h5>
<!-- Text -->
<p>Sodales tempor sapien quaerat ipsum undo congue laoreet turpis neque auctor turpis
vitae dolor luctus placerat magna and ligula cursus purus vitae purus an ipsum suscipit
</p>
</div> <!-- END TEXT BOX -->
<!-- TEXT BOX -->
<div class="txt-box mb-0">
<!-- Title -->
<h5 class="s-24 w-700">Email Marketing Campaigns</h5>
<!-- Text -->
<p>Tempor sapien sodales quaerat ipsum undo congue laoreet turpis neque auctor turpis
vitae dolor luctus placerat magna and ligula cursus purus an ipsum vitae suscipit
purus
</p>
<!-- List -->
<ul class="simple-list">
<li class="list-item">
<p>Tempor sapien quaerat an ipsum laoreet purus and sapien dolor an ultrice ipsum
aliquam undo congue dolor cursus
</p>
</li>
<li class="list-item">
<p class="mb-0">Cursus purus suscipit vitae cubilia magnis volute egestas vitae
sapien turpis ultrice auctor congue magna placerat
</p>
</li>
</ul>
</div> <!-- END TEXT BOX -->
</div>
</div> <!-- END TEXT BLOCK -->
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- END TEXT CONTENT -->
<!-- INTEGRATIONS-2
============================================= -->
<section id="integrations-2" class="pt-100 integrations-section">
<div class="container">
<!-- INTEGRATIONS-2 WRAPPER -->
<div class="integrations-2-wrapper bg--white-400 r-12 text-center">
<!-- SECTION TITLE -->
<div class="row justify-content-center">
<div class="col-md-10 col-lg-9">
<div class="section-title mb-60">
<!-- Title -->
<h2 class="s-50 w-700">Easy integrate all your essential tools</h2>
<!-- Text -->
<p class="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
</div>
</div>
</div>
<!-- TOOLS ROW -->
<div class="row row-cols-1 row-cols-sm-3 row-cols-md-5">
<!-- TOOL #1 -->
<div class="col">
<a href="#" class="in_tool it-1 r-12 wow fadeInUp">
<!-- Logo -->
<div class="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
<img class="img-fluid" src="/chiefsoft/images/png_icons/tool-1.png" alt="brand-logo">
</div>
<!-- Title -->
<h6 class="s-17 w-700">Zapier</h6>
</a>
</div> <!-- END TOOL #1 -->
<!-- TOOL #2 -->
<div class="col">
<a href="#" class="in_tool it-2 r-12 wow fadeInUp">
<!-- Logo -->
<div class="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
<img class="img-fluid" src="/chiefsoft/images/png_icons/tool-2.png" alt="brand-logo">
</div>
<!-- Title -->
<h6 class="s-17 w-700">Google Analytics</h6>
</a>
</div> <!-- END TOOL #2 -->
<!-- TOOL #3 -->
<div class="col">
<a href="#" class="in_tool it-3 r-12 wow fadeInUp">
<!-- Logo -->
<div class="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
<img class="img-fluid" src="/chiefsoft/images/png_icons/tool-3.png" alt="brand-logo">
</div>
<!-- Title -->
<h6 class="s-17 w-700">Amplitude</h6>
</a>
</div> <!-- END TOOL #3 -->
<!-- TOOL #4 -->
<div class="col">
<a href="#" class="in_tool it-4 r-12 wow fadeInUp">
<!-- Logo -->
<div class="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
<img class="img-fluid" src="/chiefsoft/images/png_icons/tool-4.png" alt="brand-logo">
</div>
<!-- Title -->
<h6 class="s-17 w-700">Hubspot</h6>
</a>
</div> <!-- END TOOL #4 -->
<!-- TOOL #5 -->
<div class="col">
<a href="#" class="in_tool it-5 r-12 wow fadeInUp">
<!-- Logo -->
<div class="in_tool_logo ico-65 bg--white-100 block-shadow r-12">
<img class="img-fluid" src="/chiefsoft/images/png_icons/tool-5.png" alt="brand-logo">
</div>
<!-- Title -->
<h6 class="s-17 w-700">MailChimp</h6>
</a>
</div> <!-- END TOOL #5 -->
</div> <!-- END TOOLS ROW -->
<!-- MORE BUTTON -->
<div class="row">
<div class="col">
<div class="more-btn text-center mt-60 wow fadeInUp">
<a href="integrations.html" class="btn btn--tra-grey hover--theme">View all integrations</a>
</div>
</div>
</div>
</div> <!-- END INTEGRATIONS-2 WRAPPER -->
</div> <!-- End container -->
</section> <!-- END INTEGRATIONS-2 -->
<!-- DIVIDER LINE -->
<hr class="divider">
<!-- BANNER-7
============================================= -->
<section id="banner-7" class="banner-section">
<div class="banner-overlay py-100">
<div class="container">
<!-- BANNER-7 WRAPPER -->
<div class="banner-7-wrapper">
<div class="row justify-content-center">
<!-- BANNER-7 TEXT -->
<div class="col-md-8">
<div class="banner-7-txt text-center">
<!-- Title -->
<h2 class="s-48 w-700">Grow your business with integrated marketing tools</h2>
<!-- Buttons -->
<div class="btns-group">
<a href="#hero-7" class="btn r-04 btn--theme hover--theme">Get srarted - it's free
</a>
<a href="pricing-1.html" class="btn r-04 btn--tra-black hover--theme">Discover pricing</a>
</div>
<!-- Button Text -->
<p class="btn-txt ico-15">Free for 14 days - no credit card required.</p>
</div>
</div>
</div> <!-- End row -->
</div> <!-- END BANNER-7 WRAPPER -->
</div> <!-- End container -->
</div> <!-- End banner overlay -->
</section> <!-- END BANNER-7 -->
<!-- DIVIDER LINE -->
<hr class="divider">
<!-- FOOTER-3
============================================= -->
<footer id="footer-3" class="pt-100 footer">
<div class="container">
<!-- FOOTER CONTENT -->
<div class="row">
<!-- FOOTER LOGO -->
<div class="col-xl-3">
<div class="footer-info">
<img class="footer-logo" src="/chiefsoft/images/logo-purple.png" alt="footer-logo">
</div>
</div>
<!-- FOOTER LINKS -->
<div class="col-sm-4 col-md-3 col-xl-2">
<div class="footer-links fl-1">
<!-- Title -->
<h6 class="s-17 w-700">Company</h6>
<!-- Links -->
<ul class="foo-links clearfix">
<li><p><a href="about.html">About Us</a></p></li>
<li><p><a href="careers.html">Careers</a></p></li>
<li><p><a href="blog-listing.html">Our Blog</a></p></li>
<li><p><a href="contacts.html">Contact Us</a></p></li>
</ul>
</div>
</div> <!-- END FOOTER LINKS -->
<!-- FOOTER LINKS -->
<div class="col-sm-4 col-md-3 col-xl-2">
<div class="footer-links fl-2">
<!-- Title -->
<h6 class="s-17 w-700">Product</h6>
<!-- Links -->
<ul class="foo-links clearfix">
<li><p><a href="features.html">Integration</a></p></li>
<li><p><a href="reviews.html">Customers</a></p></li>
<li><p><a href="pricing-1.html">Pricing</a></p></li>
<li><p><a href="help-center.html">Help Center</a></p></li>
</ul>
</div>
</div> <!-- END FOOTER LINKS -->
<!-- FOOTER LINKS -->
<div class="col-sm-4 col-md-3 col-xl-2">
<div class="footer-links fl-3">
<!-- Title -->
<h6 class="s-17 w-700">Legal</h6>
<!-- Links -->
<ul class="foo-links clearfix">
<li><p><a href="terms.html">Terms of Use</a></p></li>
<li><p><a href="privacy.html">Privacy Policy</a></p></li>
<li><p><a href="cookies.html">Cookie Policy</a></p></li>
<li><p><a href="#">Site Map</a></p></li>
</ul>
</div>
</div> <!-- END FOOTER LINKS -->
<!-- FOOTER LINKS -->
<div class="col-sm-6 col-md-3">
<div class="footer-links fl-4">
<!-- Title -->
<h6 class="s-17 w-700">Connect With Us</h6>
<!-- Mail Link -->
<p class="footer-mail-link ico-25">
<a href="mailto:yourdomain@mail.com">hello@yourdomain.com</a>
</p>
<!-- Social Links -->
<ul class="footer-socials ico-25 text-center clearfix">
<li><a href="https://www.facebook.com/chiefsoft/"><span class="flaticon-facebook"></span></a></li>
<li><a href="https://twitter.com/chiefsoft"><span class="flaticon-twitter"></span></a></li>
<li><a href="https://www.f6s.com/member/olusesanameye"><span class="flaticon-github"></span></a></li>
<li><a href="https://dribbble.com/chiefsoft"><span class="flaticon-dribbble"></span></a></li>
</ul>
</div>
</div> <!-- END FOOTER LINKS -->
</div> <!-- END FOOTER CONTENT -->
<hr> <!-- FOOTER DIVIDER LINE -->
<!-- BOTTOM FOOTER -->
<div class="bottom-footer">
<div class="row row-cols-1 row-cols-md-2 d-flex align-items-center">
<!-- FOOTER COPYRIGHT -->
<div class="col">
<div class="footer-copyright"><p class="p-sm">&copy; <?=date("Y");?> ChiefSoft Works. <span>All Rights Reserved</span></p></div>
</div>
<!-- FOOTER SECONDARY LINK -->
<div class="col">
<div class="bottom-secondary-link ico-15 text-end">
<p class="p-sm">
<!-- gg-->
</p>
</div>
</div>
</div> <!-- End row -->
</div> <!-- END BOTTOM FOOTER -->
</div> <!-- End container -->
</footer> <!-- END FOOTER-3 -->
</div> <!-- END PAGE CONTENT -->
<!-- EXTERNAL SCRIPTS
============================================= -->
<script src="/chiefsoft/js/jquery-3.7.0.min.js"></script>
<script src="/chiefsoft/js/bootstrap.min.js"></script>
<script src="/chiefsoft/js/modernizr.custom.js"></script>
<script src="/chiefsoft/js/jquery.easing.js"></script>
<script src="/chiefsoft/js/jquery.appear.js"></script>
<script src="/chiefsoft/js/menu.js"></script>
<script src="/chiefsoft/js/owl.carousel.min.js"></script>
<script src="/chiefsoft/js/pricing-toggle.js"></script>
<script src="/chiefsoft/js/jquery.magnific-popup.min.js"></script>
<script src="/chiefsoft/js/quick-form.js"></script>
<script src="/chiefsoft/js/jquery.validate.min.js"></script>
<script src="/chiefsoft/js/jquery.ajaxchimp.min.js"></script>
<script src="/chiefsoft/js/popper.min.js"></script>
<script src="/chiefsoft/js/lunar.js"></script>
<script src="/chiefsoft/js/wow.js"></script>
<!-- Custom Script -->
<script src="/chiefsoft/js/custom.js"></script>
<!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information. -->
<!--
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
-->
</body>
</html>