templates/base-landing.html.twig line 1

Open in your IDE?
  1. <html lang="en" itemscope itemtype="http://schema.org/WebPage">
  3. <head>
  4.     <meta charset="utf-8" />
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.     <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon.png">
  7.     <link rel="icon" type="image/png" href="/favicon.ico">
  8.     <title>
  9.         Check the emissions system on your vehicle - Auto Emissions Inspector
  10.     </title>
  11.     <meta name="keywords"
  12.           content="Vehicle emissions system checker, Auto Emissions Inspector, emissions, readiness, DTC, obd2, obd2 app, elm, elm327, elm329, carista, vgate, veepeak, obdlink, nexlink, icar, carly, obdeleven, motorsure, obd2 scanner, car scanner, obd2 scan, check engine light, obd2 auto doctor, ble obd2, bluetooth obd2" />
  13.     <!--description-->
  14.     <meta name="description"
  15.           content="The Auto Emissions Inspector app has the ability to check the emissions system is functioning correctly on your vehicle.  You will need an OBD2 ELM adapter that support Bluetooth 4+ or Bluetooth Low energy." />
  17.     <meta property="og:site_name" content="Vehicle emissions system checker">
  18.     <meta property="og:url" content="https://app.autoverification.tech" />
  19.     <meta property="og:title" content="Vehicle emissions system checker - Auto Emissions Inspector" />
  20.     <meta property="og:description"
  21.           content="Check the emissions system in your vehicle is functioning correctly using an ELM OBD device.  You will need an OBD2 ELM adapter that support Bluetooth 4+ or Bluetooth Low energy." />
  22.     <meta property="og:type" content="website" />
  24.     <meta name="twitter:url" content="https://app.autoverification.tech" />
  25.     <meta name="twitter:title" content="Vehicle emissions system checker - Auto Emissions Inspector">
  26.     <meta name="twitter:card" content="summary_large_image">
  27.     <meta name="twitter:description"
  28.           content="Check the emissions system in your vehicle is functioning correctly using an ELM OBD device.  You will need an OBD2 ELM adapter that support Bluetooth 4+ or Bluetooth Low energy." />
  30.     <!--     Fonts and icons     -->
  31.     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700,200|Open+Sans+Condensed:700" rel="stylesheet">
  32.     <!-- Nucleo Icons -->
  33.     <link href="/assets/css/nucleo-icons.css" rel="stylesheet" />
  34.     <link href="/assets/css/nucleo-svg.css" rel="stylesheet" />
  35.     <!-- Font Awesome Icons -->
  36.     <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
  37.     <!-- CSS Files -->
  38.     <link id="pagestyle" href="/assets/css/now-design-system-pro.css?v=2.2.0" rel="stylesheet" />
  39.     <style>
  40.         .btn.btn-primary, .btn.bg-gradient-primary {
  41.             box-shadow: 0 0.875rem 1.8125rem -0.8125rem rgba(0,0,0, 0.3), 0 0.875rem 1.8125rem -0.8125rem rgb(27, 67, 89);
  42.         }
  44.         .bg-gradient-primary {
  45.             background-image: linear-gradient(90deg, #41A855 0%, #1B4557 100%);
  46.         }
  47.         .btn.btn-primary:active,
  48.         .btn.btn-primary:active:focus,
  49.         .btn.btn-primary:active:hover,
  50.         .btn.bg-gradient-primary:active,
  51.         .btn.bg-gradient-primary:active:focus,
  52.         .btn.bg-gradient-primary:active:hover {
  53.             box-shadow: 0 0.875rem 1.8125rem -0.8125rem rgba(0,0,0, 0.3), 0 0.875rem 1.8125rem -0.8125rem rgb(27, 67, 89);
  54.         }
  56.         .btn.btn-primary:hover:not(.btn-icon-only),
  57.         .btn.bg-gradient-primary:hover:not(.btn-icon-only) {
  58.             box-shadow: 0 0.875rem 1.8125rem -0.8125rem rgba(0,0,0, 0.3), 0 0.875rem 1.8125rem -0.8125rem rgb(27, 67, 89);
  59.         }
  60.         .text-primary {
  61.             color: #1B4557 !important;
  62.         }
  64.         h1,h2,h3,h4,h5,h6 {
  65.             color: #41A855
  66.         }
  67.         .card {
  68.             background-color: #1B4557 !important;
  69.             color: #ffffff !important;
  70.         }
  72.         .landing-header-container {
  73.             background-image: url({{ asset('build/img/dash.jpg') }});
  74.             background-position: center;
  75.             background-size: cover;
  76.             position: relative;
  77.         }
  78.         .bg-dark {
  79.             background-color: #1B4557 !important;
  81.         }
  82.         a {
  83.             color: #EEC344  !important;
  84.         }
  87.     </style>
  88. </head>
  90. <body class="case-study">
  91. <header>
  92.     <div class="page-header min-vh-80 position-relative">
  93.         <div class="landing-header-container position-absolute w-100 h-100">
  94.             <video autoplay muted loop class="position-absolute w-100 h-100" style="object-fit: cover; z-index: 0;">
  95.                 <source src="//redfire-digital.s3.eu-west-2.amazonaws.com/avt/aec.mp4" type="video/mp4">
  96.             </video>
  97.             <div class="container d-flex align-items-center justify-content-center min-vh-80" style="z-index: 1; position: relative;">
  98.                 <div class="row w-100 align-items-center">
  99.                     <div class="col-lg-6 d-flex align-items-center">
  100.                         <div class="card card-body text-md-start text-center px-sm-5 shadow py-sm-5">
  101.                             <h2 class="mb-0">Is Your Vehicle Roadworthy?</h2>
  102.                             <p class="lead pe-md-5 me-md-5 mt-4">
  103.                                 Don’t risk hefty fines or potential vehicle write-offs. Protect your investment and the environment by verifying the health of your emissions system.
  104.                             </p>
  105.                             <div class="row mt-2">
  106.                                 <div class="col-md-6 col-sm-12 p-xs-5">
  107.                                     <a class="btn btn-rounded bg-gradient-primary mt-4" href="https://play.google.com/store/apps/details?id=com.redfiredigital.emissions_validation&pcampaignid=web_share">
  108.                                         <img class="w-80" src="/assets/img/logos/google-play-button.svg" alt="logo">
  109.                                     </a>
  110.                                 </div>
  111.                                 <div class="col-md-6 col-sm-12 p-xs-5">
  112.                                     <a class="btn btn-rounded bg-gradient-primary mt-4 ms-2" href="https://apps.apple.com/app/auto-emission-investigator/id6498401741">
  113.                                         <img class="w-80" src="/assets/img/logos/app-store-button.svg" alt="logo">
  114.                                     </a>
  115.                                 </div>
  116.                             </div>
  117.                         </div>
  118.                     </div>
  120.                     <div class="col-lg-6 d-flex align-items-center justify-content-center">
  121.                         <img class="ms-auto w-100 z-index-0 d-none d-md-none d-lg-block responsive-img" src="{{ asset('build/img/jumbo.png') }}" alt="image">
  122.                     </div>
  123.                 </div>
  124.             </div>
  125.         </div>
  126.     </div>
  127. </header>
  131. {% block body %}{% endblock %}
  133. <section class="py-7">
  134.     <div class="container">
  135.         <div class="row text-center">
  136.             <div class="col-lg-3 col-md-6 pt-sm-3">
  137.                 <div class="info">
  138.                     <i class="ni ni-box-2 h3 text-primary"></i>
  139.                     <h5 class="mt-2">Emissions Focused</h5>
  140.                     <p>Ensure your vehicle is compliant with precise and reliable emissions tests.</p>
  141.                 </div>
  142.             </div>
  143.             <div class="col-lg-3 col-md-6 pt-sm-3">
  144.                 <div class="info">
  145.                     <i class="ni ni-album-2 h3 text-primary"></i>
  146.                     <h5 class="mt-2">Transparent Reporting</h5>
  147.                     <p>Get detailed insights and clear reports on your vehicle's emissions status.</p>
  148.                 </div>
  149.             </div>
  150.             <div class="col-lg-3 col-md-6 pt-sm-3">
  151.                 <div class="info">
  152.                     <i class="ni ni-atom h3 text-primary"></i>
  153.                     <h5 class="mt-2">Protect the Air</h5>
  154.                     <p>Contribute to cleaner air by ensuring your vehicle meets emissions standards.</p>
  155.                 </div>
  156.             </div>
  157.             <div class="col-lg-3 col-md-6 pt-sm-3">
  158.                 <div class="info">
  159.                     <i class="ni ni-collection h3 text-primary"></i>
  160.                     <h5 class="mt-2">Affordable Testing</h5>
  161.                     <p>Access thorough and affordable emissions testing to safeguard your vehicle and the environment.</p>
  162.                 </div>
  163.             </div>
  164.         </div>
  165.     </div>
  166. </section>
  168. <!-- -------- END Features w/ 4 infos - just colored icons -------- -->
  169. <!-- START Blogs w/ 3 images & quote & text -->
  171. <section>
  172.     <div class="container">
  173.         <div class="row mt-0">
  174.             <div class="col-lg-6 col-md-12 ms-auto my-auto">
  175.                 <img src="{{ asset('build/img/iphone-white.png') }}" width="100%" />
  176.             </div>
  177.             <div class="col-lg-5 col-md-12 me-auto my-auto pt-sm-5">
  178.                 <div class="p-3 info-horizontal d-flex">
  179.                     <div>
  180.                         <h5>1. Avoid Legal Penalties</h5>
  181.                         <p>
  182.                             Stay compliant with emissions regulations to avoid fines and legal penalties. Our app helps ensure your vehicle adheres to environmental standards.
  183.                         </p>
  184.                     </div>
  185.                 </div>
  186.                 <div class="p-3 info-horizontal d-flex">
  187.                     <div>
  188.                         <h5>2. Prevent Expensive Repairs</h5>
  189.                         <p>
  190.                             Early detection of emissions issues can save you from expensive repairs. Regular testing helps you address problems before they escalate.
  191.                         </p>
  192.                     </div>
  193.                 </div>
  194.                 <div class="p-3 info-horizontal d-flex">
  195.                     <div>
  196.                         <h5>3. Safeguard Your Investment</h5>
  197.                         <p>
  198.                             Regular emissions testing ensures your vehicle remains in top condition, safeguarding your investment and extending the lifespan of your car.
  199.                         </p>
  200.                     </div>
  201.                 </div>
  202.             </div>
  203.         </div>
  204.         <hr class="dark my-md-6 mt-2 mx-7">
  205.         <div class="row">
  206.             <div class="col-lg-5 col-md-12 me-auto my-auto  pt-sm-5">
  207.                 <div class="p-3 info-horizontal d-flex">
  208.                     <div>
  209.                         <h5>1. Comprehensive Testing</h5>
  210.                         <p>
  211.                             Our app provides an exhaustive analysis of your vehicle's emissions system, ensuring it meets all legal requirements and preventing costly repairs down the line.
  212.                         </p>
  213.                     </div>
  214.                 </div>
  215.                 <div class="p-3 info-horizontal d-flex">
  216.                     <div>
  217.                         <h5>2. Simplified Connectivity</h5>
  218.                         <p>
  219.                             Connect your vehicle's ELM327 adapter to your mobile device effortlessly, allowing you to start testing and monitoring emissions within minutes.
  220.                         </p>
  221.                     </div>
  222.                 </div>
  223.                 <div class="p-3 info-horizontal d-flex">
  224.                     <div>
  225.                         <h5>3. Environmental Responsibility</h5>
  226.                         <p>
  227.                             Play your part in protecting the environment by ensuring your vehicle’s emissions are within legal limits, thereby reducing harmful pollutants.
  228.                         </p>
  229.                     </div>
  230.                 </div>
  231.             </div>
  232.             <div class="col-lg-6 me-auto my-auto ms-md-5 pr-md-10 col-md-12 pt-md-5">
  233.                 <img src="{{ asset('build/img/iphone-blue.png') }}" width="100%" />
  234.             </div>
  235.         </div>
  236.         <hr class="dark my-md-6 mt-2 mx-7">
  237.         <div class="row">
  238.             <h5>Recommended OBD Devices</h5>
  239.             <p>We recommend the following bluetooth 4+ (BLE) devices for our app to communicate with your vehicle.  Note if you are using an apple device, these are the only supported OBD devices.</p>
  240.             <div class="col-lg-5 col-md-12 me-auto my-auto  pt-sm-5">
  241.                 <a href="https://amzn.to/3LhG88B" title="Vgate Vlinker MC" target="_blank"><img src="{{ asset('build/img/vlinkerMC.jpg') }}" width="100%" /></a>
  243.             </div>
  244.             <div class="col-lg-5 me-auto my-auto ms-md-5 pr-md-10 col-md-12 pt-md-5">
  245.                 <a href="https://amzn.to/3S3A8UJ" title="Vgate Vlinker FS" target="_blank"><img src="{{ asset('build/img/vlinkerFS.jpg') }}" width="100%" /></a>
  246.             </div>
  247.         </div>
  248.         <hr class="dark my-md-6 mt-2 mx-7">
  250.     </div>
  251. </section>
  252. <section class="py-7">
  253.     <div class="container">
  254.     <div class="row mt-2">
  255.         <div class="col-md-6 pr-4 col-sm-12 col-xs-12">
  256.             <a class="btn btn-rounded bg-gradient-primary mt-4" href="https://play.google.com/store/apps/details?id=com.redfiredigital.emissions_validation&pcampaignid=web_share">
  257.                 <img class="w-45" src="/assets/img/logos/google-play-button.svg" alt="logo">
  258.             </a>
  259.         </div>
  260.         <div class="col-md-6 pl-4 col-sm-12 col-xs-12">
  261.             <a class="btn btn-rounded bg-gradient-primary mt-4 ms-2" href="https://apps.apple.com/app/auto-emission-investigator/id6498401741">
  262.                 <img class="w-45" src="/assets/img/logos/app-store-button.svg" alt="logo">
  263.             </a>
  264.         </div>
  265.     </div>
  266.     </div>
  267. </section>
  270. <footer class="footer py-5 bg-dark position-relative overflow-hidden">
  271.     <div class="container position-relative">
  272.         <div class="row d-flex justify-content-between align-items-center">
  273.             <div class="col-md-6 col-12 text-md-start text-center mb-md-0 mb-4">
  274.                 <h6 class="text-white font-weight-bolder text-uppercase mb-2">Auto Emissions Inspector</h6>
  275.                 <p class="text-white">
  276.                     Copyright © <script>
  277.                         document.write(new Date().getFullYear())
  278.                     </script> Auto Verification Technologies Ltd.
  279.                 </p>
  280.             </div>
  281.             <div class="col-md-6 col-12 text-md-end text-center">
  282.                 <div>
  283.                     <ul class="nav flex-column flex-md-row justify-content-md-end">
  284.                         <li class="nav-item">
  285.                             <a class="nav-link opacity-8 text-sm pb-0" href="{{ path('app_terms') }}" target="_blank">
  286.                                 Terms & Conditions
  287.                             </a>
  288.                         </li>
  289.                         <li class="nav-item">
  290.                             <a class="nav-link opacity-8 text-sm pb-0" href="{{ path('app_privacy_policy') }}" target="_blank">
  291.                                 Privacy Policy
  292.                             </a>
  293.                         </li>
  294.                         <li class="nav-item">
  295.                             <a class="nav-link opacity-8 text-sm pb-0" href="mailto:support@autoverification.tech" target="_blank">
  296.                                 support@autoverification.tech
  297.                             </a>
  298.                         </li>
  299.                     </ul>
  300.                 </div>
  301.             </div>
  302.         </div>
  303.     </div>
  304. </footer>
  307. <!-- -------- END FOOTER 7 w/ DARK BACKGROUND AND 3 COLUMNS ------- -->
  308. <!--   Core JS Files   -->
  309. <script src="/assets/js/core/popper.min.js" type="text/javascript"></script>
  310. <script src="/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
  311. <script src="/assets/js/plugins/perfect-scrollbar.min.js"></script>
  312. <!--  Plugin for TypedJS, full documentation here: https://github.com/mattboldt/typed.js/ -->
  313. <script src="/assets/js/plugins/typedjs.js"></script>
  314. <!--  Plugin for Parallax, full documentation here: https://github.com/wagerfield/parallax  -->
  315. <script src="/assets/js/plugins/parallax.min.js"></script>
  316. <!--  Plugin for the Sliders, full documentation here: http://refreshless.com/nouislider/ -->
  317. <script src="/assets/js/plugins/nouislider.min.js" type="text/javascript"></script>
  318. <!--  Plugin for the GlideJS Carousel, full documentation here: http://kenwheeler.github.io/slick/ -->
  319. <script src="/assets/js/plugins/glidejs.min.js" type="text/javascript"></script>
  320. <!--  Plugin for the blob animation -->
  321. <script src="/assets/js/plugins/anime.min.js" type="text/javascript"></script>
  322. <!-- Chart JS -->
  323. <script src="/assets/js/plugins/chartjs.min.js"></script>
  324. <!-- Control Center for Now UI Design System: parallax effects, scripts for the example pages etc -->
  325. <!--  Google Maps Plugin    -->
  326. <script src="/assets/js/now-design-system-pro.min.js?v=2.2.0" type="text/javascript"></script>
  327. <script src="/assets/js/plugins/tilt.min.js"></script>
  328. </body>
  330. </html>