<!-- getting started tab -->
<div id="es_getting_started_options">
   <div class="tab">
      <div class="getting_started_intro_banner">
         <span class="started-span">Welcome to Easy Schema</span>
         <p class="getting_started_tagline">Easy Schema allows you to add different Schema types to your WordPress website, giving the search engines all the information it needs to display you prominently.</p>
      </div>
      <div class="getting_started_flex_Boxes">
         <div class="getting_started_featured_left">
            <p class="schema_types_title">Schema Types</p>
            <div class="schema_types_list">
               <div class="schema_type_list_1">
                  <span class="schema_name">Local Business Schema</span>
                  <span id="schema_status_local_business_icon" class="schema_status schema_not_active">not activated</span>
               </div>
               <div class="schema_type_list_2">
                  <span class="schema_name">FAQ Page Schema</span>
                  <span id="schema_status_faq_icon" class="schema_status schema_not_active">shortcode</span>
               </div>
               <div class="schema_type_list_1">
                  <span class="schema_name">Logo Schema</span>
                  <span id="schema_status_logo_icon" class="schema_status schema_not_active">activated</span>
               </div>
               <div class="schema_type_list_2">
                  <span class="schema_name">Sitelinks Search Box</span>
                  <span id="schema_status_sitelinks_icon" class="schema_status schema_not_active">activated</span>
               </div>
               <div class="schema_type_list_1">
                  <span class="schema_name">WooCommerce</span>
                  <span id="schema_status_woocommerce_icon" class="schema_status schema_not_active">not activated</span>
               </div>
               
               <?php 
?>
                   <div class="schema_type_list_2">
                      <span class="schema_name">Article Schema</span>
                      <span id="schema_status_article_icon" class="schema_status schema_pro_setting">PRO<span class="dashicons dashicons-lock essdrs_settings_schema_type"></span></span>
                   </div>
                   <div class="schema_type_list_1">
                      <span class="schema_name">Recipe Schema</span>
                      <span id="schema_status_recipe_icon" class="schema_status schema_pro_setting">PRO<span class="dashicons dashicons-lock essdrs_settings_schema_type"></span></span>
                   </div>
                   <div class="schema_type_list_2">
                      <span class="schema_name">Video Object Schema</span>
                      <span id="schema_status_video_icon" class="schema_status schema_pro_setting">PRO<span class="dashicons dashicons-lock essdrs_settings_schema_type"></span></span>
                   </div>
                   <div class="schema_type_list_1">
                      <span class="schema_name">Software App</span>
                      <span id="schema_status_software_icon" class="schema_status schema_pro_setting">PRO<span class="dashicons dashicons-lock essdrs_settings_schema_type"></span></span>
                   </div>
                   <div class="schema_type_list_2">
                      <span class="schema_name">Events Schema</span>
                      <span id="schema_status_events_icon" class="schema_status schema_pro_setting">PRO<span class="dashicons dashicons-lock essdrs_settings_schema_type"></span></span>
                   </div>
                   <div class="schema_type_list_1">
                      <span class="schema_name">Job Posting</span>
                      <span id="schema_status_job_icon" class="schema_status schema_pro_setting">PRO<span class="dashicons dashicons-lock essdrs_settings_schema_type"></span></span>
                   </div>
                   <div class="schema_type_list_2">
                      <span class="schema_name">Person Schema</span>
                      <span id="schema_status_person_icon" class="schema_status schema_pro_setting">PRO<span class="dashicons dashicons-lock essdrs_settings_schema_type"></span></span>
                   </div>
                   <div class="schema_type_list_1">
                      <span class="schema_name">Course Schema</span>
                      <span id="schema_status_course_icon" class="schema_status schema_pro_setting">PRO<span class="dashicons dashicons-lock essdrs_settings_schema_type"></span></span>
                   </div>
                   <?php 
?>
            </div>
         </div>
         <div class="getting_started_featured_right">
            <p class="getting_started_setup_title"><strong>How to Setup</strong></p>
            <p class="getting-started-intro"><strong>Configure Schema types:</strong> Choose between different Schema types on the tabs on the left &amp; fill in all the required information. Once you have entered all the information that's needed, check the box to activate that Schema type and decide on a display option. Click save &amp; Schema will automatically be output onto your WordPress website.</p>
            <p class="getting-started-intro"><strong>Test Schema using the Rich Results Test:</strong> Google has its own <a href="<?php 
echo  esc_url( 'https://search.google.com/test/rich-results' ) ;
?>" target="_blank">Schema testing tool</a> where you can enter a URL from your website &amp; get information about the Schema which is being displayed on your website. After configuring all the Schema types you want to display, head over to the Rich Results Test &amp; make sure everything is set up as you want it to be.</p>
         </div>
      </div>
   </div>
</div>