<div id="demos" class="wpz-onboard_content-main-tab wpz-onboard_content-main-theme-child">

    <div class="theme-info-wrap">

        <h3 class="wpz-onboard_content-main-title"><?php esc_html_e( 'Inspiro Premium Demos (16)', 'inspiro' ); ?></h3>
        <p class="wpz-onboard_content-main-intro"><?php esc_html_e( 'Below you can view demos available in the Inspiro Premium theme. You can get access to all of them by purchasing the Premium version of the theme.', 'inspiro' ); ?></p>

        <ol class="wpz-onboard_content-main-steps">

            <li id="step-choose-design" class="wpz-onboard_content-main-step step-1 step-choose-design">
                <div class="wpz-onboard_content-main-step-content">

                    <form method="post" action="#">

                        <ul>
                            <li class="design_default-elementor">
                                <figure title="Portfolio (Default)">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro/" target="_blank"
                                           class="button-select-template">View Demo</a></div>
                                    <figcaption>
                                        <h5>Premium Demo</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>

                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_video" data-design-id="inspiro-video">
                                <figure title="Video Production">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/home-video-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-video/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Video Production</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-video/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="design_video2" data-design-id="inspiro-video2">
                                <figure title="Video Production #2">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/home-video2-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-video2/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Video Production #2</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-video2/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="design_photography"
                                data-design-id="inspiro-wedding-photography">
                                <figure title="Photography">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/wedding/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-wedding-photography/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Wedding Photography</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-wedding-photography/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="design_photography" data-design-id="inspiro-photography">
                                <figure title="Photography">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/home-photography-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-photography/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Photography</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-photography/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="design_agency-elementor" data-design-id="inspiro-agency">
                                <figure title="Agency / Business">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/home-agency-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-agency/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Agency / Business</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-agency/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_hotel" data-design-id="inspiro-hotel">
                                <figure title="Hotel / Real Estate">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/home-hotel-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-hotel/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Hotel / Real Estate</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-hotel/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="design_events" data-design-id="inspiro-events">
                                <figure title="Shop / WooCommerce">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/shop-home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-shop/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Shop / WooCommerce</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-shop/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="design_events" data-design-id="inspiro-jewelry">
                                <figure title="Jewelry Shop / WooCommerce">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/shop2/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-jewelry2/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Jewelry Shop / WooCommerce</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-jewelry2/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="design_restaurant" data-design-id="inspiro-restaurant">
                                <figure title="Restaurant">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/home-restaurant-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-restaurant/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Restaurant</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-restaurant/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="design_events" data-design-id="inspiro-events">
                                <figure title="Events / Conference">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/demo-events.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-event/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Events / Conference</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-event/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="design_wellness" data-design-id="inspiro-wellness">
                                <figure title="Wellness / Spa">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/inspiro-wellness/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-wellness/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Wellness / Spa</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-wellness/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="design_magazine" data-design-id="inspiro-magazine">
                                <figure title="Magazine">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/inspiro-magazine/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-magazine/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Magazine</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-magazine/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_magazine" data-design-id="inspiro-auto">
                                <figure title="Magazine">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://demo.wpzoom.com/inspiro-demo/wp-content/themes/inspiro-select/images/inspiro-rent.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-auto/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Car Rental / Dealer</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-auto/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                Preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_magazine" data-design-id="inspiro-coach">
                                <figure title="Author">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/inspiro-author/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-author/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Author / Coach</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-author/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                Preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_magazine" data-design-id="inspiro-church">
                                <figure title="Church">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro/inspiro-church/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-church/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Author / Coach</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-church/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                Preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                        </ul>

                    </form>
                </div>
            </li>

        </ol>


        <br/>
        <br/>
        <a href="<?php echo esc_url( __( 'https://www.wpzoom.com/themes/inspiro/?utm_source=wpadmin&utm_medium=about-inspiro-page&utm_campaign=upgrade-premium', 'inspiro' ) ); ?>"
           target="_blank" class="button button-large button-primary">
            <?php esc_html_e( 'Get Inspiro Premium Today &rarr;', 'inspiro' ); ?>
        </a>

    </div>

    <div class="theme-info-wrap">

        <h3 class="wpz-onboard_content-main-title"><?php esc_html_e( 'Inspiro PRO Demos (11)', 'inspiro' ); ?></h3>
        <p class="wpz-onboard_content-main-intro"><?php esc_html_e( 'Inspiro PRO is a newer version of the Inspiro theme, which can be purchased separately.', 'inspiro' ); ?></p>

        <ol class="wpz-onboard_content-main-steps">

            <li id="step-choose-design"
                class="wpz-onboard_content-main-step step-1 step-choose-design">
                <div class="wpz-onboard_content-main-step-content">

                    <form method="post" action="#">

                        <ul>
                            <li class="design_eccentric" data-design-id="inspiro-pro-eccentric">
                                <figure title="Eccentric">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro-pro/flow-1/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-pro/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Eccentric</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-pro/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_offbeat" data-design-id="inspiro-pro-offbeat">
                                <figure title="Offbeat">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro-pro/flow-2/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-pro-2/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Offbeat</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-pro-2/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_agency" data-design-id="inspiro-pro-agency">
                                <figure title="Agency">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro-pro/agency/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-pro-agency/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Agency</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-pro-agency/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_agency-dark" data-design-id="inspiro-pro-agency-dark">
                                <figure title="Agency (Dark)">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro-pro/agency-dark/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-pro-agency-dark/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Agency (Dark)</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-pro-agency-dark/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_business" data-design-id="inspiro-pro-business">
                                <figure title="Business">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro-pro/business/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-pro-business/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Business</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-pro-business/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_shop" data-design-id="inspiro-pro-shop">
                                <figure title="Shop">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro-pro/shop/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-pro-shop/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Shop</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-pro-shop/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_real-estate" data-design-id="inspiro-pro-real-estate">
                                <figure title="Real Estate">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro-pro/real-estate/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-pro-real-estate/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Real Estate</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-pro-real-estate/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_charity" data-design-id="inspiro-pro-charity">
                                <figure title="Charity / NGO">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro-pro/charity/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-pro-charity/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Charity / NGO</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-pro-charity/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_fitness" data-design-id="inspiro-pro-fitness">
                                <figure title="Fitness / Gym">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro-pro/fitness/fitness-home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-pro-fitness/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Fitness / Gym</h5>
                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-pro-fitness/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>

                            <li class="design_winery" data-design-id="inspiro-pro-winery">
                                <figure title="Winery">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://wpzoom.s3.us-east-1.amazonaws.com/elementor/templates/assets/thumbs/inspiro-pro/winery/home-thumb.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-pro-winery/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Winery</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-pro-winery/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                            <li class="design_tech" data-design-id="inspiro-tech">
                                <figure title="Tech">
                                    <div class="preview-thumbnail"
                                         style="background-image:url('https://demo.wpzoom.com/inspiro-pro-demo/wp-content/themes/inspiro-pro-select/images/site-layout_tech.png')">
                                        <a href="https://demo.wpzoom.com/inspiro-tech/"
                                           target="_blank" class="button-select-template">View
                                            Demo</a></div>
                                    <figcaption>
                                        <h5>Tech / Finance</h5>

                                        <p>
                                            <a href="https://demo.wpzoom.com/inspiro-tech/"
                                               target="_blank" rel="noopener" title="Live preview">Live
                                                preview</a>
                                        </p>
                                    </figcaption>
                                </figure>
                            </li>
                        </ul>
                    </form>
                </div>
            </li>

        </ol>

        <br/>
        <br/>
        <a href="<?php echo esc_url( __( 'https://www.wpzoom.com/themes/inspiro-pro/?utm_source=wpadmin&utm_medium=about-inspiro-page&utm_campaign=upgrade-pro', 'inspiro' ) ); ?>"
           target="_blank" class="button button-large button-primary">
            <?php esc_html_e( 'Get Inspiro PRO Today &rarr;', 'inspiro' ); ?>
        </a>

    </div>

</div>