{% 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&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">
		
		
		<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>
						           		</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">Your healthcare solutions that fits your world.
								</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">
					<div class="row justify-content-center">
						<div class="col-md-10 col-lg-9">
							<div class="section-title mb-70">
								<h2 class="s-50 w-700">Human-centric general health solutions provider</h2>
								<p class="s-21 color--grey">autoMedSys is dedicated to modern and AI-powered healthcare solutions.</p>
									
							</div>	
						</div>
					</div>

					<div class="fbox-wrapper text-center">
						<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4">
							<div class="col">
		 						<div class="fbox-6 fb-1 wow fadeInUp">
									<div class="fbox-ico ico-55">
										<div class="shape-ico color--theme">
											<img class="img-fluid" style="height: 75px; width: 75px;" src="{% static 'images/rader.png' %} " alt="content-image">


										</div>
									</div>	<!-- End Icon -->

									<!-- Text -->
									<div class="fbox-txt">
										<h6 class="s-20 w-700">Personal HealthRader</h6>
										<p>Personal and group health care tools for everyday activities</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 -->
											<img class="img-fluid" style="height: 75px; width: 75px;" src="{% static 'images/myfit.png' %} " alt="content-image">



										</div>
									</div>	<!-- End Icon -->

									<!-- Text -->
									<div class="fbox-txt">
										<h6 class="s-20 w-700">MyFit Care Manager</h6>
										<p>Plan individual and group exercise, nutrition with smart agents.</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">
<!--											<span class="flaticon-graphic"></span>-->
											<a href="#abulatory">	<img class="img-fluid" style="height: 75px; width: 75px;" src="{% static 'images/abulatory.png' %} " alt="content-image"> </a>
										</div>
									</div>	<!-- End Icon -->

									<!-- Text -->
									<div class="fbox-txt">
										<h6 class="s-20 w-700">Ambulatory Systems</h6>
										<p>Everything you need to run your practice daily, manage claims</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 -->
											<img class="img-fluid" style="height: 75px; width: 75px;" src="{% static 'images/research.png' %} " alt="content-image">


										</div>
									</div>	<!-- End Icon -->

									<!-- Text -->
									<div class="fbox-txt">
										<h6 class="s-20 w-700">Research Platform</h6>
										<p>Plan,collate surveys and health data with HealthMind</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">autoMedSys</span>

								<!-- Title -->	
								<h2 class="s-46 w-700">Healthcare solution in all directions</h2>

								<!-- Text -->	
								<p>Follow our coverage of personal, business, and institutional needs.
								</p>

								<!-- Small Title -->	
								<h5 class="s-24 w-700">Personal Care</h5>

								<!-- List -->	
								<ul class="simple-list">

									<li class="list-item">
										<p class="mb-0">Purus suscipit cursus vitae cubilia magnis volute egestas vitae
									</li>
								</ul>

								<h5 class="s-24 w-700">Abulatory  Platforms</h5>
								<ul class="simple-list">
									<li class="list-item">
										<p>
											Your Practice. Your Solutions. Use one or more solutions customized to meet your needs.
										</p>
									</li>
								</ul>
								<h5 class="s-24 w-700">Research & A.I. Modeling </h5>
								<ul class="simple-list">
									<li class="list-item">
										<p>Sapien quaerat tempor an ipsum laoreet purus and sapien dolor an ultrice ipsum
										</p>
									</li>
								</ul>
							</div>
						</div>


					</div>


				</div>
			</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">
									<h2 class="s-46 w-700">myFit</h2>
									<!-- 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">

								<h2 class="s-46 w-700">HealthRader</h2>
								<!-- 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="abulatory" 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>Your Practice. Your Solutions. Use one or more solutions customized to meet your needs.
								</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>

								<a href="https://www.automedsys.net" class="btn btn-sm r-04 btn--tra-black hover--theme">
									Learn more
								</a>

							</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">Practice Management</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">Claims Processing</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">eRX with EPCS and PDMP</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">Telehealth</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&#45;&#45;06 shape&#45;&#45;gr-whitesmoke reviews-section">-->
<!--				<div class="container">-->


<!--					&lt;!&ndash; SECTION TITLE &ndash;&gt;	-->
<!--					<div class="row justify-content-center">	-->
<!--						<div class="col-md-10 col-lg-9">-->
<!--							<div class="section-title mb-70">	-->

<!--								&lt;!&ndash; Title &ndash;&gt;	-->
<!--								<h2 class="s-50 w-700">Here’s what our amazing clients are saying</h2>	-->

<!--								&lt;!&ndash; Text &ndash;&gt;	-->
<!--								<p class="s-21 color&#45;&#45;grey">Ligula risus auctor tempus magna feugiat lacinia.</p>-->
<!--									-->
<!--							</div>	-->
<!--						</div>-->
<!--					</div>-->


<!--					&lt;!&ndash; TESTIMONIALS CONTENT &ndash;&gt;-->
<!--					<div class="row">-->
<!--						<div class="col">					-->
<!--							<div class="owl-carousel owl-theme reviews-1-wrapper">-->


<!--								&lt;!&ndash; TESTIMONIAL #1 &ndash;&gt;-->
<!--								<div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->

<!--									&lt;!&ndash; Quote Icon &ndash;&gt;-->
<!--		 							<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->

<!--									&lt;!&ndash; Text &ndash;&gt;-->
<!--									<div class="review-txt">-->

<!--										&lt;!&ndash; Text &ndash;&gt;-->
<!--										<p>Etiam sapien sagittis congue augue a massa varius egestas ultrice varius magna -->
<!--										   a tempus aliquet undo cursus suscipit 			   -->
<!--										</p>-->

<!--										&lt;!&ndash; Author &ndash;&gt;-->
<!--										<div class="author-data clearfix">-->

<!--											&lt;!&ndash; Avatar &ndash;&gt;-->
<!--											<div class="review-avatar">-->
<!--												<img src="{% static 'images/review-author-1.jpg' %}" alt="review-avatar">-->
<!--											</div>-->
<!--														-->
<!--											&lt;!&ndash; Data &ndash;&gt;-->
<!--											<div class="review-author">-->
<!--												<h6 class="s-18 w-700">Scott Boxer</h6>-->
<!--												<p class="p-sm">@scott_boxer</p>-->
<!--											</div>	-->

<!--										</div>	&lt;!&ndash; End Author &ndash;&gt;-->

<!--									</div>	&lt;!&ndash; End Text &ndash;&gt;-->

<!--								</div>	&lt;!&ndash; END TESTIMONIAL #1 &ndash;&gt;-->


<!--								&lt;!&ndash; TESTIMONIAL #2 &ndash;&gt;-->
<!--								<div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->

<!--									&lt;!&ndash; Quote Icon &ndash;&gt;-->
<!--		 							<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->

<!--									&lt;!&ndash; Text &ndash;&gt;-->
<!--									<div class="review-txt">-->

<!--										&lt;!&ndash; Text &ndash;&gt;-->
<!--										<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>-->

<!--										&lt;!&ndash; Author &ndash;&gt;-->
<!--										<div class="author-data clearfix">-->

<!--											&lt;!&ndash; Avatar &ndash;&gt;-->
<!--											<div class="review-avatar">-->
<!--												<img src="{% static 'images/review-author-2.jpg' %}" alt="review-avatar">-->
<!--											</div>-->
<!--														-->
<!--											&lt;!&ndash; Data &ndash;&gt;-->
<!--											<div class="review-author">-->
<!--												<h6 class="s-18 w-700">Joel Peterson</h6>-->
<!--												<p class="p-sm">Internet Surfer</p>-->
<!--											</div>	-->

<!--										</div>	&lt;!&ndash; End Author &ndash;&gt;-->

<!--									</div>	&lt;!&ndash; End Text &ndash;&gt;-->

<!--								</div>	&lt;!&ndash; END TESTIMONIAL #2 &ndash;&gt;-->
<!--						-->
<!--						-->
<!--								&lt;!&ndash; TESTIMONIAL #3 &ndash;&gt;-->
<!--								<div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->

<!--									&lt;!&ndash; Quote Icon &ndash;&gt;-->
<!--		 							<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->

<!--									&lt;!&ndash; Text &ndash;&gt;-->
<!--									<div class="review-txt">-->

<!--										&lt;!&ndash; Text &ndash;&gt;-->
<!--										<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>-->

<!--										&lt;!&ndash; Author &ndash;&gt;-->
<!--										<div class="author-data clearfix">-->

<!--											&lt;!&ndash; Avatar &ndash;&gt;-->
<!--											<div class="review-avatar">-->
<!--												<img src="{% static 'images/review-author-3.jpg' %}" alt="review-avatar">-->
<!--											</div>-->
<!--														-->
<!--											&lt;!&ndash; Data &ndash;&gt;-->
<!--											<div class="review-author">-->
<!--												<h6 class="s-18 w-700">Marisol19</h6>-->
<!--												<p class="p-sm">@marisol19</p>-->
<!--											</div>	-->

<!--										</div>	&lt;!&ndash; End Author &ndash;&gt;-->

<!--									</div>	&lt;!&ndash; End Text &ndash;&gt;-->

<!--								</div>	&lt;!&ndash; END TESTIMONIAL #3 &ndash;&gt;-->


<!--								&lt;!&ndash; TESTIMONIAL #4 &ndash;&gt;-->
<!--								<div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->

<!--									&lt;!&ndash; Quote Icon &ndash;&gt;-->
<!--		 							<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->

<!--									&lt;!&ndash; Text &ndash;&gt;-->
<!--									<div class="review-txt">-->

<!--										&lt;!&ndash; Text &ndash;&gt;-->
<!--										<p>Mauris donec a magnis sapien etiam pretium a congue augue volutpat lectus -->
<!--										   aenean magna and undo mauris lectus laoreet tempor egestas rutrum-->
<!--										</p>-->

<!--										&lt;!&ndash; Author &ndash;&gt;-->
<!--										<div class="author-data clearfix">-->

<!--											&lt;!&ndash; Avatar &ndash;&gt;-->
<!--											<div class="review-avatar">-->
<!--												<img src="{% static 'images/review-author-4.jpg' %}" alt="review-avatar">-->
<!--											</div>-->
<!--														-->
<!--											&lt;!&ndash; Data &ndash;&gt;-->
<!--											<div class="review-author">-->
<!--												<h6 class="s-18 w-700">Leslie D.</h6>-->
<!--												<p class="p-sm">Web Developer</p>-->
<!--											</div>	-->

<!--										</div>	&lt;!&ndash; End Author &ndash;&gt;-->

<!--									</div>	&lt;!&ndash; End Text &ndash;&gt;-->

<!--								</div>	&lt;!&ndash; END TESTIMONIAL #4 &ndash;&gt;-->
<!--								-->
<!--								-->
<!--								&lt;!&ndash; TESTIMONIAL #5 &ndash;&gt;-->
<!--								<div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->

<!--									&lt;!&ndash; Quote Icon &ndash;&gt;-->
<!--		 							<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->

<!--									&lt;!&ndash; Text &ndash;&gt;-->
<!--									<div class="review-txt">-->

<!--										&lt;!&ndash; Text &ndash;&gt;-->
<!--										<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>-->

<!--										&lt;!&ndash; Author &ndash;&gt;-->
<!--										<div class="author-data clearfix">-->

<!--											&lt;!&ndash; Avatar &ndash;&gt;-->
<!--											<div class="review-avatar">-->
<!--												<img src="{% static 'images/review-author-5.jpg' %}" alt="review-avatar">-->
<!--											</div>-->
<!--														-->
<!--											&lt;!&ndash; Data &ndash;&gt;-->
<!--											<div class="review-author">-->
<!--												<h6 class="s-18 w-700">Jennifer Harper</h6>-->
<!--												<p class="p-sm">App Developer</p>-->
<!--											</div>	-->

<!--										</div>	&lt;!&ndash; End Author &ndash;&gt;-->

<!--									</div>	&lt;!&ndash; End Text &ndash;&gt;-->

<!--								</div>	&lt;!&ndash; END TESTIMONIAL #5 &ndash;&gt;-->
<!--								-->
<!--								-->
<!--								&lt;!&ndash; TESTIMONIAL #6 &ndash;&gt;-->
<!--								<div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->

<!--									&lt;!&ndash; Quote Icon &ndash;&gt;-->
<!--		 							<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->

<!--									&lt;!&ndash; Text &ndash;&gt;-->
<!--									<div class="review-txt">-->

<!--										&lt;!&ndash; Text &ndash;&gt;-->
<!--										<p>An augue cubilia laoreet undo magna ipsum semper suscipit egestas magna ipsum -->
<!--										   ligula a vitae purus and ipsum primis cubilia magna suscipit			   -->
<!--										</p>-->

<!--										&lt;!&ndash; Author &ndash;&gt;-->
<!--										<div class="author-data clearfix">-->

<!--											&lt;!&ndash; Avatar &ndash;&gt;-->
<!--											<div class="review-avatar">-->
<!--												<img src="{% static 'images/review-author-6.jpg' %}" alt="review-avatar">-->
<!--											</div>-->
<!--														-->
<!--											&lt;!&ndash; Data &ndash;&gt;-->
<!--											<div class="review-author">-->
<!--												<h6 class="s-18 w-700">Jonathan Barnes</h6>-->
<!--												<p class="p-sm">jQuery Programmer</p>-->
<!--											</div>	-->

<!--										</div>	&lt;!&ndash; End Author &ndash;&gt;-->

<!--									</div>	&lt;!&ndash; End Text &ndash;&gt;-->

<!--								</div>	&lt;!&ndash; END TESTIMONIAL #6 &ndash;&gt;-->
<!--								-->
<!--								-->
<!--								&lt;!&ndash; TESTIMONIAL #7 &ndash;&gt;-->
<!--								<div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->

<!--									&lt;!&ndash; Quote Icon &ndash;&gt;-->
<!--		 							<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->

<!--									&lt;!&ndash; Text &ndash;&gt;-->
<!--									<div class="review-txt">-->

<!--										&lt;!&ndash; Text &ndash;&gt;-->
<!--										<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>-->

<!--										&lt;!&ndash; Author &ndash;&gt;-->
<!--										<div class="author-data clearfix">-->

<!--											&lt;!&ndash; Avatar &ndash;&gt;-->
<!--											<div class="review-avatar">-->
<!--												<img src="{% static 'images/review-author-7.jpg' %}" alt="review-avatar">-->
<!--											</div>-->
<!--														-->
<!--											&lt;!&ndash; Data &ndash;&gt;-->
<!--											<div class="review-author">-->
<!--												<h6 class="s-18 w-700">Mike Harris</h6>-->
<!--												<p class="p-sm">Graphic Designer</p>-->
<!--											</div>	-->

<!--										</div>	&lt;!&ndash; End Author &ndash;&gt;-->

<!--									</div>	&lt;!&ndash; End Text &ndash;&gt;-->

<!--								</div>	&lt;!&ndash; END TESTIMONIAL #7 &ndash;&gt;-->


<!--								&lt;!&ndash; TESTIMONIAL #8 &ndash;&gt;-->
<!--								<div class="review-1 bg&#45;&#45;white-100 block-shadow r-08">-->

<!--									&lt;!&ndash; Quote Icon &ndash;&gt;-->
<!--		 							<div class="review-ico ico-65"><span class="flaticon-quote"></span></div>-->

<!--									&lt;!&ndash; Text &ndash;&gt;-->
<!--									<div class="review-txt">-->

<!--										&lt;!&ndash; Text &ndash;&gt;-->
<!--										<p>Augue at vitae purus tempus egestas volutpat augue undo cubilia laoreet magna -->
<!--										   suscipit luctus dolor blandit at purus tempus feugiat impedit-->
<!--										</p>-->

<!--										&lt;!&ndash; Author &ndash;&gt;-->
<!--										<div class="author-data clearfix">-->

<!--											&lt;!&ndash; Avatar &ndash;&gt;-->
<!--											<div class="review-avatar">-->
<!--												<img src="{% static 'images/review-author-8.jpg' %}" alt="review-avatar">-->
<!--											</div>-->
<!--														-->
<!--											&lt;!&ndash; Data &ndash;&gt;-->
<!--											<div class="review-author">-->
<!--												<h6 class="s-18 w-700">Evelyn Martinez</h6>-->
<!--												<p class="p-sm">WordPress Consultant</p>-->
<!--											</div>	-->

<!--										</div>	&lt;!&ndash; End Author &ndash;&gt;-->

<!--									</div>	&lt;!&ndash; End Text &ndash;&gt;-->

<!--								</div>	&lt;!&ndash; END TESTIMONIAL #8 &ndash;&gt;-->


<!--							</div>-->
<!--						</div>-->
<!--					</div>	&lt;!&ndash; END TESTIMONIALS CONTENT &ndash;&gt;-->


<!--				</div>	   &lt;!&ndash; End container &ndash;&gt;-->
<!--			</section>-->



<!--			<section id="faqs-3" class="pt-100 faqs-section">				-->
<!--				<div class="container">-->


<!--					&lt;!&ndash; SECTION TITLE &ndash;&gt;	-->
<!--					<div class="row justify-content-center">	-->
<!--						<div class="col-md-10 col-lg-9">-->
<!--							<div class="section-title mb-70">	-->

<!--								&lt;!&ndash; Title &ndash;&gt;	-->
<!--								<h2 class="s-50 w-700">Questions & Answers</h2>	-->

<!--								&lt;!&ndash; Text &ndash;&gt;	-->
<!--								<p class="s-21 color&#45;&#45;grey">Ligula risus auctor tempus magna feugiat lacinia.</p>-->
<!--									-->
<!--							</div>	-->
<!--						</div>-->
<!--					</div>-->


<!--					&lt;!&ndash; FAQs-3 QUESTIONS &ndash;&gt;	-->
<!--					<div class="faqs-3-questions">-->
<!--						<div class="row">-->


<!--							&lt;!&ndash; QUESTIONS HOLDER &ndash;&gt;-->
<!--							<div class="col-lg-6">-->
<!--								<div class="questions-holder">-->


<!--									&lt;!&ndash; QUESTION #1 &ndash;&gt;-->
<!--									<div class="question mb-35 wow fadeInUp">-->

<!--										&lt;!&ndash; Question &ndash;&gt;-->
<!--										<h5 class="s-22 w-700"><span>1.</span> Getting started with Martex</h5>-->

<!--										&lt;!&ndash; Answer &ndash;&gt;-->
<!--										<p class="color&#45;&#45;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>	-->


<!--									&lt;!&ndash; QUESTION #2 &ndash;&gt;					-->
<!--									<div class="question mb-35 wow fadeInUp">-->

<!--										&lt;!&ndash; Question &ndash;&gt;-->
<!--										<h5 class="s-22 w-700"><span>2.</span> What's inside the package?</h5>-->

<!--										&lt;!&ndash; Answer &ndash;&gt;-->
<!--										<p class="color&#45;&#45;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>-->


<!--									&lt;!&ndash; QUESTION #3 &ndash;&gt;					-->
<!--									<div class="question mb-35 wow fadeInUp">-->

<!--										&lt;!&ndash; Question &ndash;&gt;-->
<!--										<h5 class="s-22 w-700"><span>3.</span> How do I choose a plan?</h5>-->

<!--										&lt;!&ndash; Answer &ndash;&gt;-->
<!--										<ul class="simple-list color&#45;&#45;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>	&lt;!&ndash; END QUESTIONS HOLDER &ndash;&gt;-->


<!--							&lt;!&ndash; QUESTIONS WRAPPER &ndash;&gt;-->
<!--							<div class="col-lg-6">-->
<!--								<div class="questions-holder">-->

<!--								-->
<!--									&lt;!&ndash; QUESTION #4 &ndash;&gt;					-->
<!--									<div class="question mb-35 wow fadeInUp">-->

<!--										&lt;!&ndash; Question &ndash;&gt;-->
<!--										<h5 class="s-22 w-700"><span>4.</span> How does Martex handle my privacy?</h5>-->

<!--										&lt;!&ndash; Answer &ndash;&gt;-->
<!--										<p class="color&#45;&#45;grey">Quaerat sodales sapien euismod blandit purus a purus -->
<!--											ipsum primis in cubilia laoreet augue luctus dolor luctus-->
<!--										</p>-->

<!--										&lt;!&ndash; Answer &ndash;&gt;-->
<!--										<p class="color&#45;&#45;grey">An enim nullam tempor sapien gravida donec congue metus. -->
<!--											Vitae arcu mollis blandit integer nemo volute velna-->
<!--										</p>-->

<!--									</div>-->

<!--										-->
<!--									&lt;!&ndash; QUESTION #5 &ndash;&gt;-->
<!--									<div class="question mb-35 wow fadeInUp">-->

<!--										&lt;!&ndash; Question &ndash;&gt;-->
<!--										<h5 class="s-22 w-700"><span>5.</span> I have an issue with my account</h5>-->

<!--										&lt;!&ndash; Answer &ndash;&gt;-->
<!--										<p class="color&#45;&#45;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>-->


<!--									&lt;!&ndash; QUESTION #6 &ndash;&gt;-->
<!--									<div class="question mb-35 wow fadeInUp">-->

<!--										&lt;!&ndash; Question &ndash;&gt;-->
<!--										<h5 class="s-22 w-700"><span>6.</span> Can I cancel at anytime?</h5>-->

<!--										&lt;!&ndash; Answer &ndash;&gt;-->
<!--										<p class="color&#45;&#45;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>	&lt;!&ndash; END QUESTIONS HOLDER &ndash;&gt;-->


<!--						</div>  &lt;!&ndash; End row &ndash;&gt;	-->
<!--					</div>	&lt;!&ndash; END FAQs-3 QUESTIONS &ndash;&gt;	-->


<!--					&lt;!&ndash; MORE QUESTIONS LINK &ndash;&gt;	-->
<!--					<div class="row">-->
<!--						<div class="col">	-->
<!--							<div class="more-questions mt-40">-->
<!--								<div class="more-questions-txt bg&#45;&#45;white-400 r-100">-->
<!--									<p class="p-lg">Have any questions? -->
<!--										<a href="contacts.html" class="color&#45;&#45;theme">Get in Touch</a>-->
<!--									</p>-->
<!--								</div>-->
<!--							</div>-->
<!--						</div>-->
<!--					</div>-->


<!--				</div>	   &lt;!&ndash; End container &ndash;&gt;		-->
<!--			</section>	&lt;!&ndash; END FAQs-3 &ndash;&gt;-->

			{% 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">About Us</a></p></li>
									<li><p><a href="https://blog.automedsys.ai/">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">Terms of Use</a></p></li>
									<li><p><a href="/privacy">Privacy Policy</a></p></li>
									<li><p><a href="/cookies">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">&copy; 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>