Na}{

File Content: `mo-ride-app.php`

<?php
//Header File
include 'header.php';
?>



<main role="main" class="main clearfix">

    <div class="module-subpage-hero mrgn-100">
        <div class="module-inner">
            <div class="module-wrap">
                <div class="hero-col-set">
                    <div class="col-1">
                        <h2>App only</h2>
                        <h1>Groundbreaking features and innovations for you and your bike</h1>
                    </div>
                    <figure class="col-2">
                        <img src="https://www.mo-ride.de/content/uploads/2021/06/hero-devices-moride-en.png?x59252" alt="">
                    </figure>
                </div>
            </div>
        </div>
        <div class="background">
            <span style="background-image: url(https://www.mo-ride.de/content/uploads/2021/04/hero-moride-l-8-1440x850.jpg);"></span>
        </div>
    </div>
    <!-- module-subpage-hero -->


    <div class="module-copy mrgn-100" data-layout="narrow">
        <div class="module-inner">
            <div class="module-wrap">
                <div class="copy-col-set">
                    <div class="col-2">
                        <div class="copy-item copy-item-copy">
                            <div class="wysiwyg">
                                <p class="intro">With the mo.ride app by motogadget you can easily record and file all your tours.</p>
                                <p>In doing so, the generated data offers essential information for your correct vehicle management – from analyzing your latest tours over maintenance to-do’s up to virtual garage places.</p>
                                <p>Additionally you’ll get access to over 7000 vehicle data records that carry all compatible wearing parts.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- module copy content -->


    <section class="module-core-features  mrgn-100">
        <div class="module-inner">
            <div class="module-wrap">

                <div class="module-header">
                    <h2>App Core Features</h2>
                </div>

                <div class="module-body">

                    <ul class="core-features-list">
                        <li class="ios-item-1">
                            <div class="core-feature-item">
                                <div class="icon">
                                    <img src="https://www.mo-ride.de/content/uploads/2021/05/icon-gps-01.svg?x59252" alt="">
                                </div>
                                <h3>GPS Tourlog</h3>
                                <div class="description">
                                    <p>Record your trips via a simple button press</p>
                                </div>
                            </div>
                        </li>

                        <li class="ios-item-2">
                            <div class="core-feature-item">
                                <div class="icon">
                                    <img src="https://www.mo-ride.de/content/uploads/2021/05/icon-letztefahrt-01.svg?x59252" alt="">
                                </div>
                                <h3>Last Trip</h3>
                                <div class="description">
                                    <p>All highlights at a glance: top speed, curve progression, fun factor and more</p>
                                </div>
                            </div>
                        </li>

                        <li class="ios-item-3">
                            <div class="core-feature-item">
                                <div class="icon">
                                    <img src="https://www.mo-ride.de/content/uploads/2021/05/icon-dashboard-01.svg?x59252" alt="">
                                </div>
                                <h3>Dashboard</h3>
                                <div class="description">
                                    <p>All essential information on display via your customized cockpit</p>
                                </div>
                            </div>
                        </li>

                        <li class="ios-item-4">
                            <div class="core-feature-item">
                                <div class="icon">
                                    <img src="https://www.mo-ride.de/content/uploads/2021/05/icon-log-01.svg?x59252" alt="">
                                </div>
                                <h3>Logbook</h3>
                                <div class="description">
                                    <p>The vehicle history is securely saved in your logbook</p>
                                </div>
                            </div>
                        </li>

                        <li class="ios-item-5">
                            <div class="core-feature-item">
                                <div class="icon">
                                    <img src="https://www.mo-ride.de/content/uploads/2021/05/icon-wartung-01.svg?x59252" alt="">
                                </div>
                                <h3>Maintenance</h3>
                                <div class="description">
                                    <p>Retain an overview of upcoming maintenance to-do’s</p>
                                </div>
                            </div>
                        </li>

                        <li class="ios-item-6">
                            <div class="core-feature-item">
                                <div class="icon">
                                    <img src="https://www.mo-ride.de/content/uploads/2021/05/icon-stats-01.svg?x59252" alt="">
                                </div>
                                <h3>Season Stats</h3>
                                <div class="description">
                                    <p>Compare your current progress with the community</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- module features -->


    <div class="module-devices mrgn-100">
        <div class="module-inner">
            <div class="module-wrap">

                <div class="module-header">
                    <h2>App Features in Detail</h2>
                </div>

                <div class="module-body">

                    <div class="devices-list">
                        <div class="dl-item odd">
                            <figure class="col-1">
                                <img src="https://www.mo-ride.de/content/uploads/2021/06/screen-status-en-560x1120.png?x59252" alt="">
                            </figure>
                            <div class="col-2">
                                <div class="wysiwyg">
                                    <p>Want to get updates on vehicle location, current status reports or the weather? Never before has it been this easy to gather information on the actual <strong>Vehicle Status</strong>.</p>
                                </div>
                            </div>
                        </div>

                        <div class="dl-item even">
                            <figure class="col-1">
                                <img src="https://www.mo-ride.de/content/uploads/2021/06/screen-logbook-en-560x1120.png?x59252" alt="">
                            </figure>
                            <div class="col-2">
                                <div class="wysiwyg">
                                    <p>The <strong>Logbook</strong> offers a crucial guide for the correct vehicle management since it lists the history of your bike chronologically in calendar years, including your tours, the total distance travelled, maintenance activities and costs, alarms and notifications.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- module device -->

    <div class="module-device-teaser mrgn-100">
        <div class="module-inner">
            <div class="module-wrap">
                <div class="device-teaser-col-set">
                    <figure class="col-1">
                        <img src="https://www.mo-ride.de/content/uploads/2021/06/dashboard-en-1180x666.png?x59252" alt="">
                    </figure>
                    <div class="col-2">
                        <div class="wysiwyg">
                            <p>Switch your smartphone to horizontal format in order to activate your <strong>Dashboard</strong> – customized from 26 different widgets.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="background"></div>
    </div>
    <!-- module device teaser -->

    <div class="module-devices-in-columns mrgn-100">
        <div class="module-inner">
            <div class="module-wrap">

                <div class="devices-col-set">
                    <div>
                        <figure class="col-1">
                            <img src="https://www.mo-ride.de/content/uploads/2021/06/screen-maintenance-en-408x816.png?x59252" alt="">
                        </figure>
                        <div class="col-2">
                            <div class="wysiwyg">
                                <p><strong>Maintenance</strong> basically eliminates any kind of major mishaps since service messages and free access to data records that carry all compatible wearing parts are with you at all time.</p>
                            </div>
                        </div>
                    </div>

                    <div>
                        <figure class="col-1">
                            <img src="https://www.mo-ride.de/content/uploads/2021/06/screen-statistics-en-408x816.png?x59252" alt="">
                        </figure>
                        <div class="col-2">
                            <div class="wysiwyg">
                                <p>Your top speed, your archived tours, fun factor and so much more: enjoy your <strong>Season Stats</strong> the sophisticated way – and share it with the community.</p>
                            </div>
                        </div>
                    </div>

                    <div>
                        <figure class="col-1">
                            <img src="https://www.mo-ride.de/content/uploads/2021/06/screen-media-en-408x816.png?x59252" alt="">
                        </figure>
                        <div class="col-2">
                            <div class="wysiwyg">
                                <p>File all your necessary documents such as vehicle registration or your driver’s license in the <strong>Documents</strong> section in order to have them available at all times.</p>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    <!-- module device Column -->

    <section class="module-faqs mrgn-100">
        <div class="module-inner">
            <div class="module-wrap">

                <div class="module-header">
                    <h2>Frequently Asked Questions</h2>
                </div>

                <div class="module-body">

                    <ul class="faqs-list" data-accordion-list="">
                        <li data-accordion-item="" data-accordion-state="closed">
                            <div class="question" data-accordion-handle="">
                                <span>How does the automatic maintenance overview work?</span>
                                <div class="icon"><span></span></div>
                            </div>
                            <div class="answer" data-max-height="" style="--max-height: 224px;">
                                <div class="wysiwyg ">
                                    <p>The maintenance overview does only work accurately as long as you record each and every tour you drive. The covered distance will be automatically added – just like it would be with a mileage counter. As soon as you reach a preliminarily defined milage, you’ll be informed about the maturity of upcoming maintenance.</p>
                                </div>
                            </div>
                        </li>

                        <li data-accordion-item="" data-accordion-state="closed">
                            <div class="question" data-accordion-handle="">
                                <span>Do I need additional motogadget hardware?</span>
                                <div class="icon"><span></span></div>
                            </div>
                            <div class="answer" data-max-height="" style="--max-height: 75px;">
                                <div class="wysiwyg ">
                                    <p>No. You can easily use mo.ride without any additional hardware.</p>
                                </div>
                            </div>
                        </li>

                        <li data-accordion-item="" data-accordion-state="closed">
                            <div class="question" data-accordion-handle="">
                                <span>Can I use all features of the app free of charge?</span>
                                <div class="icon"><span></span></div>
                            </div>
                            <div class="answer" data-max-height="" style="--max-height: 149px;">
                                <div class="wysiwyg ">
                                    <p>You could use one garage place free of charge. If you want to add another vehicle you need to buy extra space. Vehicles that already use motogadget hardware are allowed to use extra space for free.</p>
                                </div>
                            </div>
                        </li>

                        <li data-accordion-item="" data-accordion-state="closed">
                            <div class="question" data-accordion-handle="">
                                <span>Is my personal data safe?</span>
                                <div class="icon"><span></span></div>
                            </div>
                            <div class="answer" data-max-height="" style="--max-height: 299px;">
                                <div class="wysiwyg ">
                                    <p>All vehicle data, as well as your necessary documents, will be encoded and stored securely on our servers. You lost or changed your smartphone? Your digital garage can be easily rebuild! Your data will be saved on our servers in Germany via an encoded password – we’re not authorized to view these documents, only you are allowed to uncover the recorded data with your password.</p>
                                </div>
                            </div>
                        </li>

                        <li data-accordion-item="" data-accordion-state="closed">
                            <div class="question" data-accordion-handle="">
                                <span>Can I pass on the vehicle data if I sell my bike?</span>
                                <div class="icon"><span></span></div>
                            </div>
                            <div class="answer" data-max-height="" style="--max-height: 224px;">
                                <div class="wysiwyg ">
                                    <p>Yes. You can easily transmit all data to a different mo.ride account without losing your garage place. The transmission will take approx. 10 minutes and is fee-based for the recipient (&gt; alternative: for the new owner). For reasons of data protection we won’t transmit your travel logs though.</p>
                                </div>
                            </div>
                        </li>

                        <li data-accordion-item="" data-accordion-state="closed">
                            <div class="question" data-accordion-handle="">
                                <span>Why isn’t my vehicle listed in the database?</span>
                                <div class="icon"><span></span></div>
                            </div>
                            <div class="answer" data-max-height="" style="--max-height: 299px;">
                                <div class="wysiwyg ">
                                    <p>There are tens of thousands of vehicles around, and they differ by manufacturer, company, model and year of construction – it’s simply impossible for us to record each and every vehicle. Our database consists of the top 100 of approved vehicles, offering more than 7600 vehicle specifications. If your ride isn’t listed here, you can easily create and manually add your specific data set.</p>
                                </div>
                            </div>
                        </li>

                        <li data-accordion-item="" data-accordion-state="closed">
                            <div class="question" data-accordion-handle="">
                                <span>What wearing parts are listed in your database?</span>
                                <div class="icon"><span></span></div>
                            </div>
                            <div class="answer" data-max-height="" style="--max-height: 224px;">
                                <div class="wysiwyg ">
                                    <p>We provide essential wearing parts such as batteries, ignition plugs, tires, oils, etc specifically for your type of vehicle. This service is supposed to assist you in terms of selecting and purchasing these parts, but remain to be a nonbonding recommendation without any guarantee on the correctness of the data.</p>
                                </div>
                            </div>
                        </li>

                        <li data-accordion-item="" data-accordion-state="closed">
                            <div class="question" data-accordion-handle="">
                                <span>Why can’t I use all functions the dashboard is offering? </span>
                                <div class="icon"><span></span></div>
                            </div>
                            <div class="answer" data-max-height="" style="--max-height: 75px;">
                                <div class="wysiwyg ">
                                    <p>You need motogadget hardware for using specific features such as battery voltage, rpm or tank capacity.</p>
                                </div>
                            </div>
                        </li>

                        <li data-accordion-item="" data-accordion-state="closed">
                            <div class="question" data-accordion-handle="">
                                <span>What’s the difference between using the app exclusively or in combination with motogadget hardware?</span>
                                <div class="icon"><span></span></div>
                            </div>
                            <div class="answer" data-max-height="" style="--max-height: 299px;">
                                <div class="wysiwyg ">
                                    <p>The motogadget hardware is connected with mo.ride via Bluetooth, and therefore all tourlogs will be automatically generated – you don’t have to use your smartphone. Furthermore a few vehicle-specific display functions on your dashboard as well as the acoustic assistance system “Ride-Assist“ and “Keyless-Go“ are only working with the usage of motogadget hardware.</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>

            </div>
        </div>
    </section>
    <!-- module Faqs -->

    <section class="module module-app-download pdng-100 mrgn-100">
        <div class="module-inner">
            <div class="module-wrap">

                <div class="module-header">
                    <h2>Get the App</h2>
                </div>

                <div class="module-body">
                    <div class="btn-set">
                        <ul class="store-links">
                            <li class="btn-app-store">
                                <a href="#" target="_blank" rel="noopener">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/apple-en.svg?x59252" alt="Laden im App Store">
                                </a>
                            </li>
                            <li class="btn-app-store">
                                <a href="https://play.google.com/store/apps/details?id=com.motogadget.mapp" target="_blank" rel="noopener">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/google-en.svg?x59252" alt="Jetzt bei Google Play">
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="small wysiwyg">
                        <p>Availability might be restricted depending on country, device model or operating system</p>
                    </div>
                </div>
            </div>
        </div>
        <span></span>
    </section>
    <!-- module app download -->

    <section class="module module-comparison pdng-0 mrgn-100">
        <div class="module-inner">
            <div class="module-wrap">

                <div class="module-header">
                    <h2>Features Comparison Chart</h2>
                </div>

                <div class="module-body">

                    <table class="comparison-table">
                        <thead>
                            <tr>
                                <td></td>
                                <th class="current">
                                    <div class="th-product">
                                        <a href="#">
                                            <figure>
                                                <img src="https://www.mo-ride.de/content/uploads/2021/06/hero-devices-moride-en-150x218.png?x59252" style="aspect-ratio: 150 / 218;" alt="">
                                            </figure>
                                            <h3>App only</h3>
                                        </a>
                                    </div>
                                </th>
                                <th class="">
                                    <div class="th-product">
                                        <a href="#">
                                            <figure>
                                                <img src="https://www.mo-ride.de/content/uploads/2021/06/hero-devices-mounit-en-150x218.png?x59252" style="aspect-ratio: 150 / 218;" alt="">
                                            </figure>
                                            <h3>App with mo.unit</h3>
                                        </a>
                                    </div>
                                </th>
                                <th class="">
                                    <div class="th-product">
                                        <a href="#">
                                            <figure>
                                                <img src="https://www.mo-ride.de/content/uploads/2021/06/hero-devices-mohub-en-150x218.png?x59252" style="aspect-ratio: 150 / 218;" alt="">
                                            </figure>
                                            <h3>App with mo.hub</h3>
                                        </a>
                                    </div>
                                </th>
                                <th class="">
                                    <div class="th-product">
                                        <figure>
                                            <img src="https://www.mo-ride.de/content/uploads/2021/06/hero-devices-molocator-en-1-150x218.png?x59252" style="aspect-ratio: 150 / 218;" alt="">
                                        </figure>
                                        <h3>App with mo.locator*</h3>
                                    </div>
                                </th>
                            </tr>
                        </thead>
                        <!-- Table thead 1 -->

                        <tbody>
                            <tr>
                                <th>
                                    <h4>Automatic tourlogs</h4>
                                </th>
                                <td class="current"></td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                            </tr>

                            <tr>
                                <th>
                                    <h4>Maintenance</h4>

                                </th>
                                <td class="current"></td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                            </tr>

                            <tr>
                                <th>
                                    <h4>Keyless Go</h4>
                                </th>
                                <td class="current"></td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                                <td class=""></td>
                                <td class=""></td>
                            </tr>

                            <tr>
                                <th>
                                    <h4>Ride Assist</h4>

                                </th>
                                <td class="current"></td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                                <td class=""></td>
                            </tr>

                            <tr>
                                <th>
                                    <h4>Power consumption</h4>

                                </th>
                                <td class="current"></td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                            </tr>

                            <tr>
                                <th>
                                    <h4>Current location</h4>

                                </th>
                                <td class="current">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                                <td class="">
                                    <img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17">
                                </td>
                            </tr>

                            <tr>
                                <th>
                                    <h4>Alarm</h4>

                                </th>
                                <td class="current"></td>
                                <td class=""><img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17"></td>
                                <td class=""></td>
                                <td class=""><img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17"></td>
                            </tr>

                            <tr>
                                <th>
                                    <h4>Theft protection and tracking*</h4>

                                </th>
                                <td class="current"></td>
                                <td class=""></td>
                                <td class=""></td>
                                <td class=""><img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17"></td>
                            </tr>

                            <tr>
                                <th>
                                    <h4>Emergency assistant*</h4>

                                </th>
                                <td class="current"></td>
                                <td class=""><img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17"></td>
                                <td class=""><img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17"></td>
                                <td class=""><img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17"></td>
                            </tr>

                            <tr>
                                <th>
                                    <h4>Dashboard basic</h4>
                                    <div class="small cpy-14 cpy-l">Speed, compass, lean angle, acceleration, air temperature, time, date, altitude, location, turn counter, journey time, trip</div>
                                </th>
                                <td class="current"><img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17"></td>
                                <td class=""><img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17"></td>
                                <td class=""><img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17"></td>
                                <td class=""><img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17"></td>
                            </tr>

                            <tr>
                                <th>
                                    <h4>Dashboard extended</h4>
                                    <div class="small cpy-14 cpy-l">rpm, fuel, tire pressure, tire temperature, oil temperature, water temperature, oil pressure, charging pressure, power consumption, timing</div>
                                </th>
                                <td class="current"></td>
                                <td class=""><img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17"></td>
                                <td class=""><img src="https://www.mo-ride.de/content/themes/mo-ride/imgs/checkmark.svg?x59252" alt="Ja" width="19" height="17"></td>
                                <td class=""></td>
                            </tr>

                        </tbody>
                    </table>
                    <footer class="table-footer">
                        <p class="cpy-14 cpy-l">* available in 2022</p>
                    </footer>
                </div>
            </div>
        </div>
    </section>
    <!-- module comparison -->

    <section class="module-subpage-product-grid mrgn-100">
        <div class="module-inner">
            <div class="module-wrap">

                <div class="module-header semi-flat">
                    <h2>Other App- and Hardware Combinations</h2>
                </div>

                <div class="module-body">
                    <ul class="subpage-product-grid-list">
                        <li>
                            <a href="#" class="subpage-product-grid-teaser">
                                <div class="pgt-col-set">
                                    <figure class="col-1">
                                        <img src="https://www.mo-ride.de/content/uploads/2021/06/hero-devices-mounit-en.png?x59252" style="aspect-ratio: 908 / 1320;" alt="">
                                    </figure>
                                    <div class="col-2">
                                        <div class="product-name" style="background-image: url(https://www.mo-ride.de/content/uploads/2021/03/mo-unit.svg);">
                                            <img src="https://www.mo-ride.de/content/uploads/2021/03/mo-unit.svg?x59252" alt="mo.unit" loading="eager">
                                        </div>
                                        <div class="subheadline">
                                            <span>App with mo.unit</span>
                                        </div>
                                    </div>
                                </div>
                                <span class="arrow"><i class="icon-arrow"></i></span>
                                <span class="background"><span></span></span>
                            </a>
                        </li>

                        <li>
                            <a href="#" class="subpage-product-grid-teaser">
                                <div class="pgt-col-set">
                                    <figure class="col-1">
                                        <img src="https://www.mo-ride.de/content/uploads/2021/06/hero-devices-mohub-en.png?x59252" style="aspect-ratio: 908 / 1320;" alt="">
                                    </figure>
                                    <div class="col-2">
                                        <div class="product-name" style="background-image: url(https://www.mo-ride.de/content/uploads/2021/03/mo-hub.svg);">
                                            <img src="https://www.mo-ride.de/content/uploads/2021/03/mo-hub.svg?x59252" alt="mo.hub" loading="eager">
                                        </div>
                                        <div class="subheadline">
                                            <span>App with mo.hub</span>
                                        </div>
                                    </div>
                                </div>
                                <span class="arrow"><i class="icon-arrow"></i></span>
                                <span class="background"><span></span></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <!-- module subpage product grid -->

</main>




<?php
//Footer File
include 'footer.php';
?>
Name	Size	Permission
assets	---	0755
app-with-mo-hub.php	49185 bytes	0644
app-with-mo-unit.php	35479 bytes	0644
footer.php	4164 bytes	0644
header.php	3754 bytes	0644
index.php	8523 bytes	0644
mo-ride-app.php	37720 bytes	0644
File Content: mo-ride-app.php

File Content: `mo-ride-app.php`
