<!--<div class="wrap">
  <h1 class="wp-heading-inline">Upgrade to Pro</h1>
</div>  -->

<div id="mg-logo-wrap">
  <a href="https://maxgalleria.com/"><img id="mg-logo" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/MAXGalleria-PRO-Logo-small.png" alt="maxgalleria logo" ></a>
</div>

<h1 id="upgrade-banner"><?php esc_html_e('WORDPRESS GALLERY PLUGIN', 'maxgalleria') ?></h1>

<div class="upgrade-container">
    
  <h2 id="upgrade-subtitle"><?php esc_html_e('MaxGalleria is a Powerful Free WordPress Image and Video Gallery Plugin.', 'maxgalleria') ?></h2>
  
  <p id="plugin-description"><?php esc_html_e('MaxGalleria Pro includes all our', 'maxgalleria') ?> <a href="https://maxgalleria.com/features/" target="_blank" rel="noopener"><?php esc_html_e('Premium Features', 'maxgalleria') ?></a> <?php esc_html_e('for Additional Layouts, Connections to', 'maxgalleria') ?> <a href="/media-sources" target="_blank" rel="noopener"><?php esc_html_e('Media Sources', 'maxgalleria') ?></a> <?php esc_html_e('and our much sought-after', 'maxgalleria') ?> <a href="https://maxgalleria.com/downloads/media-library-folders-pro/" target="_blank" rel="noopener"><?php esc_html_e('Media Library Folders Pro Plugin', 'maxgalleria') ?></a>. <?php esc_html_e('It is stuffed full of all the features and functionality you need to easily create and manage your image and video galleries and albums in WordPress.', 'maxgalleria') ?></p>  
  
  <h3 id="mg-characteristics"><?php esc_html_e('RESPONSIVE, EASY TO USE, DEVELOPER FRIENDLY', 'maxgalleria') ?></h3>
    
  <div id="mg-slider-image-container">    
    <img id="mg-slider-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/slide1.jpg" alt="example slider image" width="1149" height="639">
  </div>
  
</div><!--upgrade-container-->
  
<div id="mg-more-details">
  
  <div class="row mgmd">
    <div class="large-4 columns">
      <img class="mgmd-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/responsive.png" alt="responsive icon" >
      <div class="mgmd-title"><?php esc_html_e('RESPONSIVE GALLERIES & ALBUMS', 'maxgalleria') ?></div>
      <div class="mgmd-text"><?php esc_html_e('From iPhones to iPads to Androids to desktops, MaxGalleria provides a great viewing experience no matter the device your galleries are seen on.', 'maxgalleria') ?></div>
    </div>
    <div class="large-4 columns">
      <img class="mgmd-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/work-flow.png" alt="work flow icon" >
      <div class="mgmd-title"><?php esc_html_e('SUPERIOR WORKFLOW', 'maxgalleria') ?></div>
      <div class="mgmd-text"><?php esc_html_e('MaxGalleria provides a highly streamlined user interface that makes it as straightforward as possible to create and manage your galleries.', 'maxgalleria') ?></div>
    </div>
    <div class="large-4 columns">
      <img class="mgmd-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/alternative.png" alt="alternative icon" >
      <div class="mgmd-title"><?php esc_html_e('BEST ALTERNATIVE TO NEXTGEN', 'maxgalleria') ?></div>
      <div class="mgmd-text"><?php esc_html_e('Frustrated with the NextGEN Gallery plugin? You\'re not alone. Import your NextGEN galleries into MaxGalleria with just a couple clicks.', 'maxgalleria') ?></div>
    </div>
  </div> 
  
  <div class="row mgmd second-mgmd">
    <div class="large-4 columns">
      <img class="mgmd-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/use.png" alt="check mark icon" >
      <div class="mgmd-title"><?php esc_html_e('USE ONLY WHAT YOU NEED', 'maxgalleria') ?></div>
      <div class="mgmd-text"><?php esc_html_e('Don\'t get bogged down with useless features. MaxGalleria gives you all the essentials, then lets you pick and choose enhanced functionality.', 'maxgalleria') ?></div>
    </div>
    <div class="large-4 columns">
      <img class="mgmd-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/templates.png" alt="template icon" >
      <div class="mgmd-title"><?php esc_html_e('READY-MADE TEMPLATES', 'maxgalleria') ?></div>
      <div class="mgmd-text"><?php esc_html_e('MaxGalleria includes several gallery layouts and skins, each with plenty of options to customize your galleries just how you like.', 'maxgalleria') ?></div>
    </div>
    <div class="large-4 columns">
      <img class="mgmd-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/developers.png" alt="developers icon" >
      <div class="mgmd-title"><?php esc_html_e('BUILT FOR DEVELOPERS', 'maxgalleria') ?></div>
      <div class="mgmd-text"><?php esc_html_e('The MaxGalleria gallery platform was created with developers in mind. You\'ll find countless actions and filters to make your heart sing.', 'maxgalleria') ?></div>
    </div>
  </div>  
</div>  

<div id="mg-textimonies">
  <div id="mg-testimonies-title"><?php esc_html_e('CUSTOMERS LOVE FOR MAXGALLERIA PRO', 'maxgalleria') ?></div>
  
  <div class="row mg-testimony-row">
    <div class="large-6 columns">
      <div class="mg-testimony-box">
        <img class="mg-quote-mark" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/mg-quote-mark.png" alt="quote mark icon" >
        <div class="mg-testimony-word"><?php esc_html_e('AMAZING!', 'maxgalleria') ?></div>
        <div class="mg-testimony-text"><?php esc_html_e('By far the best gallery plugin available to WordPress users.', 'maxgalleria') ?></div>
      </div>
    </div>
    
    <div class="large-6 columns">
      <div class="mg-testimony-box">
        <img class="mg-quote-mark" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/mg-quote-mark.png" alt="quote mark icon" >
        <div class="mg-testimony-word"><?php esc_html_e('PERFECT!', 'maxgalleria') ?></div>
        <div class="mg-testimony-text"><?php esc_html_e('I use it in combo with Media Library Plus. Great for sites having a lot of image galleries. Easy to organize them in separate folders using Media Libary Plus and adding the images to MaxGalleria with a click of a button.', 'maxgalleria') ?></div>
      </div>
    </div>
  </div>  
  
</div>

<div id="mg-addon-section">
  
  <div id="why-go-pro"><?php esc_html_e('WHY GO PRO?', 'maxgalleria') ?></div>
  
  <div class="mg-addon-title"><?php esc_html_e('MAXGALLERIA PRO HAS LOADS OF ADDITIONAL FEATURES WITH POWERFUL FUNCTIONALITY', 'maxgalleria') ?></div>
  
  <div id="mgpro-features"><?php esc_html_e('FEATURES', 'maxgalleria') ?></div>
  
  <div class="row mg-pro-wide">
    <div class="small-12 columns">      <section class="mg-pro-webp-callout" aria-labelledby="mg-webp-title">
        <div class="mg-pro-webp-badge" aria-hidden="true">NEW</div>
        <h3 id="mg-webp-title">Automatic WebP Conversion</h3>
        <p>
          MaxGalleria Pro now converts your uploaded <strong>JPG</strong> and <strong>PNG</strong>
          images to the modern <strong>WebP</strong> format—automatically.
        </p>

        <div class="mg-pro-webp-actions">
          <ul class="mg-pro-webp-benefits">
            <li><strong>Faster pages:</strong> smaller files make galleries feel snappier.</li>
            <li><strong>Same great quality:</strong> optimized without visible loss.</li>
            <li><strong>Better SEO:</strong> speed improvements can help rankings.</li>
          </ul>

          <a class="mg-pro-webp-cta" href="https://maxgalleria.com/documentation/maxgalleria/quickstart/#mgp-auto-convert"
             title="Learn how WebP auto-conversion works"
             target="_blank">             
            Learn more
          </a>
        </div>
      </section>
    </div>
  </div>
  
  <div class="row mgaddons">
    
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/downloads/swiper-js/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/images/addons/mg-sjs-cube.gif" alt="swiper js image"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('SWIPER JS', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Swiper JS is a powerful JavaScript slider library for mobile and web. It supports touch gestures, responsive layouts, autoplay, navigation, pagination, and advanced effects like cube, fade, and creative. Swiper handles images with high performance and full customization.', 'maxgalleria') ?></div>
          <div class="mg-addon-button">View Add On</div>
        </div>
      </a>  
    </div>    
        
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/downloads/slick-slider-for-wordpress/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/social-slick.png" alt="slick slider logo"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('SLICK SLIDER', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Slick Slider is ready to use and takes advantage of the latest version of SlickJS. If you are from the Slick community and want to use SlickJs for displaying a single image at a time on a WordPress site, our SlickJs addon is the best way to do it.', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('View Add On', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>
    
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/downloads/flickety-slider/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/images/addons/mgp-flicity-slider.gif" alt="sample slide image"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('FLICKITY SLIDER', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Flickity adds touch-friendly, physics-based carousels to WordPress, delivering smooth drag, swipe, or autoplay browsing that adapts to any screen. Built-in lazy-loading, looping, and accessible navigation keep galleries fast, responsive, and inclusive—no code required.', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('View Add On', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>
       
  </div>  
      
  <div class="row mgaddons">
    
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/downloads/maxgalleria-image-slider/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/maxgalleria-image-slider.jpg" alt="sample slide image"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('IMAGE SLIDER', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Image Slider lets you make sliders from your images. It comes with a number of ready to use presets plus many options to get just the look and feel you want.', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('View Add On', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>
        
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/hero-slider-wordpress/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/maxgalleria-hero-slider.jpg" alt="sample slide image"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('HERO SLIDER', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Hero Slider is perfect for creating a large full width carousel for your site. It comes with default options and the ability to customize your slider arrows and dots to make a unique presentation.', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('View Add On', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>  
    
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/downloads/maxgalleria-image-showcase/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/maxgalleria-image-showcase.jpg" alt="slick slider logo"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('IMAGE SHOWCASE', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Image Showcase shows off your gallery images in a large showcase area above the thumbnails, changing each time a thumbnail is clicked. It comes with several skins to display your galleries in different styles, and there are plenty of easy-to-use options.', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('View Add On', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>
    
    
  </div>      
    
  <div class="row mgaddons">
    
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/downloads/maxgalleria-image-carousel/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/maxgalleria-image-carousel.jpg" alt="sample slide image"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('IMAGE CAROUSEL', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Image Carousel that turns your galleries into carousels, giving your website that extra little kick. It comes with several skins to display your carousels in different styles, and there are plenty of easy-to-use options.', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('View Add On', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>
        
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/downloads/maxgalleria-video-showcase/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/maxgalleria-video-showcase.jpg" alt="sample slide image"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('VIDEO SHOWCASE', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Video Showcase shows off your gallery videos in a large showcase area above the video thumbnails, changing each time a thumbnail is clicked. It comes with several skins to display your galleries in different styles, and there are plenty of easy-to-use options.', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('View Add On', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>  
  
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/downloads/maxgalleria-albums/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/maxgalleria-albums.jpg" alt="slick slider logo"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('ALBUMS', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Albums allows you to quickly and easily organize your MaxGalleria galleries into albums. You can display your albums in a grid or list layout, with options to use borders, taped corners, or tucked corners for the gallery thumbnail styles.', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('View Add On', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>
    
    
  </div>  
    
  <div class="row mgaddons">
    
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/downloads/masonry-pinterest-like-layout/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/maxgalleria-masonry.jpg" alt="sample slide image"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('MASONRY', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Masonry gives you easy configuration through extensive options while at the same time delivering the ultimate in customization through deep developer hooks. With a plethora of options Masonry allows a wide range of gallery layouts and features.', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('View Add On', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>    
    
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/downloads/full-width-grid/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/maxgalleria-full-width-grid.jpg" alt="sample slide image"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('FULL WIDTH', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Full Width Grid gives you a clean, modern, engaging view of your gallery. There are plenty of easy-to-use options including: the number of columns, thumbnail shape, grid padding, image click options, and arrow choices to make your site look absolutely stunning.', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('View Add On', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>  
  
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/downloads/watermark/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/maxgalleria-watermark.jpg" alt="slick slider logo"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('WATERMARK', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Watermark gives the ability to use a variety of watermarking types, sizes and alignments, allowing you to protect important photographs or images in your MaxGalleria galleries.', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('View Add On', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>
    
    

  </div>  
  
  <div class="row mgaddons">
    
    <div class="large-4 columns mg-addon-block">
      <a href="https://maxgalleria.com/downloads/material-design/" target="_blank" class="mg-addon-block-container">
        <div class="mg-addon-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/maxgalleria-masonry.jpg" alt="sample slide image"  >
        </div>
        <div class="mg-addon-box-outer">
          <h2 class="mg-addon-subtitle"><?php esc_html_e('MATERIAL DESIGN', 'maxgalleria') ?></h2>
          <div class="mg-addon-description"><?php esc_html_e('Material Design is specifically tailored to bring you grids and cards that adhere to the set specifications down to the color options offered with plenty of easy-to-use options.', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('View Add On', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>
    
  
    <div class="large-4 columns mg-addon-block addon-block-empty">
    </div>    </div>  
  
      <div class="large-4 columns mg-addon-block addon-block-empty">
    </div>  
  <div class="row">
    <div class="large-12 columns">
      <div class="mg-addon-title-sources"><?php esc_html_e('MEDIA SOURCES', 'maxgalleria') ?></div>
    </div>
  </div>  
  
  <div class="row mgaddons">
    
    <div class="small-6 large-3 columns mg-source-block-sources">
      <a href="https://maxgalleria.com/downloads/media-library-plus-pro/" target="_blank" class="mg-addon-block-container">
        <div class="source-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/mlfp.png" alt="Media library folders pro logo"  >
        </div>
        <div class="mg-addon-box-outer-sources">
          <h2 class="mg-addon-source-subtitle"> <?php esc_html_e('MEDIA LIBRARY FOLDERS PRO', 'maxgalleria') ?></h2>
          <div class="mg-addon-source-description"><?php esc_html_e('Work Smart with Large Media Libraries', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('MORE INFO', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>      

    <div class="small-6 large-3 columns mg-source-block-sources">
      <a href="https://maxgalleria.com/downloads/media-library-plus-pro/" target="_blank" class="mg-addon-block-container">
        <div class="source-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/addon-s3.png" alt="Media library folders pro S3 logo"  >
        </div>
        <div class="mg-addon-box-outer-sources">
          <h2 class="mg-addon-source-subtitle"><?php esc_html_e('MLFP S3 AND SPACES', 'maxgalleria') ?></h2>
          <div class="mg-addon-source-description"><?php esc_html_e('Connect MLFP to Amazon S3 or DigitalOcean Spaces', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('MORE INFO', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>      
        
    <div class="small-6 large-3 columns mg-source-block-sources">
      <a href="https://maxgalleria.com/downloads/mp4/" target="_blank" class="mg-addon-block-container">
        <div class="source-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/media-sources-mp4.png" alt="MP4 logo"  >
        </div>
        <div class="mg-addon-box-outer-sources">
          <h2 class="mg-addon-source-subtitle"><?php esc_html_e('MP4 VIDEO', 'maxgalleria') ?></h2>
          <div class="mg-addon-source-description"> <?php esc_html_e('Use MP4 videos in your galleries', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('MORE INFO', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>  
  
    <div class="small-6 large-3 columns mg-source-block-sources">
      <a href="https://maxgalleria.com/downloads/maxgalleria-vimeo/" target="_blank" class="mg-addon-block-container">
        <div class="source-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/social-vimeo.png" alt="Vimeo Logo"  >
        </div>
        <div class="mg-addon-box-outer-sources">
          <h2 class="mg-addon-source-subtitle"><?php esc_html_e('VIMEO VIDEOS', 'maxgalleria') ?></h2>
          <div class="mg-addon-source-description"><?php esc_html_e('Use Vimeo videos in your galleries', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('MORE INFO', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>  
  
    <div class="small-6 large-3 columns mg-source-block-sources">
      <a href="https://maxgalleria.com/downloads/maxgalleria-facebook/" target="_blank" class="mg-addon-block-container">
        <div class="source-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/maxgalleria-facebook.png" alt="Facebook logo"  >
        </div>
        <div class="mg-addon-box-outer-sources">
          <h2 class="mg-addon-source-subtitle"><?php esc_html_e('FACEBOOK', 'maxgalleria') ?></h2>
          <div class="mg-addon-source-description"> <?php esc_html_e('Add Facebook photos to galleries', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('MORE INFO', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>  
  
    <div class="small-6 large-3 columns mg-source-block-sources">
      <a href="https://maxgalleria.com/downloads/maxgalleria-instagram/" target="_blank" class="mg-addon-block-container">
        <div class="source-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/social-instagram.png" alt="Instagram logo"  >
        </div>
        <div class="mg-addon-box-outer-sources">
          <h2 class="mg-addon-source-subtitle"><?php esc_html_e('INSTAGRAM', 'maxgalleria') ?></h2>
          <div class="mg-addon-source-description"> <?php esc_html_e('Add Instagram images to galleries', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('MORE INFO', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>  
<!--  </div>  
  
  <div class="row mgaddons">-->
      
    <div class="small-6 large-3 columns mg-source-block-sources">
      <a href="https://maxgalleria.com/downloads/maxgalleria-flickr/" target="_blank" class="mg-addon-block-container">
        <div class="source-image-container">
          <img class="mg-addon-image" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/social-flickr.png" alt="Flickr logo"  >
        </div>
        <div class="mg-addon-box-outer-sources">
          <h2 class="mg-addon-source-subtitle"><?php esc_html_e('FLICKR', 'maxgalleria') ?></h2>
          <div class="mg-addon-source-description"> <?php esc_html_e('Pull In Images from your Flickr stream', 'maxgalleria') ?></div>
          <div class="mg-addon-button"><?php esc_html_e('MORE INFO', 'maxgalleria') ?></div>
        </div>
      </a>  
    </div>     
       
  </div>  
 
</div>

<div class="mg-blue-box">
  <div class="row">
    <div class="large-6 columns" id="mg-cta-box">
      <div class="mg-cta-top"><?php esc_html_e('MAXGALLERIA PRO', 'maxgalleria') ?><br><?php esc_html_e('PLUS MEDIA LIBRARY FOLDERS PRO', 'maxgalleria') ?></div>  
      <div class="mg-cta-bottom">
        <ul class="mg-prices">
          <li><input type="radio" checked="checked" name="edd_options[price_id][]" value="1" data-price="49.00"><?php esc_html_e('1 Site – $49.00', 'maxgalleria') ?></li>
          <li><input type="radio" name="edd_options[price_id][]" value="2" data-price="99.00"><?php esc_html_e('3 Site – $99.00', 'maxgalleria') ?></li>
          <li><input type="radio" name="edd_options[price_id][]" value="3" data-price="149.00"><?php esc_html_e('Unlimited – $149.00', 'maxgalleria') ?></li>
        </ul>
        <a class="mg-add-to-cart-button"><?php esc_html_e('Get MaxGalleria Pro', 'maxgalleria') ?></a>
      </div>  
    </div>  
    <div class="large-6 columns" mg-features>
      <div class="mg-feature-row">
        <div class="mgf-left">
          <img class="mg-featureimage" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/light-bulb.png" alt="light bulg image" width="42" height="42" >
        </div>  
        <div class="mgf-rigth">
          <div class="mgf-item-title"><?php esc_html_e('BENEFITS', 'maxgalleria') ?></div>
          <div class="mgf-details"><?php esc_html_e('1 full year of dedicated support', 'maxgalleria') ?></div>
          <div class="mgf-details"> <?php esc_html_e('1 full year of free updates', 'maxgalleria') ?></div>
        </div>  
        <div style="clear:both"></div>
      </div>  
      <div class="mg-feature-row">
        <div class="mgf-left">
          <img class="mg-featureimage" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/thumbs-up.png" alt="thumbs up image" width="42" height="42" >
        </div>  
        <div class="mgf-rigth">
          <div class="mgf-item-title"><?php esc_html_e('FEATURES', 'maxgalleria') ?></div>
          <div class="mgf-details"> <?php esc_html_e('View all the features by clicking on any individual addon', 'maxgalleria') ?></div>
        </div>  
        <div style="clear:both"></div>
      </div>  
      <div class="mg-feature-row">
        <div class="mgf-left">
          <img class="mg-featureimage" src="<?php echo esc_url(MAXGALLERIA_PLUGIN_URL) ?>/admin/images/check-list.png" alt="check list image" width="42" height="42" >
        </div>  
        <div class="mgf-rigth">
          <div class="mgf-item-title"><?php esc_html_e('DOCUMENTATION', 'maxgalleria') ?></div>
          <div class="mgf-details"><?php esc_html_e('MaxGalleria Pro comes loaded with hooks so you can easily customize and extend it to fit your exact needs', 'maxgalleria') ?></div>
        </div>  
        <div style="clear:both"></div>
      </div>  
    </div>
  </div>  
</div>  

	<script>
	jQuery(document).ready(function(){
    
    jQuery(document).on("click", ".mg-add-to-cart-button", function () {    
      var selection = jQuery('input[name="edd_options[price_id][]"]:checked').val();
      var location = "https://maxgalleria.com/checkout?edd_action=add_to_cart&download_id=109599&edd_options[price_id]=" + selection;
      window.location.href = location;
    });
        
	});  
  </script>  
  