<header class="mageStyle">
    <img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/top_bg.png" alt="banner" class="zeroRadius" />
    <div class="topBanner fullAbsolute alignCenter">
        <div class="mage_container">
            <div class="mage_row">
                <div class="col_3 sd_2 alignCenter">
                    <img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/logo.png" alt="logo" />
                </div>
                <div class="col_5 sd_6 alignCenter">
                    <div class="textContent">
                        <h3>What's Inside</h3>
                        <h2 class="extraBold">The MagePeopleAddons Pro</h2>
                    </div>
                </div>
                <div class="col_4">
                    <div class="flexColumn top_icon_area">
                        <ul class="flexEqual">
                            <li></li>
                            <li><a href="#"><img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/refresh.png" alt="refresh" /></a></li>
                            <li><a href="#"><img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/rocket.png" alt="rocket" /></a></li>
                        </ul>
                        <ul class="flexEqual">
                            <li><a href="#"><img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/setting.png" alt="settings" /></a></li>
                            <li><a href="#"><img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/reading.png" alt="reading" /></a></li>
                            <li><a href="#"><img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/graph.png" alt="graph" /></a></li>
                        </ul>
                        <ul class="flexEqual">
                            <li><a href="#"><img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/gift.png" alt="gift" /></a></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<section class="mageStyle">
    <!--<div class="features">
        <div class="mage_container">
            <div class="mage_row">
                <div class="col_12">
                    <div class="justifyCenter">
                        <span class="preDash postDash customButton allCenter">PRO</span>
                    </div>
                    <h1 class="dBlock textCenter">Features</h1>
                </div>
                <div class="col_7 sd_12 alignCenter">
                    <div>
                        <h2>Cross Domain Copy Paste</h2>
                        <p>Cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus mus aenean lacinia bibendum. Cum sociis natoque penatibus et magnis dis parturient montes Cum sociis natoque penatibus</p>
                        <label><span class="fa fa-check-circle"></span>Extensions to step-up your install</label>
                        <label><span class="fa fa-check-circle"></span>Free 24-7 Priority Support</label>
                        <a href="#" class="buttonOutline allCenter_radius_transition">Succeed Today</a>
                    </div>
                </div>
                <div class="col_5 sd_12">
                    <img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/feature_img.png" alt="feature" />
                </div>
            </div>
        </div>
    </div>
    <div class="preset">
        <div class="mage_container">
            <div class="mage_row">
                <div class="col_6 sd_12">
                    <img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/preset.png" alt="preset" />
                </div>
                <div class="col_6 sd_12 alignCenter">
                    <div>
                        <span class="postDash customButton allCenter">PRO</span>
                        <h2>Preset</h2>
                        <p>Cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus mus aenean lacinia bibendum. Cum sociis natoque penatibus et magnis dis parturient montes Cum sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus</p>
                        <a href="#" class="buttonOutline allCenter_radius_transition">Succeed Today</a>
                    </div>
                </div>
            </div>
        </div>
    </div>-->
    <div class="unlimited_section">
        <div class="mage_container">
            <div class="mage_row">
                <div class="col_6 sd_12 alignCenter">
                    <div>
                        <span class="postDash buttonOutline allCenter" style="margin-bottom:30px;">PRO VERSION FEATURES</span>
                        <h2>Attendee Form buider for attendee management Pdf Ticket and Emailing Feature.</h2>
                        <p>Event Manager Pro feature include two addons form builder and pdf ticket and emailing feature. with this pro version someone can take any kind information of attendee, attendee list can be exported as CSV. pdf ticket can send to buyer email
                        after ticket purchasing etc.</p>
                        <div>
                            <div class="alignCenter content_area nowrap">
                                <img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/icon_1.png" alt="icon" />
                                <div class="textContent">
                                    <h4>Attendee Management</h4>
                                    <p>Attendee can be managed easily with attendee form builder and attendee information can edit also can export as CSV</p>
                                </div>
                            </div>
                            <div class="alignCenter content_area nowrap">
                                <img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/icon_2.png" alt="icon" />
                                <div class="textContent">
                                    <h4>PDF Ticketing </h4>
                                    <p>every ticket purchased a pdf ticket will be generate that can print as entry document, different pdf template possible.</p>
                                </div>
                            </div>
                            <div class="alignCenter content_area nowrap">
                                <img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/icon_3.png" alt="icon" />
                                <div class="textContent">
                                    <h4>Emailing Features</h4>
                                    <p>Pro version has email feature, after purchase complete, pdf ticket can send to buyer by email, it has customize email shortcode.</p>
                                </div>
                            </div>
                        </div>
                        <a href="https://mage-people.com/product/mage-woo-event-booking-manager-pro/" target="_blank" class="buttonOutline allCenter_radius_transition customButton">Buy Event Manager Pro Today</a>
                    </div>
                </div>
                <div class="col_6 sd_12">
                    <img src="<?php echo plugin_dir_url(__DIR__).'welcome/' ?>img/ullimited_img.png" alt="unlimited" />
                </div>
            </div>
        </div>
    </div>
    <div class="widget">
        <div class="mage_container">
            <div class="mage_row">
                <div class="col_12">
                    <div class="justifyCenter">
                        <span class="preDash postDash customButton allCenter">Available Supportive Addon List</span>
                    </div>
                    <h1 class="textCenter">Addons</h1>
                    <div class="justifyBetween">
<?php
$url        = 'https://vaincode.com/update/addon-list.json';
$curl       = curl_init();
curl_setopt($curl, CURLOPT_URL, $url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);
curl_setopt($curl, CURLOPT_HEADER, false);
$data = curl_exec($curl);
curl_close($curl);
$obj = json_decode($data, true);

// print_r($data);

if(is_array($obj) && sizeof($obj) > 0){
echo '<div class="addon_list_sec"><ul class="mep_addon_list">';
foreach ($obj as $list) {
echo '<li>';
	echo '<img src='.$list['banner'].'>';
	echo '<h3>'.$list['name'].'</h3>';
//	echo '<p>'.$list['excerpt'].'</p>';
	echo '<h4>'.$list['price'].'</h4>';
	echo '<a href='.$list['url'].' target="_blank">'.$list['btn_txt'].'</a>';
echo '</li>';
}
echo '</ul></div>';
}
?>
 </div>
                </div>
            </div>
        </div>
    </div>
    <div class="getPro">
        <div class="mage_container">
            <div class="mage_row">
                <div class="col_12">
                    <h2 class="textCenter">Get Pro and Others Available Addon to get all these exciting features</h2>
                    <div class="justifyCenter">
                        <a href="https://mage-people.com/product/mage-woo-event-booking-manager-pro/" target="_blank" class="prePostDash customButton allCenter">Buy Now</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<style>
.widget h3{font-size:18px;}    
</style>