Chiefsoft/ChiefSoft2022
1
0
Fork 0
Code Issues Pull Requests Releases Activity
Files
master
ChiefSoft2022/app/Views/main/home.php
T
CHIEFSOFT\ameye be7fb8aafb new chiefsoft
2024-11-20 05:47:05 -05:00

1298 lines
51 KiB
PHP
Raw Permalink Blame History

<!-- 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">We are fully equipped to deliver first-class solution development services. We improve your business efficiency and security at every step.
</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 -->
<?php include('homeparts/testimonial.php'); ?>
<?php include ('homeparts/brands.php'); ?>
<hr class="divider">
<?php include('homeparts/imagepart.php'); ?>
<!-- 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">
<?php include('homeparts/grow.php'); ?>
<!-- DIVIDER LINE -->
<hr class="divider">
Reference in New Issue View Git Blame Copy Permalink