<div class="wrap upgrade-page-wrap">
    
    <h2 class="upgrade-page-title">
        <?php _e( 'About TopShop', 'topshop' ); ?>
    </h2>
    
    <div class="upgrade-page-inner-wrap">
        
        <div class="upgrade-page-top">
            
            <div class="upgrade-order-number-info-btns-link">
                <a href="https://kairaweb.com/theme/topshop/#purchase-premium" class="upgrade-page-link" id="upgrade-purchase-link" target="_blank">
                    <?php printf( __( '<span>TopShop Premium </span><em>$25</em>', 'topshop' ) ); ?>
                </a>
            </div>
            
            <div class="upgrade-help">
                <h5><?php printf( __( '<span>Simple Steps to upgrade', 'topshop' ) ); ?></h5>
                <p>
                    <a href="https://kairaweb.com/theme/topshop/#purchase-premium" target="_blank">
                        <?php printf( __( 'Purchase and Download TopShop Premium', 'topshop' ) ); ?>
                    </a>
                </p>
                <p><?php printf( __( '<a href="https://kairaweb.com/documentation/delete-a-theme/" target="_blank">Delete the old free theme</a>... Then', 'topshop' ) ); ?></p>
                <p><?php printf( __( 'Upload and <a href="https://kairaweb.com/documentation/install-theme-zip-file/" target="_blank">install TopShop Premium zip</a> as normal at:<b>Appearance -> Themes -> Add New -> Upload Theme</b>', 'topshop' ) ); ?></p>
            </div>
            
            <div class="upgrade-changelog">
                <h4><?php printf( __( 'Latest features added to TopShop Premium', 'topshop' ) ); ?></h4>
                <ul>
                    <li><?php printf( __( 'New leader layout', 'topshop' ) ); ?></li>
                    <li><?php printf( __( 'New setting to make blog archive pages full width', 'topshop' ) ); ?></li>
                    <li><?php printf( __( 'New setting to make blog single pages full width', 'topshop' ) ); ?></li>
                    <li><?php printf( __( 'WooCommerce shop full width settings', 'topshop' ) ); ?></li>
                    <li><?php printf( __( 'Added new Social Links', 'topshop' ) ); ?></li>
                </ul>
            </div>
            
            <div class="upgrade-order-number-info-btns">
                <a href="https://kairaweb.com/docs/topshop/" class="upgrade-page-link" target="_blank">
                    <?php printf( __( '<em>Support</em><span>TopShop Documentation </span>', 'topshop' ) ); ?>
                </a>
            </div>
            
            <div class="upgrade-help">
                <p><?php printf( __( 'We support all our themes, offering one on one email support to help you build the website you want', 'topshop' ) ); ?></p>
                <p><?php printf( __( 'While we do support our both free and premium themes... <strong>Premium themes get prioritized support</strong>', 'topshop' ) ); ?></p>
            </div>
            
        </div>
        <div class="clearboth"></div>
        
        <div class="upgrade-page-left">
            
            <h3 class="upgrade-page-sub-title"><?php _e( 'Upgrade to Premium', 'topshop' ); ?></h3>
            <div class="upgrade-page-left-box">
                <div class="upgrade-page-left-box-left">
                    <?php printf( __( "If you've enjoyed using our TopShop theme to build your website, then you should love the premium version which comes with a bunch of extra features for a low cost of <strong>$25</strong>.<br /><br />With TopShop premium we offer continued updates and you'll get prioritized support to help you build the website you want.", 'topshop' ) ); ?>
                </div>
                <div class="upgrade-page-left-box-right">
                    <img src="<?php echo get_template_directory_uri(); ?>/upgrade/images/upgrade-payment.png" alt="<?php _e( 'Upgrade to Premium', 'topshop' ); ?>" />
                </div>
                <div class="clearboth"></div>
            </div>
            
            <h3 class="upgrade-page-sub-title"><?php _e( 'Continued Updates', 'topshop' ); ?></h3>
            <div class="upgrade-page-left-box">
                <div class="upgrade-page-left-box-left">
                    <?php printf( __( "Once you upgrade to TopShop Premium, you'll then support and move over to our premium updates system which will ensure TopShop works with all future versions of WordPress that are released.", 'topshop' ) ); ?>
                </div>
                <div class="upgrade-page-left-box-right">
                    <img src="<?php echo get_template_directory_uri(); ?>/upgrade/images/upgrade-updates.png" alt="<?php _e( 'Continued Updates', 'topshop' ); ?>" />
                </div>
                <div class="clearboth"></div>
            </div>
            
            <h3 class="upgrade-page-sub-title"><?php _e( 'Get Premium Support', 'topshop' ); ?></h3>
            <div class="upgrade-page-left-box">
                <div class="upgrade-page-left-box-left">
                    <?php printf( __( "Upgrading to TopShop Premium will also give you prioritized support, ensuring we get to your queries first.<br /><br />We have a growing <a href='https://kairaweb.com/documentation/' target='_blank'>support forum</a> on our website as well as <a href='https://kairaweb.com/support-contact/' target='_blank'>email support</a> to sort out any queries you may have.", 'topshop' ) ); ?>
                </div>
                <div class="upgrade-page-left-box-right">
                    <img src="<?php echo get_template_directory_uri(); ?>/upgrade/images/upgrade-support.png" alt="<?php _e( 'Get Premium Support', 'topshop' ); ?>" />
                </div>
                <div class="clearboth"></div>
            </div>
            
        </div>
        
        <div class="upgrade-page-right">
            
            <div class="upgrade-page-right-box">
                
                <p><?php printf( __( "We aim to keep our prices low, all our themes are under <strong>$30</strong>, while still offering you great WordPress themes.", 'topshop' ) ); ?></p>
                
                <p><?php printf( __( "Upgrading will support us and enable us to keep building WordPress themes.", 'topshop' ) ); ?></p>
                
                <p><?php printf( __( "If you like our themes and/or found our support helpful, please let us know by <a href='%s' target='_blank'>giving us a review</a>.", 'topshop' ) , 'https://wordpress.org/support/view/theme-reviews/topshop#postform' ); ?></p>
                
            </div>
            
            <h3 class="upgrade-page-sub-title"><?php _e( 'Theme Ratings', 'topshop' ); ?></h3>
            
            <div class="upgrade-page-right-box">
                
                <div class="upgrade-rating-slider-wrap upgrade-rating-slider-wrap-remove">
                    <div class="upgrade-rating-slider-prev"></div>
                    <div class="upgrade-rating-slider-next"></div>
                    
                    <div class="upgrade-rating-slider">
                        
                        <div class="upgrade-rating-slider-block">
                            <div class="upgrade-rating-slider-block-title">
                                <?php printf( __( "SpySunny", "topshop" ) ); ?>
                            </div>
                            <div class="upgrade-rating-slider-block-rating">
                                <?php printf( __( "Very user-friendly theme with etopshoplent support.", "topshop" ) ); ?>
                            </div>
                        </div>
                        
                        <div class="upgrade-rating-slider-block">
                            <div class="upgrade-rating-slider-block-title">
                                <?php printf( __( "Fitoni", "topshop" ) ); ?>
                            </div>
                            <div class="upgrade-rating-slider-block-rating">
                                <?php printf( __( "What a great theme!! been using it for a long time, very clean code, easy to use, easy to customize, really cant say any wrong about it!!!<br /><br />Give it a try and you will not be dissapointed! this theme is THE BEST!!", "topshop" ) ); ?>
                            </div>
                        </div>
                        
                        <div class="upgrade-rating-slider-block">
                            <div class="upgrade-rating-slider-block-title">
                                <?php printf( __( "NayWordPress", "topshop" ) ); ?>
                            </div>
                            <div class="upgrade-rating-slider-block-rating">
                                <?php printf( __( "I've purchased the Premium Theme for my Online Store. Very awesome! Support assistance 100&#37; available, easy to customize. I recommend it to everyone who want to build a Store Online. Really practicable for E-commerce.", "topshop" ) ); ?>
                            </div>
                        </div>
                        
                    </div>
                    <div class="clearboth"></div>
                </div>
                
            </div>
            
        </div>
        
        <div class="clearboth"></div>
    </div>
    
</div>