CHIEFSOFT\ameye
2105 lines
62 KiB
HTML
2105 lines
62 KiB
HTML
{% load static %}
|
||
<!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="A.I. enabled healthcare">
|
||
<meta name="keywords" content="SmartHealth Personal Care Health Research Surveys Diagnosis Machine Learning Health Mobility">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
|
||
<!-- SITE TITLE -->
|
||
<title>Smart Care by {{name}}</title>
|
||
|
||
<!-- FAVICON AND TOUCH ICONS -->
|
||
<link rel="shortcut icon" href="{% static 'images/favicon.ico' %}" type="image/x-icon">
|
||
<link rel="icon" href="{% static 'images/favicon.ico' %}" type="image/x-icon">
|
||
<link rel="apple-touch-icon" sizes="152x152" href="{% static 'images/apple-touch-icon-152x152.png' %}">
|
||
<link rel="apple-touch-icon" sizes="120x120" href="{% static 'images/apple-touch-icon-120x120.png' %}">
|
||
<link rel="apple-touch-icon" sizes="76x76" href="{% static 'images/apple-touch-icon-76x76.png' %}">
|
||
<link rel="apple-touch-icon" href="{% static 'images/apple-touch-icon.png' %}">
|
||
<link rel="icon" href="{% static '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&display=swap" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
|
||
|
||
|
||
<link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
|
||
<link href="{% static 'css/flaticon.css' %}" rel="stylesheet">
|
||
|
||
<!-- PLUGINS STYLESHEET -->
|
||
<link href="{% static 'css/menu.css' %}" rel="stylesheet">
|
||
<link id="effect" href="{% static 'css/dropdown-effects/fade-down.css' %} " media="all" rel="stylesheet">
|
||
<link href="{% static 'css/magnific-popup.css' %} " rel="stylesheet">
|
||
<link href="{% static 'css/owl.carousel.min.css' %} " rel="stylesheet">
|
||
<link href="{% static 'css/owl.theme.default.min.css' %} " rel="stylesheet">
|
||
<link href="{% static 'css/lunar.css' %} " rel="stylesheet">
|
||
|
||
<!-- ON SCROLL ANIMATION -->
|
||
<link href="{% static 'css/animate.css' %}" rel="stylesheet">
|
||
|
||
<!-- TEMPLATE CSS {% static '' %} -->
|
||
<!-- <link href="css/blue-theme.css" rel="stylesheet"> -->
|
||
<!-- <link href="css/crocus-theme.css" rel="stylesheet"> -->
|
||
<!-- <link href="css/green-theme.css" rel="stylesheet"> -->
|
||
<!-- <link href="css/magenta-theme.css" rel="stylesheet"> -->
|
||
<link href="{% static 'css/pink-theme.css' %}" rel="stylesheet">
|
||
<!-- <link href="css/purple-theme.css" rel="stylesheet"> -->
|
||
<!-- <link href="css/skyblue-theme.css" rel="stylesheet"> -->
|
||
<!-- <link href="css/red-theme.css" rel="stylesheet"> -->
|
||
<!-- <link href="css/violet-theme.css" rel="stylesheet"> -->
|
||
|
||
<!-- RESPONSIVE CSS -->
|
||
<link href="{% static 'css/responsive.css' %}" rel="stylesheet">
|
||
|
||
</head>
|
||
|
||
|
||
|
||
|
||
<body>
|
||
|
||
|
||
|
||
|
||
<!-- PRELOADER SPINNER
|
||
============================================= -->
|
||
<div id="loading" class="loading--theme">
|
||
<div id="loading-center"><span class="loader"></span></div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<!-- PAGE CONTENT
|
||
============================================= -->
|
||
<div id="page" class="page font--jakarta">
|
||
|
||
<header id="header" class="tra-menu navbar-light white-scroll">
|
||
<div class="header-wrapper">
|
||
|
||
|
||
<!-- MOBILE HEADER -->
|
||
<div class="wsmobileheader clearfix">
|
||
<span class="smllogo"><img src="{% static 'images/logo-pink.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-1" class="logo-black"><img src="{% static 'images/logo-pink.png' %}" alt="logo"></a>
|
||
</div>
|
||
|
||
|
||
<!-- HEADER WHITE LOGO -->
|
||
<div class="desktoplogo">
|
||
<a href="#hero-1" class="logo-white"><img src="{% static 'images/logo-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 autoMedSys?</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="#features-2">Best Solutions</a></li>
|
||
<li aria-haspopup="true"><a href="#reviews-1">Testimonials</a></li>
|
||
</ul>
|
||
</li>
|
||
|
||
|
||
<!-- SIMPLE NAVIGATION LINK -->
|
||
<li class="nl-simple" aria-haspopup="true"><a href="#features-6" class="h-link">Products</a></li>
|
||
|
||
<!-- SIMPLE NAVIGATION LINK -->
|
||
{% comment %} <li class="nl-simple" aria-haspopup="true"><a href="pricing-1.html" class="h-link">Pricing</a></li> {% endcomment %}
|
||
|
||
|
||
<!-- SIMPLE NAVIGATION LINK -->
|
||
{% comment %} <li class="nl-simple" aria-haspopup="true"><a href="#faqs-3" class="h-link">FAQs</a></li> {% endcomment %}
|
||
|
||
|
||
<!-- SIGN IN LINK -->
|
||
{% comment %} <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> {% endcomment %}
|
||
|
||
|
||
<!-- SIGN UP BUTTON -->
|
||
{% comment %} <li class="nl-simple" aria-haspopup="true">
|
||
<a href="signup-2.html" class="btn r-04 btn--theme hover--tra-white last-link">Sign up</a>
|
||
</li> {% endcomment %}
|
||
|
||
|
||
</ul>
|
||
</nav> <!-- END MAIN MENU -->
|
||
|
||
|
||
</div>
|
||
</div> <!-- END NAVIGATION MENU -->
|
||
|
||
|
||
</div> <!-- End header-wrapper -->
|
||
</header>
|
||
|
||
<section id="hero-1" class="bg--scroll hero-section">
|
||
<div class="container">
|
||
<div class="row d-flex align-items-center">
|
||
|
||
|
||
<!-- HERO TEXT -->
|
||
<div class="col-md-6">
|
||
<div class="hero-1-txt color--white wow fadeInRight">
|
||
<h2 class="s-58 w-700">Smart, Artificial intelligence enabled HealthCare.</h2>
|
||
<p class="p-xl">Mauris donec turpis suscipit sapien ociis sagittis sapien tempor a volute
|
||
ligula and aliquet tortor
|
||
</p>
|
||
<a href="#features-6" class="btn r-04 btn--theme hover--tra-white">View our products</a>
|
||
</div>
|
||
</div> <!-- END HERO TEXT -->
|
||
|
||
|
||
<!-- HERO IMAGE -->
|
||
<div class="col-md-6">
|
||
<div class="hero-1-img wow fadeInLeft">
|
||
<img class="img-fluid" src="{% static 'images/hero-1-img.png' %}" alt="hero-image">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div> <!-- End row -->
|
||
</div> <!-- End container -->
|
||
</section>
|
||
|
||
<section id="features-6" class="py-100 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-70">
|
||
|
||
<!-- Title -->
|
||
<h2 class="s-50 w-700">Human-centric general health solutions provider</h2>
|
||
|
||
<!-- Text -->
|
||
<p class="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- 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">Personal HealthRader</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">MyFit Care Manager</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">Research Platform</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>
|
||
|
||
<hr class="divider">
|
||
|
||
<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="{% static 'images/img-10.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">Enhance Engagement</span>
|
||
|
||
<!-- Title -->
|
||
<h2 class="s-46 w-700">Engage your most valuable visitors</h2>
|
||
|
||
<!-- 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>
|
||
|
||
<!-- Small Title -->
|
||
<h5 class="s-24 w-700">Digits that define growth</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>
|
||
|
||
<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">
|
||
|
||
|
||
<!-- 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="{% static 'images/img-06.png' %}" alt="content-image">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div> <!-- END SECTION CONTENT (ROW) -->
|
||
|
||
|
||
</div> <!-- End container -->
|
||
</section>
|
||
|
||
<hr class="divider">
|
||
|
||
<section id="lnk-2" 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="{% static '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">The smarter way to work</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">Full access to all features</h5>
|
||
|
||
<!-- 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>
|
||
|
||
<!-- Button -->
|
||
<a href="#features-2" class="btn btn-sm r-04 btn--tra-black hover--theme">
|
||
What's possible?
|
||
</a>
|
||
|
||
</div> <!-- END TEXT BOX -->
|
||
|
||
|
||
</div>
|
||
</div> <!-- END TEXT BLOCK -->
|
||
|
||
|
||
</div> <!-- END SECTION CONTENT (ROW) -->
|
||
|
||
|
||
</div> <!-- End container -->
|
||
</section>
|
||
|
||
<section id="features-12" class="shape--bg shape--white-500 pt-100 features-section division">
|
||
<div class="container">
|
||
<div class="row d-flex align-items-center">
|
||
|
||
|
||
<!-- TEXT BLOCK -->
|
||
<div class="col-md-5">
|
||
<div class="txt-block left-column wow fadeInRight">
|
||
|
||
<!-- 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 ipsum and congue undo laoreet turpis neque auctor turpis
|
||
vitae dolor luctus placerat magna ligula and cursus vitae
|
||
</p>
|
||
|
||
<!-- CONTENT BOX #1 -->
|
||
<div class="cbox-1 ico-15">
|
||
|
||
<div class="ico-wrap color--theme">
|
||
<div class="cbox-1-ico"><span class="flaticon-check"></span></div>
|
||
</div>
|
||
|
||
<div class="cbox-1-txt">
|
||
<p>Magna dolor luctus at egestas sapien</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- CONTENT BOX #2 -->
|
||
<div class="cbox-1 ico-15">
|
||
|
||
<div class="ico-wrap color--theme">
|
||
<div class="cbox-1-ico"><span class="flaticon-check"></span></div>
|
||
</div>
|
||
|
||
<div class="cbox-1-txt">
|
||
<p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
|
||
turpis and ultrice magnis
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- CONTENT BOX #3 -->
|
||
<div class="cbox-1 ico-15">
|
||
|
||
<div class="ico-wrap color--theme">
|
||
<div class="cbox-1-ico"><span class="flaticon-check"></span></div>
|
||
</div>
|
||
|
||
<div class="cbox-1-txt">
|
||
<p class="mb-0">Volute turpis dolores and sagittis congue</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div> <!-- END TEXT BLOCK -->
|
||
|
||
|
||
<!-- FEATURES-12 WRAPPER -->
|
||
<div class="col-md-7">
|
||
<div class="fbox-12-wrapper wow fadeInLeft">
|
||
<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-12 WRAPPER -->
|
||
|
||
|
||
</div> <!-- End row -->
|
||
</div> <!-- End container -->
|
||
</section>
|
||
|
||
<section class="py-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="{% static 'images/img-02.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">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 -->
|
||
|
||
|
||
</div> <!-- END SECTION CONTENT (ROW) -->
|
||
|
||
|
||
</div> <!-- End container -->
|
||
</section>
|
||
|
||
<section id="lnk-3" class="bg--04 ct-10 content-section division">
|
||
<div class="section-overlay pt-100">
|
||
<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">Track the progress towards objectives with key results</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 video-preview wow fadeInUp">
|
||
|
||
<!-- Play Icon -->
|
||
<a class="video-popup2" href="https://www.youtube.com/watch?v=7e90gBu4pas">
|
||
<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="{% static 'images/dashboard-01.png' %}" alt="video-preview">
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div> <!-- End container -->
|
||
</div> <!-- End section overlay -->
|
||
</section>
|
||
|
||
<hr class="divider">
|
||
|
||
<section id="features-2" class="py-100 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">The Complete Solutions</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="{% static '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="{% static 'images/f_05.png' %}" alt="feature-image">
|
||
</div>
|
||
|
||
<!-- Text -->
|
||
<div class="fbox-txt">
|
||
<h6 class="s-22 w-700">Effortless Integration</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="{% static 'images/f_02.png' %}" alt="feature-image">
|
||
</div>
|
||
|
||
<!-- Text -->
|
||
<div class="fbox-txt">
|
||
<h6 class="s-22 w-700">Engagement Analysis</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>
|
||
|
||
<hr class="divider">
|
||
|
||
<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">Productivity Focused</span>
|
||
|
||
<!-- Title -->
|
||
<h2 class="s-46 w-700">Achieve more with better workflows</h2>
|
||
|
||
<!-- 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>
|
||
|
||
<!-- CONTENT BOX #1 -->
|
||
<div class="cbox-1 ico-15">
|
||
|
||
<div class="ico-wrap color--theme">
|
||
<div class="cbox-1-ico"><span class="flaticon-check"></span></div>
|
||
</div>
|
||
|
||
<div class="cbox-1-txt">
|
||
<p>Magna dolor luctus at egestas sapien</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- CONTENT BOX #2 -->
|
||
<div class="cbox-1 ico-15">
|
||
|
||
<div class="ico-wrap color--theme">
|
||
<div class="cbox-1-ico"><span class="flaticon-check"></span></div>
|
||
</div>
|
||
|
||
<div class="cbox-1-txt">
|
||
<p>Cursus purus suscipit vitae cubilia magnis volute egestas vitae sapien
|
||
turpis ultrice auctor congue varius magnis
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- CONTENT BOX #3 -->
|
||
<div class="cbox-1 ico-15">
|
||
|
||
<div class="ico-wrap color--theme">
|
||
<div class="cbox-1-ico"><span class="flaticon-check"></span></div>
|
||
</div>
|
||
|
||
<div class="cbox-1-txt">
|
||
<p class="mb-0">Volute turpis dolores and sagittis congue</p>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</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="{% static 'images/img-13.png' %}" alt="content-image">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div> <!-- END SECTION CONTENT (ROW) -->
|
||
|
||
|
||
</div> <!-- End container -->
|
||
</section>
|
||
|
||
<section class="py-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="{% static 'images/img-09.png' %}" alt="content-image">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- TEXT BLOCK -->
|
||
<div class="col-md-6">
|
||
<div class="txt-block right-column wow fadeInLeft">
|
||
|
||
|
||
<!-- 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">Register in 30 seconds</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">Customizable Dashboards</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">Improved Productivity</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 n
|
||
eque ligula quaerat
|
||
</p>
|
||
</div>
|
||
|
||
</div> <!-- END CONTENT BOX #3 -->
|
||
|
||
|
||
</div>
|
||
</div> <!-- END TEXT BLOCK -->
|
||
|
||
|
||
</div> <!-- END SECTION CONTENT (ROW) -->
|
||
|
||
|
||
</div> <!-- End container -->
|
||
</section>
|
||
|
||
<section id="reviews-1" class="pt-100 shape--06 shape--gr-whitesmoke 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">Here’s what our amazing clients are saying</h2>
|
||
|
||
<!-- Text -->
|
||
<p class="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- TESTIMONIALS CONTENT -->
|
||
<div class="row">
|
||
<div class="col">
|
||
<div class="owl-carousel owl-theme reviews-1-wrapper">
|
||
|
||
|
||
<!-- TESTIMONIAL #1 -->
|
||
<div class="review-1 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>Etiam sapien sagittis congue augue a massa varius egestas ultrice varius magna
|
||
a tempus aliquet undo cursus suscipit
|
||
</p>
|
||
|
||
<!-- Author -->
|
||
<div class="author-data clearfix">
|
||
|
||
<!-- Avatar -->
|
||
<div class="review-avatar">
|
||
<img src="{% static '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> <!-- END TESTIMONIAL #1 -->
|
||
|
||
|
||
<!-- TESTIMONIAL #2 -->
|
||
<div class="review-1 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 diam egestas magna an ipsum vitae purus ipsum primis
|
||
and cubilia laoreet augue egestas a luctus donec ltrice ligula porta augue magna
|
||
suscipit lectus gestas
|
||
</p>
|
||
|
||
<!-- Author -->
|
||
<div class="author-data clearfix">
|
||
|
||
<!-- Avatar -->
|
||
<div class="review-avatar">
|
||
<img src="{% static '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> <!-- END TESTIMONIAL #2 -->
|
||
|
||
|
||
<!-- TESTIMONIAL #3 -->
|
||
<div class="review-1 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>Mauris gestas magnis a sapien etiam sapien congue an augue egestas and ultrice
|
||
vitae purus diam an integer congue magna ligula egestas magna suscipit
|
||
</p>
|
||
|
||
<!-- Author -->
|
||
<div class="author-data clearfix">
|
||
|
||
<!-- Avatar -->
|
||
<div class="review-avatar">
|
||
<img src="{% static 'images/review-author-3.jpg' %}" alt="review-avatar">
|
||
</div>
|
||
|
||
<!-- Data -->
|
||
<div class="review-author">
|
||
<h6 class="s-18 w-700">Marisol19</h6>
|
||
<p class="p-sm">@marisol19</p>
|
||
</div>
|
||
|
||
</div> <!-- End Author -->
|
||
|
||
</div> <!-- End Text -->
|
||
|
||
</div> <!-- END TESTIMONIAL #3 -->
|
||
|
||
|
||
<!-- TESTIMONIAL #4 -->
|
||
<div class="review-1 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>Mauris donec a magnis sapien etiam pretium a congue augue volutpat lectus
|
||
aenean magna and undo mauris lectus laoreet tempor egestas rutrum
|
||
</p>
|
||
|
||
<!-- Author -->
|
||
<div class="author-data clearfix">
|
||
|
||
<!-- Avatar -->
|
||
<div class="review-avatar">
|
||
<img src="{% static 'images/review-author-4.jpg' %}" alt="review-avatar">
|
||
</div>
|
||
|
||
<!-- Data -->
|
||
<div class="review-author">
|
||
<h6 class="s-18 w-700">Leslie D.</h6>
|
||
<p class="p-sm">Web Developer</p>
|
||
</div>
|
||
|
||
</div> <!-- End Author -->
|
||
|
||
</div> <!-- End Text -->
|
||
|
||
</div> <!-- END TESTIMONIAL #4 -->
|
||
|
||
|
||
<!-- TESTIMONIAL #5 -->
|
||
<div class="review-1 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 undo laoreet magna suscipit egestas ipsum lectus purus ipsum
|
||
and primis augue an ultrice ligula egestas suscipit a lectus gestas auctor tempus
|
||
feugiat impedit
|
||
</p>
|
||
|
||
<!-- Author -->
|
||
<div class="author-data clearfix">
|
||
|
||
<!-- Avatar -->
|
||
<div class="review-avatar">
|
||
<img src="{% static '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> <!-- END TESTIMONIAL #5 -->
|
||
|
||
|
||
<!-- TESTIMONIAL #6 -->
|
||
<div class="review-1 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 undo magna ipsum semper suscipit egestas magna ipsum
|
||
ligula a vitae purus and ipsum primis cubilia magna suscipit
|
||
</p>
|
||
|
||
<!-- Author -->
|
||
<div class="author-data clearfix">
|
||
|
||
<!-- Avatar -->
|
||
<div class="review-avatar">
|
||
<img src="{% static 'images/review-author-6.jpg' %}" alt="review-avatar">
|
||
</div>
|
||
|
||
<!-- Data -->
|
||
<div class="review-author">
|
||
<h6 class="s-18 w-700">Jonathan Barnes</h6>
|
||
<p class="p-sm">jQuery Programmer</p>
|
||
</div>
|
||
|
||
</div> <!-- End Author -->
|
||
|
||
</div> <!-- End Text -->
|
||
|
||
</div> <!-- END TESTIMONIAL #6 -->
|
||
|
||
|
||
<!-- TESTIMONIAL #7 -->
|
||
<div class="review-1 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 egestas porta tempus volutpat egestas augue cubilia laoreet a magna
|
||
suscipit luctus dolor blandit vitae purus neque tempus an aliquet porta gestas
|
||
rutrum blandit vitae
|
||
</p>
|
||
|
||
<!-- Author -->
|
||
<div class="author-data clearfix">
|
||
|
||
<!-- Avatar -->
|
||
<div class="review-avatar">
|
||
<img src="{% static 'images/review-author-7.jpg' %}" alt="review-avatar">
|
||
</div>
|
||
|
||
<!-- Data -->
|
||
<div class="review-author">
|
||
<h6 class="s-18 w-700">Mike Harris</h6>
|
||
<p class="p-sm">Graphic Designer</p>
|
||
</div>
|
||
|
||
</div> <!-- End Author -->
|
||
|
||
</div> <!-- End Text -->
|
||
|
||
</div> <!-- END TESTIMONIAL #7 -->
|
||
|
||
|
||
<!-- TESTIMONIAL #8 -->
|
||
<div class="review-1 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="{% static '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> <!-- END TESTIMONIAL #8 -->
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div> <!-- END TESTIMONIALS CONTENT -->
|
||
|
||
|
||
</div> <!-- End container -->
|
||
</section>
|
||
|
||
<div id="rating-1" class="pt-70 rating-section">
|
||
<div class="container">
|
||
|
||
|
||
<!-- RATING TITLE -->
|
||
<div class="row justify-content-center">
|
||
<div class="col-md-10 col-lg-9">
|
||
<div class="rating-title mb-40">
|
||
<h5 class="s-18 color--grey w-500">Our clients love us as much as we love them</h5>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- RATING-1 WRAPPER -->
|
||
<div class="rating-1-wrapper">
|
||
<div class="row justify-content-md-center row-cols-1 row-cols-md-3">
|
||
|
||
|
||
<!-- RATING BOX #1 -->
|
||
<div class="col">
|
||
<div id="rb-1-1" class="rbox-1">
|
||
|
||
<!-- Brand Logo -->
|
||
<div class="rbox-1-img">
|
||
<img class="img-fluid" src="images/brand-21.png" alt="feature-image">
|
||
</div>
|
||
|
||
<!-- Rating Stars -->
|
||
<div class="star-rating ico-10 bg--white-100 r-100 clearfix">
|
||
<span class="flaticon-star"></span>
|
||
<span class="flaticon-star"></span>
|
||
<span class="flaticon-star"></span>
|
||
<span class="flaticon-star"></span>
|
||
<span class="flaticon-star-half-empty mr-5"></span>
|
||
4.7/5
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- RATING BOX #2 -->
|
||
<div class="col">
|
||
<div id="rb-1-2" class="rbox-1">
|
||
|
||
<!-- Brand Logo -->
|
||
<div class="rbox-1-img">
|
||
<img class="img-fluid" src="{% static 'images/brand-22.png' %}" alt="feature-image">
|
||
</div>
|
||
|
||
<!-- Rating Stars -->
|
||
<div class="star-rating ico-10 bg--white-100 r-100 clearfix">
|
||
<span class="flaticon-star"></span>
|
||
<span class="flaticon-star"></span>
|
||
<span class="flaticon-star"></span>
|
||
<span class="flaticon-star"></span>
|
||
<span class="flaticon-star mr-5"></span>
|
||
4.95/5
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- RATING BOX #3 -->
|
||
<div class="col">
|
||
<div id="rb-1-3" class="rbox-1">
|
||
|
||
<!-- Brand Logo -->
|
||
<div class="rbox-1-img">
|
||
<img class="img-fluid" src="{% static 'images/brand-23.png' %}" alt="feature-image">
|
||
</div>
|
||
|
||
<!-- Rating Stars -->
|
||
<div class="star-rating ico-10 bg--white-100 r-100 clearfix">
|
||
<span class="flaticon-star"></span>
|
||
<span class="flaticon-star"></span>
|
||
<span class="flaticon-star"></span>
|
||
<span class="flaticon-star"></span>
|
||
<span class="flaticon-star-1 mr-5"></span>
|
||
4.24/5
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div> <!-- End row -->
|
||
</div> <!-- END RATING-1 WRAPPER -->
|
||
|
||
|
||
</div> <!-- End container -->
|
||
</div> <!-- END RATING-1 -->
|
||
|
||
<section id="integrations-2" class="pt-100 integrations-section">
|
||
<div class="container">
|
||
|
||
|
||
<!-- INTEGRATIONS-2 WRAPPER -->
|
||
<div class="integrations-2-wrapper bg--02 r-16 text-center">
|
||
|
||
|
||
<!-- SECTION TITLE -->
|
||
<div class="row justify-content-center">
|
||
<div class="col-md-10 col-lg-9">
|
||
<div class="section-title mb-50">
|
||
|
||
<!-- Title -->
|
||
<h2 class="s-50 w-700">Automate your workflow with our integrations</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="{% static '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="{% static '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="{% static '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="{% static '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="{% static '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-black hover--theme">View all integrations</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div> <!-- END INTEGRATIONS-2 WRAPPER -->
|
||
|
||
|
||
</div> <!-- End container -->
|
||
</section> <!-- END INTEGRATIONS-2 -->
|
||
|
||
<section id="faqs-3" class="pt-100 faqs-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">Questions & Answers</h2>
|
||
|
||
<!-- Text -->
|
||
<p class="s-21 color--grey">Ligula risus auctor tempus magna feugiat lacinia.</p>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- FAQs-3 QUESTIONS -->
|
||
<div class="faqs-3-questions">
|
||
<div class="row">
|
||
|
||
|
||
<!-- QUESTIONS HOLDER -->
|
||
<div class="col-lg-6">
|
||
<div class="questions-holder">
|
||
|
||
|
||
<!-- QUESTION #1 -->
|
||
<div class="question mb-35 wow fadeInUp">
|
||
|
||
<!-- Question -->
|
||
<h5 class="s-22 w-700"><span>1.</span> Getting started with Martex</h5>
|
||
|
||
<!-- Answer -->
|
||
<p class="color--grey">Etiam amet mauris suscipit in odio integer congue metus
|
||
and vitae arcu mollis blandit ultrice ligula egestas magna suscipit lectus magna
|
||
suscipit luctus blandit and laoreet
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
<!-- QUESTION #2 -->
|
||
<div class="question mb-35 wow fadeInUp">
|
||
|
||
<!-- Question -->
|
||
<h5 class="s-22 w-700"><span>2.</span> What's inside the package?</h5>
|
||
|
||
<!-- Answer -->
|
||
<p class="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
|
||
porta justo integer at velna vitae auctor integer congue undo magna laoreet
|
||
augue pretium purus pretium ligula
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
<!-- QUESTION #3 -->
|
||
<div class="question mb-35 wow fadeInUp">
|
||
|
||
<!-- Question -->
|
||
<h5 class="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>
|
||
|
||
<!-- Answer -->
|
||
<ul class="simple-list color--grey">
|
||
|
||
<li class="list-item">
|
||
<p>Fringilla risus, luctus mauris orci auctor purus ligula euismod pretium
|
||
purus pretium rutrum tempor sapien
|
||
</p>
|
||
</li>
|
||
|
||
<li class="list-item">
|
||
<p>Nemo ipsam egestas volute undo turpis purus lipsum primis aliquam sapien
|
||
quaerat sodales pretium a purus
|
||
</p>
|
||
</li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div> <!-- END QUESTIONS HOLDER -->
|
||
|
||
|
||
<!-- QUESTIONS WRAPPER -->
|
||
<div class="col-lg-6">
|
||
<div class="questions-holder">
|
||
|
||
|
||
<!-- QUESTION #4 -->
|
||
<div class="question mb-35 wow fadeInUp">
|
||
|
||
<!-- Question -->
|
||
<h5 class="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>
|
||
|
||
<!-- Answer -->
|
||
<p class="color--grey">Quaerat sodales sapien euismod blandit purus a purus
|
||
ipsum primis in cubilia laoreet augue luctus dolor luctus
|
||
</p>
|
||
|
||
<!-- Answer -->
|
||
<p class="color--grey">An enim nullam tempor sapien gravida donec congue metus.
|
||
Vitae arcu mollis blandit integer nemo volute velna
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
<!-- QUESTION #5 -->
|
||
<div class="question mb-35 wow fadeInUp">
|
||
|
||
<!-- Question -->
|
||
<h5 class="s-22 w-700"><span>5.</span> I have an issue with my account</h5>
|
||
|
||
<!-- Answer -->
|
||
<p class="color--grey">Cubilia laoreet augue egestas and luctus donec curabite
|
||
diam vitae dapibus libero and quisque gravida donec neque blandit justo
|
||
aliquam molestie nunc sapien justo
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
<!-- QUESTION #6 -->
|
||
<div class="question mb-35 wow fadeInUp">
|
||
|
||
<!-- Question -->
|
||
<h5 class="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>
|
||
|
||
<!-- Answer -->
|
||
<p class="color--grey">An enim nullam tempor sapien gravida donec ipsum and enim
|
||
porta justo integer at velna vitae auctor integer congue undo magna laoreet
|
||
augue pretium purus pretium ligula
|
||
</p>
|
||
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div> <!-- END QUESTIONS HOLDER -->
|
||
|
||
|
||
</div> <!-- End row -->
|
||
</div> <!-- END FAQs-3 QUESTIONS -->
|
||
|
||
|
||
<!-- MORE QUESTIONS LINK -->
|
||
<div class="row">
|
||
<div class="col">
|
||
<div class="more-questions mt-40">
|
||
<div class="more-questions-txt bg--white-400 r-100">
|
||
<p class="p-lg">Have any questions?
|
||
<a href="contacts.html" class="color--theme">Get in Touch</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div> <!-- End container -->
|
||
</section> <!-- END FAQs-3 -->
|
||
|
||
{% comment %} <!-- MODAL WINDOW (IMAGE LINK)
|
||
============================================= -->
|
||
<div id="modal-1" class="modal fade" tabindex="-1">
|
||
<div class="modal-dialog modal-dialog-centered">
|
||
<div class="modal-content">
|
||
|
||
|
||
<!-- CLOSE BUTTON -->
|
||
<button type="button" class="btn-close ico-10 white-color" data-bs-dismiss="modal" aria-label="Close">
|
||
<span class="flaticon-cancel"></span>
|
||
</button>
|
||
|
||
|
||
<!-- MODAL CONTENT -->
|
||
<div class="bg-img rounded">
|
||
<div class="overlay-light">
|
||
<div class="modal-img text-center">
|
||
<a href="pricing-1.html">
|
||
<img class="img-fluid" src="{% static 'images/modal-2-img.jpg' %}" alt="modal-image">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div> <!-- END MODAL CONTENT -->
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div> <!-- END MODAL WINDOW (IMAGE LINK) --> {% endcomment %}
|
||
|
||
<div id="modal-3" class="modal auto-off fade" tabindex="-1" role="dialog" aria-labelledby="modal-3">
|
||
<div class="modal-dialog modal-xl modal-dialog-centered">
|
||
<div class="modal-content">
|
||
|
||
|
||
<!-- CLOSE BUTTON -->
|
||
<button type="button" class="btn-close ico-10 white-color" data-bs-dismiss="modal" aria-label="Close">
|
||
<span class="flaticon-cancel"></span>
|
||
</button>
|
||
|
||
|
||
<!-- MODAL CONTENT -->
|
||
<div class="modal-body">
|
||
<div class="container">
|
||
<div class="row">
|
||
|
||
|
||
<!-- BACKGROUND IMAGE -->
|
||
<div class="col-md-5 bg-img d-none d-sm-flex align-items-end"></div>
|
||
|
||
|
||
<!-- REQUEST FORM -->
|
||
<div class="col-md-7">
|
||
<div class="modal-body-content">
|
||
|
||
<!-- TEXT -->
|
||
<div class="request-form-title">
|
||
|
||
<!-- Title -->
|
||
<h3 class="s-28 w-700">Get started for Free!</h3>
|
||
|
||
<!-- Text -->
|
||
<p class="color--grey">Aliquam augue suscipit, luctus neque purus ipsum
|
||
neque dolor primis libero
|
||
</p>
|
||
|
||
</div>
|
||
|
||
<!-- FORM -->
|
||
<form name="requestForm" class="row request-form">
|
||
|
||
<!-- Form Input -->
|
||
<div class="col-md-12">
|
||
<input type="text" name="name" class="form-control name" placeholder="Enter Your Name*" autocomplete="off" required>
|
||
</div>
|
||
|
||
<!-- Form Input -->
|
||
<div class="col-md-12">
|
||
<input type="email" name="email" class="form-control email" placeholder="Enter Your Email*" autocomplete="off" required>
|
||
</div>
|
||
|
||
<!-- Form Button -->
|
||
<div class="col-md-12 form-btn">
|
||
<button type="submit" class="btn btn--theme hover--black submit">Get Started Now</button>
|
||
</div>
|
||
|
||
<!-- Form Message -->
|
||
<div class="col-md-12 request-form-msg">
|
||
<span class="loading"></span>
|
||
</div>
|
||
|
||
</form> <!-- END FORM -->
|
||
|
||
</div>
|
||
</div> <!-- END REQUEST FORM -->
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div> <!-- END MODAL CONTENT -->
|
||
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer id="footer-3" class="pt-100 footer ft-3-ntr">
|
||
<div class="container">
|
||
|
||
|
||
<!-- FOOTER CONTENT -->
|
||
<div class="row">
|
||
|
||
|
||
<!-- FOOTER LOGO -->
|
||
<div class="col-xl-3">
|
||
<div class="footer-info">
|
||
<img class="footer-logo" src="{% static 'images/logo-pink.png' %}" alt="footer-logo">
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- FOOTER LINKS -->
|
||
<div class="col-sm-4 col-lg-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="blog-listing.html">Our Blog</a></p></li>
|
||
</ul>
|
||
|
||
</div>
|
||
</div> <!-- END FOOTER LINKS -->
|
||
|
||
|
||
<!-- FOOTER LINKS -->
|
||
<div class="col-sm-4 col-lg-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="download.html">What's New</a></p></li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
</div> <!-- END FOOTER LINKS -->
|
||
|
||
|
||
<!-- FOOTER LINKS -->
|
||
<div class="col-sm-4 col-lg-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>
|
||
</ul>
|
||
|
||
</div>
|
||
</div> <!-- END FOOTER LINKS -->
|
||
|
||
|
||
<!-- FOOTER NEWSLETTER FORM -->
|
||
<div class="col-sm-10 col-md-8 col-lg-4 col-xl-3">
|
||
<div class="footer-form">
|
||
|
||
<!-- Title -->
|
||
<h6 class="s-17 w-700">Contact Us</h6>
|
||
|
||
<ul class="foo-links clearfix">
|
||
<li><p><a href="help-center.html">Help Center</a></p></li>
|
||
<li><p><a href="pricing-1.html">Pricing</a></p></li>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
</div> <!-- END FOOTER NEWSLETTER FORM -->
|
||
|
||
|
||
</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">© 2024 autoMedSys. <span>All Rights Reserved</span></p>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<!-- FOOTER SOCIALS -->
|
||
<div class="col">
|
||
<ul class="bottom-footer-socials ico-20 text-end">
|
||
<li><a href="https://www.facebook.com/profile.php?id=100067596795422"><span class="flaticon-facebook"></span></a></li>
|
||
<li><a href="#"><span class="flaticon-twitter"></span></a></li>
|
||
<li><a href="#"><span class="flaticon-instagram"></span></a></li>
|
||
<li><a href="#"><span class="flaticon-youtube"></span></a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
|
||
</div> <!-- End row -->
|
||
</div> <!-- END BOTTOM FOOTER -->
|
||
|
||
|
||
</div> <!-- End container -->
|
||
</footer>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<!-- EXTERNAL SCRIPTS
|
||
============================================= -->
|
||
<script src="{% static 'js/jquery-3.7.0.min.js' %}"></script>
|
||
<script src="{% static 'js/bootstrap.min.js' %}"></script>
|
||
<script src="{% static 'js/modernizr.custom.js' %}"></script>
|
||
<script src="{% static 'js/jquery.easing.js' %}"></script>
|
||
<script src="{% static 'js/jquery.appear.js' %}"></script>
|
||
<script src="{% static 'js/menu.js' %}"></script>
|
||
<script src="{% static 'js/owl.carousel.min.j' %}s"></script>
|
||
<script src="{% static 'js/pricing-toggle.js' %}"></script>
|
||
<script src="{% static 'js/jquery.magnific-popup.min.js' %}"></script>
|
||
<script src="{% static 'js/request-form.js' %}"></script>
|
||
<script src="{% static 'js/jquery.validate.min.js' %}"></script>
|
||
<script src="{% static 'js/jquery.ajaxchimp.min.js' %}"></script>
|
||
<script src="{% static 'js/popper.min.js' %}"></script>
|
||
<script src="{% static 'js/lunar.js' %}"></script>
|
||
<script src="{% static 'js/wow.js' %}"></script>
|
||
|
||
<!-- Custom Script -->
|
||
<script src="{% static '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> |