

<div id="upgrade_pro">
	<a class="pro_close"><i class="fa fa-times"></i></a>
    <!--LEFT CONTENT-->
    <div id="pro_content">
    	<div class="content_inner">
        	
            <!--WHY PRO TAB-->
            <div id="why_pro" class="pro_tab">
                    
                     <div id="feat_tab1" class="inner_tab">
                        <!--Feature 1 -->
                        <div class="feat_block feat_block1">
                            <div class="feat_img"></div>
                            <div class="feat_content">
                                    <h3><?php _e('Remove Frontpage Widgets Limit','optimizer'); ?></h3>
                                    <p><?php _e('Currently you can add only 4 widgets on frontpage. But In Optimizer PRO there are no limits, you can <b>Add unlimited widgets on Frontpage</b>.','optimizer'); ?></p>
                            </div>
                        </div>
                        
                        <!--Feature 2 -->
                        <div class="feat_block feat_block2">
                            <div class="feat_img"></div>
                            <div class="feat_content">
                                    <h3><?php _e('Add Frontpage Widgets on Any Pages','optimizer'); ?></h3>
                                    <p><?php _e('Currently you can only create the frontpage with drag and drop widgets. With PRO you can <b>Create any page with drag and drop widgets</b> and make each page unique.','optimizer'); ?></p>
                            </div>
                        </div>  
                   </div> 
                    
                   <div id="feat_tab2" class="inner_tab">
                        <!--Feature 3 -->
                        <div class="feat_block feat_block3">
                            <div class="feat_img"></div>
                            <div class="feat_content">
                                    <h3><?php _e('18 Frontpage Widgets','optimizer'); ?></h3>
                                    <p><?php _e('With PRO you will get <b>14 more widgets</b>: Slider Widget, Call to action widget, Testimonial Widget, Contact Widget, Video Widget, Clients Logo Widget and Many more. In addition, your existing widgets will be updated with more options to make them more flexible.','optimizer'); ?></p>
                            </div>
                        </div>  
                        
                        
                        <!--Feature 4 -->
						<div class="feat_block feat_block4">
                            <div class="feat_img"></div>
                            <div class="feat_content">
                                    <h3><?php _e('More Advanced Options','optimizer'); ?></h3>
                                    <p><?php _e('With Optimizer PRO you can create any kind of sites with only a few clicks. The PRO version is updated with <b>60 more powerful options</b> that transform the theme into a powerhouse.','optimizer'); ?></p>
                            </div>
                        </div>
                    
                   </div> 
                   
                   <div id="feat_tab3" class="inner_tab">
                        <!--Feature 5 -->
						<div class="feat_block feat_block5">
                            <div class="feat_img"></div>
                            <div class="feat_content">
                                    <h3><?php _e('Custom Page header & Page Backgrounds','optimizer'); ?></h3>
                                    <p><?php _e('With PRO you are able to add Images to your Page Headers. You can also <b>Create unique page header for each page</b> and make the page incomparable.','optimizer'); ?></p>
                            </div>
                        </div>

                        <!--Feature 6 -->
                        <div class="feat_block feat_block6">
                            <div class="feat_img"></div>
                            <div class="feat_content">
                                    <h3><?php _e('Priority Support','optimizer'); ?></h3>
                                    <p><?php _e('For Optimizer Free, we only provide support on weekends on official wordrpress.org support forum. <b>For Optimizer PRO users, we provide 24/7 instant support</b> on our dedicated support forum.','optimizer'); ?></p>
                            </div>
                        </div> 
                    
                    </div> 
                    
                    
                    <div id="feat_tab4" class="inner_tab">
                    	<div class="other_feats">
                        <h3><?php _e('Other Features', 'optimizer'); ?></h3>
							<div class="other_feat_block">
                            	<h4><?php _e('Rotating Image Slider + Video Slider', 'optimizer'); ?></h4>
                                <p><?php _e('Optimizer PRO comes with 3 beautiful sliders. Plus, you will be able to add rotating images and video background to your existing slider.','optimizer'); ?></p>
                            </div>

                        	<div class="other_feat_block">
                            	<h4><?php _e('Contact Page', 'optimizer'); ?></h4>
                                <p><?php _e('Optimizer PRO comes with Easy to setup Contact page that let your users get in touch with you right from your site.','optimizer'); ?></p>
                            </div>
                        	<div class="other_feat_block">
                            	<h4><?php _e('SEO Options', 'optimizer'); ?></h4>
                                <p><?php _e('Optimizer PRO is SEO optimized and comes with Advanced SEO Options.','optimizer'); ?></p>
                            </div>
                        	<div class="other_feat_block">
                            	<h4><?php _e('Advanced Header Customization', 'optimizer'); ?></h4>
                                <p><?php _e(' Optimizer PRO comes with powerful header options like, Topbar Sticky header, Header background image, Menu styles and more.','optimizer'); ?></p>
                            </div>
                            
                        	<div class="other_feat_block">
                            	<h4><?php _e('40 Shortcodes and 18 Widgets', 'optimizer'); ?></h4>
                                <p><?php _e('Make your site content standout with 40 shortcodes and 18 widgets that come with theme.','optimizer'); ?></p>
                            </div>
                        	
                        	<div class="other_feat_block">
                            	<h4><?php _e('Social Share', 'optimizer'); ?></h4>
                                <p><?php _e('You will be able to display social share icons to your posts and pages without installing any plugins. The share buttons come with multiple unique styles too.','optimizer'); ?></p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="tab_inner_nav tab_whypro_nav">
                    	<a href="#feat_tab1">1</a>
                        <a href="#feat_tab2">2</a>
                        <a href="#feat_tab3">3</a>
                        <a href="#feat_tab4">4</a>
                    </div>          
            </div>
            
            <!--LIVE DEMOS-->
            <div id="live_demos" class="pro_tab">
                    <div class="demothumbs">
                    	<div class="demothumb_head">
                    		<h3><?php _e('Live Demos','optimizer'); ?></h3>
                       		<p><?php _e('These Demos are made with Optimizer PRO within an hour without any custom code.','optimizer'); ?></p>
                        </div>
                    	<div id="thumbs1" class="inner_tab preset_tab">
                            <div class="demo_item">
                            <a href="http://optimizer.layerthemes.com/demo1" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset1.jpg"  alt="Demo 1"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://optimizer.layerthemes.com/demo2" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset2.jpg"  alt="Demo 2"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://optimizer.layerthemes.com/demo3" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset3.jpg"  alt="Demo 3"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://optimizer.layerthemes.com/demo4" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset4.jpg"  alt="Demo 4"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://optimizer.layerthemes.com/demo5" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset5.jpg"  alt="Demo 5"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://optimizer.layerthemes.com/demo6" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset6.jpg"  alt="Demo 6"/></a>
                            </div>
                            
                        </div>
                        
                        <div id="thumbs2" class="inner_tab preset_tab">
                            <div class="demo_item">
                            <a href="http://optimizer.layerthemes.com/demo7" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset7.jpg"  alt="Demo 7"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://optimizer.layerthemes.com/demo8" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset8.jpg"  alt="Demo 8"/></a>
                            </div>
                            
                            <div class="demo_item">
                            <a href="http://optimizer.layerthemes.com/demo9" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset9.jpg"  alt="Demo 9"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://optimizer.layerthemes.com/demo10" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset10.jpg"  alt="Demo 10"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://optimizer.layerthemes.com/demo11" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset11.jpg"  alt="Demo 11"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://optimizer.layerthemes.com/demo12" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset12.jpg"  alt="Demo 12"/></a>
                            </div>
                            
                        </div>
                        
                        
						<div id="thumbs3" class="inner_tab preset_tab">
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo13/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset13.jpg"  alt="Demo 13"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo14/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset14.jpg"  alt="Demo 14"/></a>
                            </div>
                            
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo15/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset15.jpg"  alt="Demo 15"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo16/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset16.jpg"  alt="Demo 16"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo17/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset17.jpg"  alt="Demo 17"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo18/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset18.jpg"  alt="Demo 18"/></a>
                            </div>
                            
                        </div>
                        
                        
						<div id="thumbs4" class="inner_tab preset_tab">
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo19/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset19.jpg"  alt="Demo 19"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo20/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset20.jpg"  alt="Demo 20"/></a>
                            </div>
                            
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo21/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset21.jpg"  alt="Demo 21"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo22/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset22.jpg"  alt="Demo 22"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo23/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset23.jpg"  alt="Demo 23"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo24/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset24.jpg"  alt="Demo 24"/></a>
                            </div>
                            
                        </div>
                        
                        
						<div id="thumbs5" class="inner_tab preset_tab">
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo25/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset25.jpg"  alt="Demo 25"/></a>
                            </div>
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo26/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset26.jpg"  alt="Demo 26"/></a>
                            </div>
                            
                            <div class="demo_item">
                            <a href="http://demo.optimizerwp.com/demo27/" target="_blank"><img src="http://i.imgur.com/nUjv86y.png" data-src="<?php echo get_template_directory_uri(); ?>/assets/images/presets/preset27.jpg"  alt="Demo 27"/></a>
                            </div>
                            
                            
                        </div>
                        
                        
                        <div class="tab_inner_nav tab_demo_nav">
                            <a href="#thumbs1">1</a>
                            <a href="#thumbs2">2</a>
                            <a href="#thumbs3">3</a>
                            <a href="#thumbs4">4</a>
                            <a href="#thumbs5">5</a>
                        </div>  
                           
                    </div>
                        
               
               		
            </div>
            
            
            <!--USER SHOWCASE-->
            <div id="user_showcase" class="pro_tab">
            	<div class="user_showcase_inner">
                <h3><?php _e('User Showcase','optimizer'); ?></h3>
                <p><?php _e('See what users made with Optimizer PRO with no knowledge of coding:','optimizer'); ?></p>
                <a class="showcase_pin" href="https://optimizerwp.com/showcase" target="_blank"><i class="fa fa-desktop"></i> <?php _e('User Showcase','optimizer'); ?></a>
                </div>
                
            </div>
            
        </div>
    </div>
    <!--LEFT CONTENT END-->
    
    
    <!--RIGHT SIDEBAR-->
    <div id="pro_sidebar">
    	<div class="pro_header">
        	<a class="upgrade_logo">OPTIMIZER PRO</a>
            
            <p><?php _e('Unlock The True Power of Optimizer. Customize Your Site Anyway You Want!','optimizer'); ?></p>
            
            <a class="upgrade_pro_btn" href="https://optimizerwp.com/optimizer-pro/" target="_blank"><?php _e('Upgrade','optimizer'); ?></a>
        </div>
        
        <div class="pro_menu">
        	<ul>
            	<li><a href="#why_pro"><?php _e('Why PRO','optimizer'); ?></a></li>
                <li><a href="#live_demos"><?php _e('Live Demos','optimizer'); ?></a></li>
                <li><a href="#user_showcase"><?php _e('User Showcase','optimizer'); ?></a></li>
            </ul>
        </div>
        
    </div>
    <!--RIGHT SIDEBAR END-->

</div>

<div class="backdrop"></div>