<div id="tab-custom-theme" class="kopa-content-box tab-content tab-content-1">    
    <div class="kopa-box-head">
        <i class="icon-hand-right"></i>
        <span class="kopa-section-title"><?php _e('Main Color', kopa_get_domain()); ?></span>
    </div><!--kopa-box-head-->
    <div class="kopa-box-body">
        <div class="kopa-element-box kopa-theme-options">            
            <input type="text" id="kopa_theme_options_color_code" name="kopa_theme_options_color_code" value="<?php echo get_option('kopa_theme_options_color_code', '#18adb5'); ?>" class="kopa_colorpicker" data-default-color="#18adb5" tabindex="">
        </div><!--kopa-element-box-->
    </div><!--tab-theme-skin-->   

    <!-- Header secondary color -->
    <div class="kopa-box-head">
        <i class="icon-hand-right"></i>
        <span class="kopa-section-title"><?php _e('Header secondary color', kopa_get_domain()); ?></span>
    </div><!--kopa-box-head-->
    <div class="kopa-box-body">
        <div class="kopa-element-box kopa-theme-options">
            <p class="kopa-desc"><?php _e('Header secondary background color', kopa_get_domain()); ?></p>         
            <input type="text" id="kopa_theme_options_header_secondary_bg_color" name="kopa_theme_options_header_secondary_bg_color" value="<?php echo get_option('kopa_theme_options_header_secondary_bg_color', '#4abfc5'); ?>" class="kopa_colorpicker" data-default-color="#4abfc5" tabindex="">
        </div><!--kopa-element-box-->

        <div class="kopa-element-box kopa-theme-options">
            <p class="kopa-desc"><?php _e('Header secondary text color', kopa_get_domain()); ?></p>         
            <input type="text" id="kopa_theme_options_header_secondary_text_color" name="kopa_theme_options_header_secondary_text_color" value="<?php echo get_option('kopa_theme_options_header_secondary_text_color', '#023c42'); ?>" class="kopa_colorpicker" data-default-color="#023c42" tabindex="">
        </div><!--kopa-element-box-->
    </div><!--tab-theme-skin--> 

    <!-- body color -->
    <div class="kopa-box-head">
        <i class="icon-hand-right"></i>
        <span class="kopa-section-title"><?php _e('Body Text Color', kopa_get_domain()); ?></span>
    </div><!--kopa-box-head-->
    <div class="kopa-box-body">
        <div class="kopa-element-box kopa-theme-options">            
            <input type="text" id="kopa_theme_options_body_text_color_code" name="kopa_theme_options_body_text_color_code" value="<?php echo get_option('kopa_theme_options_body_text_color_code', '#666666'); ?>" class="kopa_colorpicker" data-default-color="#666666" tabindex="">
        </div><!--kopa-element-box-->
    </div><!--tab-theme-skin--> 

    <div class="kopa-box-head">
        <i class="icon-hand-right"></i>
        <span class="kopa-section-title"><?php _e('Heading Color', kopa_get_domain()); ?></span>
    </div><!--kopa-box-head-->
    <div class="kopa-box-body">
        <div class="kopa-element-box kopa-theme-options">   
            <p class="kopa-desc"><?php _e('Widget title color (sidebar)', kopa_get_domain()); ?></p>
            <input type="text" id="kopa_theme_options_wdg_sidebar_color_code" name="kopa_theme_options_wdg_sidebar_color_code" value="<?php echo get_option('kopa_theme_options_wdg_sidebar_color_code', '#404040'); ?>" class="kopa_colorpicker" data-default-color="#404040" tabindex="">
        </div><!--kopa-element-box-->
        <div class="kopa-element-box kopa-theme-options">   
            <p class="kopa-desc"><?php _e('Widget title color (content)', kopa_get_domain()); ?></p>
            <input type="text" id="kopa_theme_options_wdg_content_color_code" name="kopa_theme_options_wdg_content_color_code" value="<?php echo get_option('kopa_theme_options_wdg_content_color_code', '#222222'); ?>" class="kopa_colorpicker" data-default-color="#222222" tabindex="">
        </div><!--kopa-element-box-->
        <div class="kopa-element-box kopa-theme-options">   
            <p class="kopa-desc"><?php _e('Widget title color (dark block)', kopa_get_domain()); ?></p>
            <input type="text" id="kopa_theme_options_wdg_dark_block_color_code" name="kopa_theme_options_wdg_dark_block_color_code" value="<?php echo get_option('kopa_theme_options_wdg_dark_block_color_code', '#f1f3f8'); ?>" class="kopa_colorpicker" data-default-color="#f1f3f8" tabindex="">
        </div><!--kopa-element-box-->
        <div class="kopa-element-box kopa-theme-options">   
            <p class="kopa-desc"><?php _e('H1 Heading Color', kopa_get_domain()); ?></p>
            <input type="text" id="kopa_theme_options_h1_color_code" name="kopa_theme_options_h1_color_code" value="<?php echo get_option('kopa_theme_options_h1_color_code', '#222222'); ?>" class="kopa_colorpicker" data-default-color="#222222" tabindex="">
        </div><!--kopa-element-box-->
        <div class="kopa-element-box kopa-theme-options">   
            <p class="kopa-desc"><?php _e('H2 Heading Color', kopa_get_domain()); ?></p>
            <input type="text" id="kopa_theme_options_h2_color_code" name="kopa_theme_options_h2_color_code" value="<?php echo get_option('kopa_theme_options_h2_color_code', '#222222'); ?>" class="kopa_colorpicker" data-default-color="#222222" tabindex="">
        </div><!--kopa-element-box-->
        <div class="kopa-element-box kopa-theme-options">   
            <p class="kopa-desc"><?php _e('H3 Heading Color', kopa_get_domain()); ?></p>
            <input type="text" id="kopa_theme_options_h3_color_code" name="kopa_theme_options_h3_color_code" value="<?php echo get_option('kopa_theme_options_h3_color_code', '#222222'); ?>" class="kopa_colorpicker" data-default-color="#222222" tabindex="">
        </div><!--kopa-element-box-->
        <div class="kopa-element-box kopa-theme-options">   
            <p class="kopa-desc"><?php _e('H4 Heading Color', kopa_get_domain()); ?></p>
            <input type="text" id="kopa_theme_options_h4_color_code" name="kopa_theme_options_h4_color_code" value="<?php echo get_option('kopa_theme_options_h4_color_code', '#222222'); ?>" class="kopa_colorpicker" data-default-color="#222222" tabindex="">
        </div><!--kopa-element-box-->
        <div class="kopa-element-box kopa-theme-options">   
            <p class="kopa-desc"><?php _e('H5 Heading Color', kopa_get_domain()); ?></p>
            <input type="text" id="kopa_theme_options_h5_color_code" name="kopa_theme_options_h5_color_code" value="<?php echo get_option('kopa_theme_options_h5_color_code', '#222222'); ?>" class="kopa_colorpicker" data-default-color="#222222" tabindex="">
        </div><!--kopa-element-box-->
        <div class="kopa-element-box kopa-theme-options">   
            <p class="kopa-desc"><?php _e('H6 Heading Color', kopa_get_domain()); ?></p>
            <input type="text" id="kopa_theme_options_h6_color_code" name="kopa_theme_options_h6_color_code" value="<?php echo get_option('kopa_theme_options_h6_color_code', '#222222'); ?>" class="kopa_colorpicker" data-default-color="#222222" tabindex="">
        </div><!--kopa-element-box-->
    </div><!--tab-theme-skin-->
</div><!--tab-container-->