<div class="wrap upgrade-page-wrap">
    
    <h2 class="upgrade-page-title">
        <?php _e( 'About Oceanic', 'oceanic' ); ?>
    </h2>
    
    <div class="upgrade-page-inner-wrap">
        
        <div class="upgrade-page-top">
            
            <div class="upgrade-order-number-info-btns-link">
                <a href="https://www.outtheboxthemes.com/wordpress-themes/oceanic/" class="upgrade-page-link" id="upgrade-purchase-link" target="_blank">
                    <?php printf( __( '<span>Oceanic Premium </span><em>$20</em>', 'oceanic' ) ); ?>
                </a>
            </div>
            
            <p class="oceanic-upgrade-p">
                <?php printf( __( '<strong>All settings for Oceanic</strong> are neatly built into the <a href="%s">WordPress Customizer</a> allowing you to preview their effects before publishing them to your live site.', 'oceanic' ) , admin_url( 'customize.php' ) ); ?>
            </p>
            <p class="oceanic-upgrade-p">
                <?php printf( __( '<strong><a href="%s" target="_blank">Read a guide on how to install the Premium theme</a></strong>', 'oceanic' ) , 'https://www.outtheboxthemes.com/documentation/oceanic/installation/upgrading-to-premium/' ); ?>
            </p>
            
        </div>
        <div class="clearboth"></div>
        
        <div class="upgrade-page-left">
            
            <div class="oceanic-upgrade-page-inner-wrap">
                
                <h3><?php _e( 'Oceanic Premium is a once off payment of $20', 'oceanic' ); ?></h3>
                
                <div class="oceanic-upgrade-block">
                    <div class="oceanic-upgrade-block-left">
                        <?php _e( 'View the Oceanic Premium demo and try out all the settings neatly built into the Customizer', 'oceanic' ); ?>
                    </div>
                    <div class="oceanic-upgrade-block-right">
                        <a href="<?php echo esc_url( 'https://demo.outtheboxthemes.com/#oceanic' ) ?>" target="_blank" class="oceanic-upgrade-result-button">
                            <?php _e( 'Oceanic Premium Demo', 'oceanic' ); ?>
                        </a>
                    </div>
                </div>
                
                <div class="oceanic-upgrade-block oceanic-upgrade-block-alt">
                    <div class="oceanic-upgrade-block-left">
                        <?php _e( 'Download a simple starter Child Theme for Oceanic', 'oceanic' ); ?><br />
                        <?php printf( __( 'Or learn more about <a href="%s" target="_blank">creating / editing a Child Theme</a>', 'oceanic' ) , 'https://codex.wordpress.org/Child_Themes' ); ?>
                    </div>
                    <div class="oceanic-upgrade-block-right">
                        <a href="<?php echo esc_url( 'https://www.outtheboxthemes.com/documentation/oceanic/child-theme/' ) ?>" target="_blank" class="oceanic-upgrade-result-button">
                            <?php _e( 'Oceanic Child Theme', 'oceanic' ); ?>
                        </a>
                    </div>
                </div>
                
                <div class="oceanic-upgrade-block">
                    <div class="oceanic-upgrade-block-left">
                        <?php _e( 'We have growing documentation to help you set up your website using Oceanic.', 'oceanic' ); ?>
                    </div>
                    <div class="oceanic-upgrade-block-right">
                        <a href="<?php echo esc_url( 'https://www.outtheboxthemes.com/documentation/oceanic/' ) ?>" target="_blank" class="oceanic-upgrade-result-button">
                            <?php _e( 'Documentation', 'oceanic' ); ?>
                        </a>
                    </div>
                </div>
                
                <div class="oceanic-upgrade-block oceanic-upgrade-block-alt">
                    <div class="oceanic-upgrade-block-left">
                        <?php _e( 'Have you enjoyed using oceanic?', 'oceanic' ); ?><br />
                        <?php _e( 'Please help by giving us a rating on WordPress.org :)', 'oceanic' ); ?>
                    </div>
                    <div class="oceanic-upgrade-block-right">
                        <a href="<?php echo esc_url( 'https://wordpress.org/support/theme/oceanic/reviews/#new-post' ) ?>" target="_blank" class="oceanic-upgrade-result-button">
                            <?php _e( 'Give Oceanic a rating', 'oceanic' ); ?>
                        </a>
                    </div>
                </div>
                
                <div class="oceanic-upgrade-footer"><?php printf( __( 'Theme: Oceanic, built by <a href="%s" target="_blank">Out the Box</a>', 'oceanic' ) , 'https://www.outtheboxthemes.com/' ); ?></div>
            </div>
            
        </div>
        
        <div class="upgrade-page-right">
            
            <div class="upgrade-page-right-box">
                
                <p><?php printf( __( "We aim to keep our prices lower than other theme shops while still offering you quality WordPress themes.", 'oceanic' ) ); ?></p>
                
                <p><?php printf( __( "Upgrading will support us and enable us to keep building WordPress themes.", 'oceanic' ) ); ?></p>
                
                <p><?php printf( __( "If you're enjoying using Oceanic please let us know by <a href='%s' target='_blank'>giving us a rating</a>.", 'oceanic' ) , 'https://wordpress.org/support/theme/oceanic/reviews/#new-post' ); ?></p>
                
            </div>
            
        </div>
        
        <div class="clearboth"></div>
    </div>
    
</div>