<?php
    require_once(rtrim($_SERVER['DOCUMENT_ROOT'], '/') . '/wp-load.php');
?>


<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->

<head>

	<style>
		/* The navigation bar */
		
		.btncustomForSubscribe {
            border-radius: 20px 0px;
            
        }
        
    
		.floating-bar2 {
			overflow: hidden;
			background-color: #2f2321;
			position: top;
			/* Set the navbar to fixed position */
			top: 0;
			/* Position the navbar at the bottom of the page */
			width: 100%;
			/* Full width */
			opacity: 1;
		}


		.floating-bar {
			overflow: hidden;
			background-color: #1f8ef5;
			position: fixed;
			/* Set the navbar to fixed position */
			bottom: 0;
			/* Position the navbar at the bottom of the page */
			width: 100%;
			/* Full width */
			opacity: 1;
		}

		/* Links inside the navbar */
		.floating-bar a {
			float: center;


			text-align: center;
			padding: 0px 20px;
			text-decoration: none;
		}

		/* Main content */
		.main {
			margin-bottom: 50px;
			/* Add a bottom margin to avoid content overlay */
		}

		.topnav {
			overflow: hidden;
			background-color: #202020;
		}

		.topnav a {
			float: left;
			display: block;
			color: #f2f2f2;
			text-align: center;
			padding: 14px 2%;
			text-decoration: none;
			font-size: 14px;



		}

		.topnav a:hover {
			background-color: #9da511;
			color: white;
		}

		.topnav a.active {
			background-color: #e7f412;
			color: white;


		}

		.topnav .icon {

			display: none;

		}

		.footerLayout {
			left: 0px;
			width: 100%;
			height: auto;
			border-width: 1;
			font-family: Helvetica, Arial, sans-serif;
			background-color: #FFF;
			float: left;
		}

		@media screen and (max-width: 900px) {
			.topnav a:not(:first-child) {
				display: none;
			}

			.topnav a.icon {
				float: right;
				display: block;
			}
		}

		@media screen and (max-width: 900px) {
			.topnav.responsive {
				position: relative;
			}

			.topnav.responsive .icon {
				position: absolute;
				right: 0;
				top: 0;
			}

			.topnav.responsive a {
				float: none;
				display: block;
				text-align: left;
			}
		}

		/* Add a color to the active/current link */
		.topnav a.active {
			background-color: #e7f412;
			color: black;

		}


		.bottomnav {
			overflow: hidden;
			background-color: #333;
		}

		.bottomnav a {
			float: left;
			display: block;
			color: #f2f2f2;
			text-align: center;
			padding: 14px 3%;
			text-decoration: none;
			font-size: 14px;



		}

		.bottomnav a:hover {

			color: grey;
		}

		.bottomnav a.active {
			background-color: #4CAF50;
			color: white;


		}

		.bottomnav .icon {

			display: none;

		}

		@media screen and (max-width: 900px) {
			.bottomnav a:not(:first-child) {
				display: none;
			}

			.bottomnav a.icon {
				float: right;
				display: block;
			}
		}

		@media screen and (max-width: 900px) {
			.bottomnav.responsive {
				position: relative;
			}

			.bottomnav.responsive .icon {
				position: absolute;
				right: 0;
				top: 0;
			}

			.bottomnav.responsive a {
				float: none;
				display: block;
				text-align: left;
			}
		}

		/* Add a color to the active/current link */
		.bottomnav a.active {
			background-color: #4CAF50;
			color: white;

		}


		.fa option {

			font-weight: 200;
		}
		
	
        
	</style>
	<!-- Snow	 -->
	<style>
		/* customizable snowflake styling */
		.snowflake {
			color: #fff;
			font-size: 1em;
			font-family: Arial, sans-serif;
			text-shadow: 0 0 5px #000;
		}

		@-webkit-keyframes snowflakes-fall {
			0% {
				top: -10%
			}

			100% {
				top: 100%
			}
		}

		@-webkit-keyframes snowflakes-shake {

			0%,
			100% {
				-webkit-transform: translateX(0);
				transform: translateX(0)
			}

			50% {
				-webkit-transform: translateX(80px);
				transform: translateX(80px)
			}
		}

		@keyframes snowflakes-fall {
			0% {
				top: -10%
			}

			100% {
				top: 100%
			}
		}

		@keyframes snowflakes-shake {

			0%,
			100% {
				transform: translateX(0)
			}

			50% {
				transform: translateX(80px)
			}
		}

		.snowflake {
			position: fixed;
			top: -10%;
			z-index: 9999;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			cursor: default;
			-webkit-animation-name: snowflakes-fall, snowflakes-shake;
			-webkit-animation-duration: 10s, 3s;
			-webkit-animation-timing-function: linear, ease-in-out;
			-webkit-animation-iteration-count: infinite, infinite;
			-webkit-animation-play-state: running, running;
			animation-name: snowflakes-fall, snowflakes-shake;
			animation-duration: 10s, 3s;
			animation-timing-function: linear, ease-in-out;
			animation-iteration-count: infinite, infinite;
			animation-play-state: running, running
		}

		.snowflake:nth-of-type(0) {
			left: 1%;
			-webkit-animation-delay: 0s, 0s;
			animation-delay: 0s, 0s
		}

		.snowflake:nth-of-type(1) {
			left: 10%;
			-webkit-animation-delay: 1s, 1s;
			animation-delay: 1s, 1s
		}

		.snowflake:nth-of-type(2) {
			left: 20%;
			-webkit-animation-delay: 6s, .5s;
			animation-delay: 6s, .5s
		}

		.snowflake:nth-of-type(3) {
			left: 30%;
			-webkit-animation-delay: 4s, 2s;
			animation-delay: 4s, 2s
		}

		.snowflake:nth-of-type(4) {
			left: 40%;
			-webkit-animation-delay: 2s, 2s;
			animation-delay: 2s, 2s
		}

		.snowflake:nth-of-type(5) {
			left: 50%;
			-webkit-animation-delay: 8s, 3s;
			animation-delay: 8s, 3s
		}

		.snowflake:nth-of-type(6) {
			left: 60%;
			-webkit-animation-delay: 6s, 2s;
			animation-delay: 6s, 2s
		}

		.snowflake:nth-of-type(7) {
			left: 70%;
			-webkit-animation-delay: 2.5s, 1s;
			animation-delay: 2.5s, 1s
		}

		.snowflake:nth-of-type(8) {
			left: 80%;
			-webkit-animation-delay: 1s, 0s;
			animation-delay: 1s, 0s
		}

		.snowflake:nth-of-type(9) {
			left: 90%;
			-webkit-animation-delay: 3s, 1.5s;
			animation-delay: 3s, 1.5s
		}

		.snowflake:nth-of-type(10) {
			left: 25%;
			-webkit-animation-delay: 2s, 0s;
			animation-delay: 2s, 0s
		}

		.snowflake:nth-of-type(11) {
			left: 65%;
			-webkit-animation-delay: 4s, 2.5s;
			animation-delay: 4s, 2.5s
		}
	</style>
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-140324885-1"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag() { dataLayer.push(arguments); }
		gtag('js', new Date());

		gtag('config', 'UA-140324885-1');
	</script>
	<script>
		function myFunction() {
			var x = document.getElementById("myTopnav");
			if (x.className === "topnav") {
				x.className += " responsive";
			} else {
				x.className = "topnav";
			}
		}
	</script>
	<title>STF Configurator</title>
	<!-- meta charec set -->

	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=DM+Sans:opsz@9..40&display=swap" rel="stylesheet">

	<meta charset="UTF-8">
	<META NAME="author" CONTENT="Power Plus Mobility Inc.">
	<META NAME="subject" CONTENT="Power Plus Mobility Inc.">
	<META NAME="Description"
		CONTENT="Power Plus Mobility's Seat to Floor configurator. You can now easily find out if a STF can be achieved through our Seat to Floor Calculator.">
	<META NAME="Classification"
		CONTENT="Established in December 2002, Power Plus Mobility originated and runs from Ontario, Canada. Proud to say born and built in Canada, it's continually innovative products on the market provide insight into this business that strives to help benefit others with wheelchairs and seating systems. Please keep checking back as more products and information will be added here as the business progresses. CUSTOMIZE ANYTHING! Power Plus Mobility advanced machinery specializes in manufacturing custom parts to customers specifications from either a drawing or a sample. The parts we manufacture could be simple or more complex and can be manufactured in small or large quantities. Contact your local sales representative with your specifications.">
	<META NAME="Keywords"
		CONTENT="Toronto Wheelchair Manufacturing, Wheelchair Manufacturer, Wheelchair Accessories, Seating, Backs and Cushions, Backs, Cushions for Wheelchairs, seating and Mobility, Power Plus Mobility, Power Plus, Lap trays, Bolsters, Footrests, Front Rigging, Casters and Wheels">
	<META NAME="Geography" CONTENT="208 Wilkinson Road">
	<META NAME="Language" CONTENT="English">
	<META NAME="Copyright" CONTENT="Power Plus Mobility">
	<META NAME="Designer" CONTENT="AHZ Design Solutions - http://ahzsolutions.com">
	<META NAME="distribution" CONTENT="Global">
	<META NAME="Robots" CONTENT="INDEX,FOLLOW">
	<META NAME="zipcode" CONTENT="L6T 4M4">
	<META NAME="city" CONTENT="Brampton">
	<META NAME="country" CONTENT="Canada">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">



	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content="" />
	<meta property="og:image" content="" />
	<meta property="og:url" content="" />
	<meta property="og:site_name" content="" />
	<meta property="og:description" content="" />
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
	<link rel="shortcut icon" href="favicon.ico">

	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>

	<!-- <link rel="stylesheet" href="assets/css/main.css" /> -->
	<!-- Mobile Specific Meta -->

	<style>
		p {
			color: rgba(0, 0, 0, 0.80);

			/* Content */
			font-family: DM Sans;
			font-size: 20px;
			font-style: normal;
			font-weight: 400;
			line-height: 30px;
			/* 150% */
		}

		h1 {
			color: #090909;
			font-family: DM Sans;
			font-size: 48px;
			font-style: normal;
			font-weight: 700;
			line-height: 54px;
			/* 112.5% */
			text-transform: capitalize;
		}

		.navtext {
			color: #FFF;
			font-family: DM Sans;
			font-size: 14px;
			font-style: normal;
			font-weight: 700;
			line-height: normal;
		}

		.sec01Img {
			text-align: center;
			font-family: DM Sans;
			font-size: 96px;
			font-style: normal;
			font-weight: 700;
			/* line-height: 100px; */
			/* 104.167% */
			text-transform: uppercase;
			background: url(./images/6218e029a2a9bac499669f7ae42c87a2.png), lightgray 50% / cover no-repeat;
			background-clip: text;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}

		.newsletter {
			/* color: #000; */
			font-family: DM Sans;
			font-size: 24px;
			font-style: normal;
			font-weight: 700;
			line-height: 40px;
			/* 166.667% */
		}

		.btncustom {
			border-radius: 20px 0px;
			margin-left: 10px;
			margin-right: 10px;
			display: flex;
			text-align: center;
			vertical-align: middle;
			width: 75%;
			/* Set a width as a percentage of its container */

			gap: 10px;
		}

		.footertext {
			color: var(--neutral-800, #A5ACBA);

			/* Text L/Regular */
			font-family: Inter;
			font-size: 16px;
			font-style: normal;
			font-weight: 400;
			line-height: 24px;
			/* 150% */
			letter-spacing: -0.1px;
		}

		.ul_font {
			color: #25438B;
			font-family: DM Sans;
			font-size: 24px;
			font-style: normal;
			font-weight: 700;
			line-height: 60px;
			/* 250% */
		}

		paradel {
			background-color: yellow;
		}

		@media screen and (max-width: 629px) {
			.sec01Img {
				text-align: center;
				font-family: DM Sans;
				font-size: 30px;
				font-style: normal;
				font-weight: 350;
				/* line-height: 100px; */
				/* 104.167% */
				text-transform: uppercase;
				background: url(./images/6218e029a2a9bac499669f7ae42c87a2.png), lightgray 50% / cover no-repeat;
				background-clip: text;
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
			}
		}

		@media (min-width: 768px) {
			.carousel-inner {
				display: flex;
			}

			.carousel-item {
				margin-right: 0;
				flex: 0 0 25%;
				display: block;
			}
		}

		@media (max-width: 629px) {
			img#optionalstuff {
				display: none;
			}
		}

		@media screen and (max-width: 629px) {
			.MobileContent {
				display: none;
			}
		}

		@media screen and (min-width: 629px) {
			.clicktocall {
				display: none;
			}
		}

		.carousel-inner {
			padding: 1em;
		}

		.card {
			margin: 0 .5em;
			box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
			border: none;
		}

		.carousel-control-prev,
		.carousel-control-next {
			background-color: #e1e1e1;
			width: 6vh;
			height: 6vh;
			border-radius: 50%;
			top: 50%;
			transform: translateY(-50%);
		}

		.card .img-wrapper {
			max-width: 100%;
			height: 13em;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		img {
			max-height: 100%;
		}
	</style>


</head>

<body>
    
    <div>
    
         <?php get_header(); ?> 
  
    </div>

	<div class="container-fluid bg-black">
		<br><br><br>
		<div class="container">
			<div class="row mb-5">
				<h1 style="color: white;"><b>What is Seat to floor Configurator ?</b></h1>
			</div>
			<div class="row">
				<p style="color: white;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
					Lorem Ipsum has been the industry's standard dummy text eve since the 1500s, when an unknown printer
					took a galley of type and scrambled it to make a type specimen book. It has survived not only five
					centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was
					popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and
					more recently with desktop publishing software like Aldus PageMaker including versions of Lorem
					Ipsum.</p>
			</div>
		</div>
		<br><br><br>
	</div>
	<div class="container-fluid bg-black">
		<img src="images/hero.png" alt="Seat to Floor Configurator" width="100%" height="50%" />
	</div>

	<div class="container">
		<div class="row mt-5 mb-5">
			<h1 style="color: #25438B;"><b>Power Plus Mobility</b></h1>
		</div>
		<div class="row">
			<div class="col-md-6">
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
					industry's standard dummy text eve since the 1500s, when an unknown printer took a galley of type
					and scrambled it to make a type specimen book. It has survived not only five centuries,</p>
				<form action="search.php" method="post">

					<p>
						<font color="black"><br>Choose the type of Chair:</font>
					</p>

					<font color="black"> <input type="hidden" input name="model" id="model">
						<select class="form-select form-select-lg mb-3" name="model"
							aria-label="Default select example">

							<option value="Folding">All Folding Wheelchairs</option>
							<option value="Extreme">Tilt Wheelchair - Extreme</option>
							<option value="Supertilt Plus">Tilt Wheelchair - STP</option>

							<br><br>

						</select>
						<i class="fa fa-caret-down" aria-hidden="true"></i>
					</font>


					<p>
						<font color="black"> <br>Seat To Floor Requried:</font><br>
					</p>

					<font color="black"><input type="hidden" input name="Rounded" id="Rounded">
						<select class="form-select form-select-lg mb-3" name="Rounded"
							aria-label="Default select example">


							<option value="10.5">10.5</option>
							<option value="10.75">10.75</option>
							<option value="11">11</option>
							<option value="11.25">11.25</option>
							<option value="11.5">11.5</option>
							<option value="11.75">11.75</option>
							<option value="12">12</option>
							<option value="12.25">12.25</option>
							<option value="12.5">12.5</option>
							<option value="12.75">12.75</option>
							<option value="13">13</option>
							<option value="13.25">13.25</option>
							<option value="13.5">13.5</option>
							<option value="13.75">13.75</option>
							<option value="14">14</option>
							<option value="14.25">14.25</option>
							<option value="14.5">14.5</option>
							<option value="14.75">14.75</option>
							<option value="15">15</option>
							<option value="15.25">15.25</option>
							<option value="15.5">15.5</option>
							<option value="15.75">15.75</option>
							<option value="16">16</option>
							<option value="16.25">16.25</option>
							<option value="16.5">16.5</option>
							<option value="16.75">16.75</option>
							<option value="17">17</option>
							<option value="17.25">17.25</option>
							<option value="17.5">17.5</option>
							<option value="17.75">17.75</option>
							<option value="18">18</option>
							<option value="18.25">18.25</option>
							<option value="18.5">18.5</option>
							<option value="18.75">18.75</option>
							<option value="19">19</option>
							<option value="19.5">19.5</option>
						</select> <i class="fa fa-caret-down" aria-hidden="true"></i>

					</font>


					<br>
					<button type="submit" style="border-radius: 20px 0px;"class="btn btn-lg btn-dark center-button btncustomForSubscribe">
					    &nbsp; Submit &nbsp;
					</button>
					<!--<input type="submit" value="Search"/> -->
					
				</form>
			</div>
			<div class="col-md-6">
				<img src="images/wchr.png" alt="" width="100%" height="80%">
			</div>
		</div>
		<div class="row mt-5 mb-5">
			<p style="color: red;">NOTE: Please note that all STF listed in this section is based on no seat pan. Select
				a chair type and STF to see if there is a compatibility.</p>
		</div>
	</div>
	
	<div class="container">
        
        
  <div class="row mb-5">
    <div class="col-7">
      <div class="row">
            <h2 style="color: #25438B;">
                Our mission
            </h2>
        </div>
        <div class="row">
            <p>
                Founded in December 2002, Power Plus Mobility is a proud Canadian brand with the sole aim of providing clients, both local and international, with quality wheelchairs and accessories. Being a customer-oriented firm, the needs of our clients rank high on our list of priorities. A varied product range allows a customer to choose from an assortment of comfortable and timeless wheelchairs that follow current market trends, making Power Plus Mobility a one-stop shopping experience and a brand of choice.
                </p>
        </div>
    </div>
    <div class="col-5 d-flex align-items-center justify-content-center">
      <div class="row">
        <img src="s-number-video.png" alt="" width="100%" height="100%">
     </div>
    </div>
  </div>
  </div>
  
    <div>
     <?php get_footer(); ?>
    </div>

	<script type="text/javascript">
		(function (w, d, load) {
			var script,
				first = d.getElementsByTagName('SCRIPT')[0],
				n = load.length,
				i = 0,
				go = function () {
					for (i = 0; i < n; i = i + 1) {
						script = d.createElement('SCRIPT');
						script.type = 'text/javascript';
						script.async = true;
						script.src = load[i];
						first.parentNode.insertBefore(script, first);
					}
				}
			if (w.attachEvent) {
				w.attachEvent('onload', go);
			} else {
				w.addEventListener('load', go, false);
			}
		}(window, document,
			['//assets.pinterest.com/js/pinit.js']
		));    
	</script>
	<!-- Twitter -->
	<script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "../../..//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs");</script>



	<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/jquery.scrollex.min.js"></script>
	<script src="assets/js/skel.min.js"></script>
	<script src="assets/js/util.js"></script>
	<script src="assets/js/main.js"></script>

	<script>
		"@context": "http://schema.org",
			"@type": "Organization",
				"url": "https://powerplusmobility.com",
					"logo": "https://powerplusmobility.com/images/google-power-plus-mobility-logo.jpg"
}
	</script>


	<!-- jQuery -->
	<script src="js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="js/bootstrap.min.js"></script>
	<!-- Carousel -->
	<script src="js/owl.carousel.min.js"></script>
	<!-- Stellar -->
	<script src="js/jquery.stellar.min.js"></script>
	<!-- Waypoints -->
	<script src="js/jquery.waypoints.min.js"></script>
	<!-- Counters -->
	<script src="js/jquery.countTo.js"></script>


	<!-- MAIN JS -->
	<script src="js/main.js"></script>

	<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/jquery.scrollex.min.js"></script>
	<script src="assets/js/skel.min.js"></script>
	<script src="assets/js/util.js"></script>
	<script src="assets/js/main.js"></script>

</body>

</html>