PHP isUserMadeSidebar примеры использования

Язык программирования: PHP

Метод/Функция: isUserMadeSidebar

Примеров на hotexamples.com: 8

PHP isUserMadeSidebar - 8 примеров найдено. Это лучшие примеры PHP кода для isUserMadeSidebar, полученные из open source проектов. Вы можете ставить оценку каждому примеру, чтобы помочь нам улучшить качество примеров.

Пример #1

Показать файл

Файл: map.php Проект: javalidigital/suprema

<?php

$qode_custom_sidebars = array();
foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) {
    if (isUserMadeSidebar(ucwords($sidebar['name']))) {
        $qode_custom_sidebars[$sidebar['id']] = ucwords($sidebar['name']);
    }
}
$qode_blog_categories = array();
$categories = get_categories();
foreach ($categories as $category) {
    $qode_blog_categories[$category->term_id] = $category->name;
}
//Qode Slide Type
$qodeSlideType = new QodeMetaBox("slides", "Qode Slide Type");
$qodeFramework->qodeMetaBoxes->addMetaBox("slides_type", $qodeSlideType);
$qode_slide_background_type = new QodeMetaField("imagevideo", "qode_slide-background-type", "image", "Slide Background Type", "Do you want to upload an image or video?", array(), array("dependence" => true, "dependence_hide_on_yes" => "#qodef-meta-box-slides_video_settings", "dependence_show_on_yes" => "#qodef-meta-box-slides_image_settings"));
$qodeSlideType->addChild("qode_slide-background-type", $qode_slide_background_type);
//Qode Slide Image
$qodeSlideImageSettings = new QodeMetaBox("slides", "Qode Slide Image", "qode_slide-background-type", array("video"));
$qodeFramework->qodeMetaBoxes->addMetaBox("slides_image_settings", $qodeSlideImageSettings);
$qode_slide_image = new QodeMetaField("image", "qode_slide-image", "", "Slide Image", "Choose background image");
$qodeSlideImageSettings->addChild("qode_title-image", $qode_slide_image);
$qode_slide_overlay_image = new QodeMetaField("image", "qode_slide-overlay-image", "", "Overlay Image", "Choose overlay image (pattern) for background image");
$qodeSlideImageSettings->addChild("qode_slide-overlay-image", $qode_slide_overlay_image);
$qode_enable_image_animation = new QodeMetaField("yesno", "qode_enable_image_animation", "no", "Enable Image Animation", "Enabling this option will turn on a motion animation on the slide image", array(), array("dependence" => "true", "dependence_hide_on_yes" => "", "dependence_show_on_yes" => "#qodef_qode_enable_image_animation_container"));
$qodeSlideImageSettings->addChild('qode_enable_image_animation', $qode_enable_image_animation);
$qode_enable_image_animation_container = new QodeContainer("qode_enable_image_animation_container", "qode_enable_image_animation", "no");
$qodeSlideImageSettings->addChild("qode_enable_image_animation_container", $qode_enable_image_animation_container);
$qode_enable_image_animation_type = new QodeMetaField("select", "qode_enable_image_animation_type", "zoom_center", "Animation Type", "", array("zoom_center" => "Zoom In Center", "zoom_top_left" => "Zoom In to Top Left", "zoom_top_right" => "Zoom In to Top Right", "zoom_bottom_left" => "Zoom In to Bottom Left", "zoom_bottom_right" => "Zoom In to Bottom Right"));
$qode_enable_image_animation_container->addChild("qode_enable_image_animation_type", $qode_enable_image_animation_type);

Пример #2

Показать файл

Файл: edit_custom_walker.php Проект: ksingh812/thub-old

    /**
     * @see Walker::start_el()
     * @since 3.0.0
     *
     * @param string $output Passed by reference. Used to append additional content.
     * @param object $item Menu item data object.
     * @param int $depth Depth of menu item. Used for padding.
     * @param object $args
     */
    function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0)
    {
        global $_wp_nav_menu_max_depth;
        $_wp_nav_menu_max_depth = $depth > $_wp_nav_menu_max_depth ? $depth : $_wp_nav_menu_max_depth;
        $indent = $depth ? str_repeat("\t", $depth) : '';
        ob_start();
        $item_id = esc_attr($item->ID);
        $removed_args = array('action', 'customlink-tab', 'edit-menu-item', 'menu-item', 'page-tab', '_wpnonce');
        $original_title = '';
        if ('taxonomy' == $item->type) {
            $original_title = get_term_field('name', $item->object_id, $item->object, 'raw');
            if (is_wp_error($original_title)) {
                $original_title = false;
            }
        } elseif ('post_type' == $item->type) {
            $original_object = get_post($item->object_id);
            $original_title = $original_object->post_title;
        }
        $classes = array('menu-item menu-item-depth-' . $depth, 'menu-item-' . esc_attr($item->object), 'menu-item-edit-' . (isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ? 'active' : 'inactive'));
        $title = $item->title;
        if (!empty($item->_invalid)) {
            $classes[] = 'menu-item-invalid';
            /* translators: %s: title of menu item which is invalid */
            $title = sprintf(__('%s (Invalid)', 'qode'), $item->title);
        } elseif (isset($item->post_status) && 'draft' == $item->post_status) {
            $classes[] = 'pending';
            /* translators: %s: title of menu item in draft status */
            $title = sprintf(__('%s (Pending)', 'qode'), $item->title);
        }
        $title = empty($item->label) ? $title : $item->label;
        ?>
	    <li id="menu-item-<?php 
        echo $item_id;
        ?>
" class="<?php 
        echo implode(' ', $classes);
        ?>
">
	        <dl class="menu-item-bar">
	            <dt class="menu-item-handle">
	                <span class="item-title"><?php 
        echo esc_html($title);
        ?>
</span>
	                <span class="item-controls">
	                    <span class="item-type"><?php 
        echo esc_html($item->type_label);
        ?>
</span>
	                    <span class="item-order hide-if-js">
	                        <a href="<?php 
        echo wp_nonce_url(add_query_arg(array('action' => 'move-up-menu-item', 'menu-item' => $item_id), remove_query_arg($removed_args, admin_url('nav-menus.php'))), 'move-menu_item');
        ?>
" class="item-move-up"><abbr title="<?php 
        esc_attr_e('Move up', 'qode');
        ?>
">&#8593;</abbr></a>
	                        |
	                        <a href="<?php 
        echo wp_nonce_url(add_query_arg(array('action' => 'move-down-menu-item', 'menu-item' => $item_id), remove_query_arg($removed_args, admin_url('nav-menus.php'))), 'move-menu_item');
        ?>
" class="item-move-down"><abbr title="<?php 
        esc_attr_e('Move down', 'qode');
        ?>
">&#8595;</abbr></a>
	                    </span>
	                    <a class="item-edit" id="edit-<?php 
        echo $item_id;
        ?>
" title="<?php 
        esc_attr_e('Edit Menu Item', 'qode');
        ?>
" href="<?php 
        echo isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ? admin_url('nav-menus.php') : add_query_arg('edit-menu-item', $item_id, remove_query_arg($removed_args, admin_url('nav-menus.php#menu-item-settings-' . $item_id)));
        ?>
"><?php 
        _e('Edit Menu Item', 'qode');
        ?>
</a>
	                </span>
	            </dt>
	        </dl>
	
	        <div class="menu-item-settings" id="menu-item-settings-<?php 
        echo $item_id;
        ?>
">
	            <?php 
        if ('custom' == $item->type) {
            ?>
	                <p class="field-url description description-wide">
	                    <label for="edit-menu-item-url-<?php 
            echo $item_id;
            ?>
">
	                        <?php 
            _e('URL', 'qode');
            ?>
<br />
	                        <input type="text" id="edit-menu-item-url-<?php 
            echo $item_id;
            ?>
" class="widefat code edit-menu-item-url" name="menu-item-url[<?php 
            echo $item_id;
            ?>
]" value="<?php 
            echo esc_attr($item->url);
            ?>
" />
	                    </label>
	                </p>
	            <?php 
        }
        ?>
	            <p class="description description-thin">
	                <label for="edit-menu-item-title-<?php 
        echo $item_id;
        ?>
">
	                    <?php 
        _e('Navigation Label', 'qode');
        ?>
<br />
	                    <input type="text" id="edit-menu-item-title-<?php 
        echo $item_id;
        ?>
" class="widefat edit-menu-item-title" name="menu-item-title[<?php 
        echo $item_id;
        ?>
]" value="<?php 
        echo esc_attr($item->title);
        ?>
" />
	                </label>
	            </p>
	            <p class="description description-thin">
	                <label for="edit-menu-item-attr-title-<?php 
        echo $item_id;
        ?>
">
	                    <?php 
        _e('Title Attribute', 'qode');
        ?>
<br />
	                    <input type="text" id="edit-menu-item-attr-title-<?php 
        echo $item_id;
        ?>
" class="widefat edit-menu-item-attr-title" name="menu-item-attr-title[<?php 
        echo $item_id;
        ?>
]" value="<?php 
        echo esc_attr($item->post_excerpt);
        ?>
" />
	                </label>
	            </p>
	            <p class="field-link-target description">
	                <label for="edit-menu-item-target-<?php 
        echo $item_id;
        ?>
">
	                    <input type="checkbox" id="edit-menu-item-target-<?php 
        echo $item_id;
        ?>
" value="_blank" name="menu-item-target[<?php 
        echo $item_id;
        ?>
]"<?php 
        checked($item->target, '_blank');
        ?>
 />
	                    <?php 
        _e('Open link in a new window/tab', 'qode');
        ?>
	                </label>
	            </p>
	            <p class="field-css-classes description description-thin">
	                <label for="edit-menu-item-classes-<?php 
        echo $item_id;
        ?>
">
	                    <?php 
        _e('CSS Classes (optional)', 'qode');
        ?>
<br />
	                    <input type="text" id="edit-menu-item-classes-<?php 
        echo $item_id;
        ?>
" class="widefat code edit-menu-item-classes" name="menu-item-classes[<?php 
        echo $item_id;
        ?>
]" value="<?php 
        echo esc_attr(implode(' ', $item->classes));
        ?>
" />
	                </label>
	            </p>
	            <p class="field-xfn description description-thin">
	                <label for="edit-menu-item-xfn-<?php 
        echo $item_id;
        ?>
">
	                    <?php 
        _e('Link Relationship (XFN)', 'qode');
        ?>
<br />
	                    <input type="text" id="edit-menu-item-xfn-<?php 
        echo $item_id;
        ?>
" class="widefat code edit-menu-item-xfn" name="menu-item-xfn[<?php 
        echo $item_id;
        ?>
]" value="<?php 
        echo esc_attr($item->xfn);
        ?>
" />
	                </label>
	            </p>
	            <p class="field-description description description-wide">
	                <label for="edit-menu-item-description-<?php 
        echo $item_id;
        ?>
">
	                    <?php 
        _e('Description', 'qode');
        ?>
<br />
	                    <textarea id="edit-menu-item-description-<?php 
        echo $item_id;
        ?>
" class="widefat edit-menu-item-description" rows="3" cols="20" name="menu-item-description[<?php 
        echo $item_id;
        ?>
]"><?php 
        echo esc_html($item->description);
        // textarea_escaped
        ?>
</textarea>
	                    <span class="description"><?php 
        _e('The description will be displayed in the menu if the current theme supports it.', 'qode');
        ?>
</span>
	                </label>
	            </p>        
	            <?php 
        /* New fields insertion starts here */
        ?>
      
	            <p class="field-custom description description-thin description-thin-custom">
									<label for="edit-menu-item-anchor-<?php 
        echo $item_id;
        ?>
">
	                    <?php 
        _e('Anchor', 'qode');
        ?>
<br />
	                    <input type="text" id="edit-menu-item-anchor-<?php 
        echo $item_id;
        ?>
" class="widefat code edit-menu-item-anchor" name="menu-item-anchor[<?php 
        echo $item_id;
        ?>
]" value="<?php 
        echo esc_attr($item->anchor);
        ?>
" />
	                </label>
							</p>
							<p class="field-custom description description-wide">
								<?php 
        $value = $item->nolink;
        if ($value != "") {
            $value = "checked='checked'";
        }
        ?>
									<label for="edit-menu-item-nolink-<?php 
        echo $item_id;
        ?>
">
										<input type="checkbox" id="edit-menu-item-nolink-<?php 
        echo $item_id;
        ?>
" class="code edit-menu-item-custom" name="menu-item-nolink[<?php 
        echo $item_id;
        ?>
]" value="nolink" <?php 
        echo $value;
        ?>
 />
										<?php 
        _e("Don't link", 'qode');
        ?>
									</label>
							</p>
							<p class="field-custom description description-wide">
								<?php 
        $value = $item->hide;
        if ($value != "") {
            $value = "checked='checked'";
        }
        ?>
									<label for="edit-menu-item-hide-<?php 
        echo $item_id;
        ?>
">
										<input type="checkbox" id="edit-menu-item-hide-<?php 
        echo $item_id;
        ?>
" class="code edit-menu-item-custom" name="menu-item-hide[<?php 
        echo $item_id;
        ?>
]" value="hide" <?php 
        echo $value;
        ?>
 />
										<?php 
        _e("Don't show", 'qode');
        ?>
									</label>
							</p>
							<p class="field-custom description description-thin description-thin-custom">
	                <label for="edit-menu-item-type-menu-<?php 
        echo $item_id;
        ?>
">
	                    <?php 
        _e('Type', 'qode');
        ?>
<br />
											<select id="edit-menu-item-type-menu<?php 
        echo $item_id;
        ?>
" name="menu-item-type_menu[<?php 
        echo $item_id;
        ?>
]">
												<option value="" <?php 
        if (esc_attr($item->type_menu) == "") {
            echo 'selected="selected"';
        }
        ?>
></option>
												<option value="wide" <?php 
        if (esc_attr($item->type_menu) == "wide") {
            echo 'selected="selected"';
        }
        ?>
>wide</option>
												<option value="wide_icons" <?php 
        if (esc_attr($item->type_menu) == "wide_icons") {
            echo 'selected="selected"';
        }
        ?>
>wide with icons</option>
											</select>
											
	                </label>
	            </p>
							<p class="field-custom description description-thin description-thin-custom">
								<label for="edit-menu-item-icon-<?php 
        echo $item_id;
        ?>
">
								<?php 
        _e('Icon', 'qode');
        ?>
<br />
								<select id="edit-menu-item-icon<?php 
        echo $item_id;
        ?>
" name="menu-item-icon[<?php 
        echo $item_id;
        ?>
]">
									<option value="" <?php 
        if (esc_attr($item->icon) == "") {
            echo 'selected="selected"';
        }
        ?>
></option>
									<?php 
        $fa_icons = getFontAwesomeIconArray();
        foreach ($fa_icons as $key => $value) {
            ?>
									<option value="<?php 
            echo $key;
            ?>
" <?php 
            if (esc_attr($item->icon) == $key) {
                echo 'selected="selected"';
            }
            ?>
><?php 
            echo $key;
            ?>
</option>
									<?php 
        }
        ?>
								</select>
								<br/><?php 
        _e('Only with "wide with icons" menu type', 'qode');
        ?>
	              </label>
	            </p>
							<p class="field-custom description description-thin description-thin-custom">
							</p>
							<p class="field-custom description description-thin description-thin-custom">
								<label for="edit-menu-item-sidebar-<?php 
        echo $item_id;
        ?>
">
								<?php 
        _e('Custom widget area', 'qode');
        ?>
<br />
								<select id="edit-menu-item-sidebar<?php 
        echo $item_id;
        ?>
" name="menu-item-sidebar[<?php 
        echo $item_id;
        ?>
]">
									<option value="" <?php 
        if (esc_attr($item->sidebar) == "") {
            echo 'selected="selected"';
        }
        ?>
></option>
									<?php 
        foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) {
            if (isUserMadeSidebar(ucwords($sidebar['name']))) {
                ?>
												
												 <option value="<?php 
                echo ucwords($sidebar['id']);
                ?>
" <?php 
                if (esc_attr($item->sidebar) == ucwords($sidebar['id'])) {
                    ?>
 selected="selected" <?php 
                }
                ?>
>
														<?php 
                echo ucwords($sidebar['name']);
                ?>
												 </option>
												 
										<?php 
            }
        }
        ?>
								</select>
								<br/><?php 
        _e('Only with "wide & wide with icons" menu type', 'qode');
        ?>
	              </label>
	            </p>
	            <?php 
        /* New fields insertion ends here */
        ?>
	            <div class="menu-item-actions description-wide submitbox">
	                <?php 
        if ('custom' != $item->type && $original_title !== false) {
            ?>
	                    <p class="link-to-original">
	                        <?php 
            printf(__('Original: %s', 'qode'), '<a href="' . esc_attr($item->url) . '">' . esc_html($original_title) . '</a>');
            ?>
	                    </p>
	                <?php 
        }
        ?>
	                <a class="item-delete submitdelete deletion" id="delete-<?php 
        echo $item_id;
        ?>
" href="<?php 
        echo wp_nonce_url(add_query_arg(array('action' => 'delete-menu-item', 'menu-item' => $item_id), remove_query_arg($removed_args, admin_url('nav-menus.php'))), 'delete-menu_item_' . $item_id);
        ?>
"><?php 
        _e('Remove', 'qode');
        ?>
</a> <span class="meta-sep"> | </span> <a class="item-cancel submitcancel" id="cancel-<?php 
        echo $item_id;
        ?>
" href="<?php 
        echo esc_url(add_query_arg(array('edit-menu-item' => $item_id, 'cancel' => time()), remove_query_arg($removed_args, admin_url('nav-menus.php'))));
        ?>
#menu-item-settings-<?php 
        echo $item_id;
        ?>
"><?php 
        _e('Cancel', 'qode');
        ?>
</a>
	            </div>
	
	            <input class="menu-item-data-db-id" type="hidden" name="menu-item-db-id[<?php 
        echo $item_id;
        ?>
]" value="<?php 
        echo $item_id;
        ?>
" />
	            <input class="menu-item-data-object-id" type="hidden" name="menu-item-object-id[<?php 
        echo $item_id;
        ?>
]" value="<?php 
        echo esc_attr($item->object_id);
        ?>
" />
	            <input class="menu-item-data-object" type="hidden" name="menu-item-object[<?php 
        echo $item_id;
        ?>
]" value="<?php 
        echo esc_attr($item->object);
        ?>
" />
	            <input class="menu-item-data-parent-id" type="hidden" name="menu-item-parent-id[<?php 
        echo $item_id;
        ?>
]" value="<?php 
        echo esc_attr($item->menu_item_parent);
        ?>
" />
	            <input class="menu-item-data-position" type="hidden" name="menu-item-position[<?php 
        echo $item_id;
        ?>
]" value="<?php 
        echo esc_attr($item->menu_order);
        ?>
" />
	            <input class="menu-item-data-type" type="hidden" name="menu-item-type[<?php 
        echo $item_id;
        ?>
]" value="<?php 
        echo esc_attr($item->type);
        ?>
" />
	        </div><!-- .menu-item-settings-->
	        <ul class="menu-item-transport"></ul>
	    <?php 
        $output .= ob_get_clean();
    }

Пример #3

Показать файл

Файл: custom-fields.php Проект: ksingh812/thub-old

        /**
         * Display the new Custom Fields meta box
         */
        function displayCustomFields()
        {
            global $post;
            global $qode_options_river;
            ?>
			<div class="form-wrap">
				<?php 
            wp_nonce_field('my-custom-fields', 'my-custom-fields_wpnonce', false, true);
            foreach ($this->customFields as $customField) {
                // Check scope
                $scope = $customField['scope'];
                $output = false;
                foreach ($scope as $scopeItem) {
                    switch ($scopeItem) {
                        default:
                            if ($post->post_type == $scopeItem) {
                                $output = true;
                            }
                            break;
                    }
                    if ($output) {
                        break;
                    }
                }
                // Check capability
                if (!current_user_can($customField['capability'], $post->ID)) {
                    $output = false;
                }
                // Output if allowed
                if ($output) {
                    ?>
						<div class="form-field form-required">
							<?php 
                    switch ($customField['type']) {
                        case "checkbox":
                            // Checkbox
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<input type="checkbox" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="yes"';
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") {
                                echo ' checked="checked"';
                            }
                            echo '" style="width: auto;" />';
                            break;
                        case "selectbox":
                            // Selectbox
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="default" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "default") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>No Sidebar</option>
										<option value="1" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "1") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Sidebar 1/3 right</option>
										<option value="2" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Sidebar 1/4 right</option>
										<option value="3" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "3") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Sidebar 1/3 left</option>
										<option value="4" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "4") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Sidebar 1/4 left</option>
                                    
                                    <?php 
                            echo '</select>';
                            break;
                        case "selectbox_title_style":
                            // Selectbox
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="1" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "1") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Standard</option>    
										<option value="2" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>With breadcrumb in title</option>    
                                    <?php 
                            echo '</select>';
                            break;
                        case "selectbox-featured-image":
                            // Selectbox
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="no" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>No</option>
										<option value="yes" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Yes</option>
									
                                    <?php 
                            echo '</select>';
                            break;
                        case "selectbox-slider":
                            // Selectbox
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="no" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>No</option>
										<option value="yes" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Yes</option>
									
                                    <?php 
                            echo '</select>';
                            break;
                        case "selectbox-category":
                            $categories = get_categories();
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            echo '<option value=""></option>';
                            foreach ($categories as $category) {
                                echo '<option value="' . $category->term_id . '"';
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == $category->term_id) {
                                    echo 'selected="selected"';
                                }
                                echo '>';
                                echo $category->name . '</option>';
                            }
                            echo '</select>';
                            break;
                        case "selectbox-portfolio-single":
                            // Selectbox
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
											<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
											<option value="1" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "1") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio small images</option>
											<option value="2" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio small slider</option>
											<option value="5" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "5") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio big images</option>
											<option value="3" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "3") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio big slider</option>
											<option value="4" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "4") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio custom</option>
											<option value="6" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "6") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio gallery</option>
										<?php 
                            echo '</select>';
                            break;
                        case "selectbox-portfolio-columns-number":
                            // Selectbox
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
											<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
											<option value="2" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>2 Columns</option>
											<option value="3" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "3") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>3 Columns</option>
											<option value="4" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "4") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>4 Columns</option>
										<?php 
                            echo '</select>';
                            break;
                        case "selectbox-portfolio-list-page":
                            // Selectbox
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            $args = array('show_option_none' => ' ', 'option_none_value' => '', 'selected' => get_post_meta($post->ID, $this->prefix . $customField['name'], true), 'name' => $this->prefix . $customField['name']);
                            wp_dropdown_pages($args);
                            break;
                        case "selectbox-animation":
                            $page_transitions = "2";
                            if (isset($qode_options_river['page_transitions'])) {
                                $page_transitions = $qode_options_river['page_transitions'];
                            }
                            if ($page_transitions == "1" || $page_transitions == "2" || $page_transitions == "3" || $page_transitions == "4") {
                                // Selectbox
                                echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                                echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                                ?>
											<option value="" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "default") {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
></option>
											<option value="no_animation" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no_animation") {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
>No animation</option>
											<option value="updown" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "updown") {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
>Up / Down</option>
											<option value="fade" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "fade") {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
>Fade</option>
											<option value="updown_fade" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "updown_fade") {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
>Up/Down (In) / Fade (Out)</option>
											<option value="leftright" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "leftright") {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
>Left / Right</option>
											<?php 
                                echo '</select>';
                            }
                            break;
                        case "selectbox-responsive-title-image":
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="no" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>No</option>
										<option value="yes" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Yes</option>
									<?php 
                            echo '</select>';
                            break;
                        case "selectbox-fixed-title-image":
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="no" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>No</option>
										<option value="yes" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Yes</option>
									<?php 
                            echo '</select>';
                            break;
                        case "image-title-image":
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="title_image" name="' . $this->prefix . $customField['name'] . '" class="title_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            break;
                        case "selectbox-sidebar":
                            // Selectbox
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '">';
                            echo '<option value=""></option>';
                            foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) {
                                if (isUserMadeSidebar(ucwords($sidebar['name']))) {
                                    ?>
												
												 <option value="<?php 
                                    echo ucwords($sidebar['id']);
                                    ?>
" <?php 
                                    if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == ucwords($sidebar['id'])) {
                                        ?>
 selected="selected" <?php 
                                    }
                                    ?>
>
														<?php 
                                    echo ucwords($sidebar['name']);
                                    ?>
												 </option>
												 
										<?php 
                                }
                            }
                            echo '</select>';
                            break;
                        case "datepicker":
                            // Datepicker
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<input type="text" class="datepicker" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />';
                            break;
                        case "colorpicker":
                            //Colorpicker
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<div class="colorSelector"><div style="background-color:' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '"></div></div>';
                            echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" size="10" maxlength="10" />';
                            break;
                        case "textarea":
                        case "wysiwyg":
                            // Text area
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<textarea name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" columns="30" rows="3">' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '</textarea>';
                            // WYSIWYG
                            if ($customField['type'] == "wysiwyg") {
                                ?>
										<script type="text/javascript">
											jQuery( document ).ready( function() {
												jQuery( "<?php 
                                echo $this->prefix . $customField['name'];
                                ?>
" ).addClass( "mceEditor" );
												if ( typeof( tinyMCE ) == "object" && typeof( tinyMCE.execCommand ) == "function" ) {
													tinyMCE.execCommand( "mceAddControl", false, "<?php 
                                echo $this->prefix . $customField['name'];
                                ?>
" );
												}
											});
										</script>
									<?php 
                            }
                            break;
                        default:
                            // Plain text field
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />';
                            break;
                    }
                    ?>
							<?php 
                    if ($customField['description']) {
                        echo '<p>' . $customField['description'] . '</p>';
                    }
                    ?>
						</div>
					<?php 
                }
            }
            ?>
			</div>
			<?php 
        }

Пример #4

Показать файл

Файл: qode-options.php Проект: sdxlgc/net-wp_sdgcxl-htdocs

    function general_options_contentbox($options)
    {
        global $fontArrays;
        ?>
		
		<div class="sections">
			<h3>Global options</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('First main color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['first_color']) {
            echo 'background-color:' . esc_attr($options['first_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_satellite[first_color]" type="text" value="<?php 
        if ($options['first_color']) {
            echo esc_attr($options['first_color'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Choose first main color', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Second main color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['second_color']) {
            echo 'background-color:' . esc_attr($options['second_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_satellite[second_color]" type="text" value="<?php 
        if ($options['second_color']) {
            echo esc_attr($options['second_color'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Choose second main color', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Third main color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['third_color']) {
            echo 'background-color:' . esc_attr($options['third_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_satellite[third_color]" type="text" value="<?php 
        if (isset($options['third_color'])) {
            if ($options['third_color']) {
                echo esc_attr($options['third_color'], 'qode');
            }
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Choose third main color', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Background color', 'qode');
        ?>
</td>
								<td>
									<div class="colorSelector"><div style="<?php 
        if ($options['background_color']) {
            echo 'background-color:' . esc_attr($options['background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[background_color]" type="text" value="<?php 
        if ($options['background_color']) {
            echo esc_attr($options['background_color'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
									<?php 
        esc_html_e('Choose background color', 'qode');
        ?>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Boxed background color', 'qode');
        ?>
</td>
								<td>
									<div class="colorSelector"><div style="<?php 
        if ($options['background_color_box']) {
            echo 'background-color:' . esc_attr($options['background_color_box'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[background_color_box]" type="text" value="<?php 
        if (isset($options['background_color_box'])) {
            echo esc_attr($options['background_color_box'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
									<?php 
        esc_html_e('Choose boxed background color', 'qode');
        ?>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Highlight color', 'qode');
        ?>
</td>
								<td>
									<div class="colorSelector"><div style="<?php 
        if ($options['highlight_color']) {
            echo 'background-color:' . esc_attr($options['highlight_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[highlight_color]" type="text"  value="<?php 
        if ($options['highlight_color']) {
            echo esc_attr($options['highlight_color'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
									<?php 
        esc_html_e('Choose highlight color', 'qode');
        ?>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Selection color', 'qode');
        ?>
</td>
								<td>
									<div class="colorSelector"><div style="<?php 
        if ($options['selection_color']) {
            echo 'background-color:' . esc_attr($options['selection_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[selection_color]" type="text"  value="<?php 
        if ($options['selection_color']) {
            echo esc_attr($options['selection_color'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
									<?php 
        esc_html_e('Choose selection color', 'qode');
        ?>
								</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Background image', 'qode');
        ?>
</td>
							<td>	
								<div class="inline" style="width: 600px;">
								<input type="text" id="background_image" name="qode_options_satellite[background_image]" class="background_image" value="<?php 
        if (isset($options['background_image'])) {
            echo esc_attr($options['background_image'], 'qode');
        }
        ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Pattern background image', 'qode');
        ?>
</td>
							<td>	
								<div class="inline" style="width: 600px;">
								<input type="text" id="pattern_background_image" name="qode_options_satellite[pattern_background_image]" class="pattern_background_image" value="<?php 
        if (isset($options['pattern_background_image'])) {
            echo esc_attr($options['pattern_background_image'], 'qode');
        }
        ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Favicon image', 'qode');
        ?>
</td>
							<td>	
								<div class="inline" style="width: 600px;">
								<input type="text" id="favicon_image" name="qode_options_satellite[favicon_image]" class="favicon_image" value="<?php 
        if ($options['favicon_image']) {
            echo esc_attr($options['favicon_image'], 'qode');
        } else {
            echo QODE_ROOT . "/img/favicon.ico";
        }
        ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Google fonts', 'qode');
        ?>
</td>
								<td>
							<select name="qode_options_satellite[google_fonts]">
							<option value="-1">Default</option>
							<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
								<option <?php 
            if ($options['google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
							<?php 
        }
        ?>
								
							</select>
							<?php 
        esc_html_e('Choose Font', 'qode');
        ?>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Page transition', 'qode');
        ?>
</td>
								<td>
							<select name="qode_options_satellite[page_transitions]">
								<option <?php 
        if ($options['page_transitions'] == 0) {
            echo "selected='selected'";
        }
        ?>
 value="0">No animation</option>
								<option <?php 
        if ($options['page_transitions'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Up/Down</option>
								<option <?php 
        if ($options['page_transitions'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2">Fade</option>
								<option <?php 
        if ($options['page_transitions'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3">Up/Down (In) / Fade (Out)</option>
								<option <?php 
        if ($options['page_transitions'] == 4) {
            echo "selected='selected'";
        }
        ?>
 value="4">Left/Right</option>
							</select>
							<?php 
        esc_html_e('In order for animation to work properly, you must choose "Post name" in permalinks settings', 'qode');
        ?>
								</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Boxed', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[boxed]">
									<option <?php 
        if (isset($options['boxed'])) {
            $boxed = $options['boxed'];
            if ($boxed == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['boxed'])) {
            $boxed = $options['boxed'];
            if ($boxed == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Loading animation', 'qode');
        ?>
</td>
								<td>
									<select name="qode_options_satellite[loading_animation]">
										<option <?php 
        if (isset($options['loading_animation'])) {
            $loading_animation = $options['loading_animation'];
            if ($loading_animation == 'on') {
                echo "selected='selected'";
            }
        }
        ?>
 value="on">On</option>
										<option <?php 
        if (isset($options['loading_animation'])) {
            $loading_animation = $options['loading_animation'];
            if ($loading_animation == 'off') {
                echo "selected='selected'";
            }
        }
        ?>
 value="off">Off</option>
									</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Loading image', 'qode');
        ?>
</td>
							<td>	
								<div class="inline" style="width: 600px;">
								<input type="text" id="loading_image" name="qode_options_satellite[loading_image]" class="loading_image" value="<?php 
        if (isset($options['loading_image'])) {
            echo esc_attr($options['loading_image'], 'qode');
        } else {
            echo QODE_ROOT . "/img/ajax-loader.gif";
        }
        ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Smooth scroll', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[smooth_scroll]">
									<option <?php 
        if (isset($options['smooth_scroll'])) {
            $smooth_scroll = $options['smooth_scroll'];
            if ($smooth_scroll == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['smooth_scroll'])) {
            $smooth_scroll = $options['smooth_scroll'];
            if ($smooth_scroll == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
								<?php 
        esc_html_e('not on iOS devices', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Responsiveness', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[responsiveness]">
									<option <?php 
        if (isset($options['responsiveness'])) {
            $responsiveness = $options['responsiveness'];
            if ($responsiveness == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									<option <?php 
        if (isset($options['responsiveness'])) {
            $responsiveness = $options['responsiveness'];
            if ($responsiveness == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Show back button', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[show_back_button]">
									<option <?php 
        if (isset($options['show_back_button'])) {
            $show_back_button = $options['show_back_button'];
            if ($show_back_button == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['show_back_button'])) {
            $show_back_button = $options['show_back_button'];
            if ($show_back_button == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Google Analytics Account ID', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[google_analytics_code]" type="text" value="<?php 
        if (isset($options['google_analytics_code'])) {
            echo esc_attr($options['google_analytics_code'], 'qode');
        }
        ?>
" size="63" maxlength="500" />
							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('List of internal URLs loaded without AJAX (separated with comma)', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="internal_no_ajax_links" name="qode_options_satellite[internal_no_ajax_links]" cols="60" rows="5"><?php 
        if (isset($options['internal_no_ajax_links'])) {
            echo esc_attr($options['internal_no_ajax_links'], 'qode');
        }
        ?>
</textarea>
								</div>
								
							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('Custom css', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="custom_css" name="qode_options_satellite[custom_css]" cols="60" rows="5"><?php 
        if ($options['custom_css']) {
            echo esc_attr($options['custom_css'], 'qode');
        }
        ?>
</textarea>
								</div>
								
							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('Custom js', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="custom_js" name="qode_options_satellite[custom_js]" cols="60" rows="5"><?php 
        if ($options['custom_js']) {
            echo esc_attr($options['custom_js'], 'qode');
        }
        ?>
</textarea>
								</div><br/>
								<?php 
        esc_html_e('jQuery selector is "$j" because of the conflict mode', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('Meta Keywords', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="meta_keywords" name="qode_options_satellite[meta_keywords]" cols="60" rows="5"><?php 
        if ($options['meta_keywords']) {
            echo esc_attr($options['meta_keywords'], 'qode');
        }
        ?>
</textarea>
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('Meta Description', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="meta_description" name="qode_options_satellite[meta_description]" cols="60" rows="5"><?php 
        if ($options['meta_description']) {
            echo esc_attr($options['meta_description'], 'qode');
        }
        ?>
</textarea>
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Disable Qode SEO', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[disable_qode_seo]">
									<option <?php 
        if (isset($options['disable_qode_seo'])) {
            $disable_qode_seo = $options['disable_qode_seo'];
            if ($disable_qode_seo == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['disable_qode_seo'])) {
            $disable_qode_seo = $options['disable_qode_seo'];
            if ($disable_qode_seo == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>General font options</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Headings</h2></td></tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('H1 style', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['h1_color']) {
            echo 'background-color:' . esc_attr($options['h1_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_satellite[h1_color]" type="text" value="<?php 
        if ($options['h1_color']) {
            echo esc_attr($options['h1_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font family', 'qode');
        ?>
										<select name="qode_options_satellite[h1_google_fonts]">
											<option value="-1">Default</option>
											<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
												<option <?php 
            if ($options['h1_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
											<?php 
        }
        ?>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_satellite[h1_fontsize]" type="text" value="<?php 
        if ($options['h1_fontsize']) {
            echo esc_attr($options['h1_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_satellite[h1_lineheight]" type="text" value="<?php 
        if ($options['h1_lineheight']) {
            echo esc_attr($options['h1_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_satellite[h1_fontstyle]">
											<option <?php 
        if ($options['h1_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['h1_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['h1_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
											
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_satellite[h1_fontweight]">
											<option <?php 
        if ($options['h1_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['h1_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['h1_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['h1_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['h1_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['h1_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['h1_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['h1_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['h1_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
										</select>
									</div>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('H2 style', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['h2_color']) {
            echo 'background-color:' . esc_attr($options['h2_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_satellite[h2_color]" type="text" value="<?php 
        if ($options['h2_color']) {
            echo esc_attr($options['h2_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font family', 'qode');
        ?>
										<select name="qode_options_satellite[h2_google_fonts]">
											<option value="-1">Default</option>
											<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
												<option <?php 
            if ($options['h2_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
											<?php 
        }
        ?>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_satellite[h2_fontsize]" type="text" value="<?php 
        if ($options['h2_fontsize']) {
            echo esc_attr($options['h2_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_satellite[h2_lineheight]" type="text" value="<?php 
        if ($options['h2_lineheight']) {
            echo esc_attr($options['h2_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_satellite[h2_fontstyle]">
											<option <?php 
        if ($options['h2_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['h2_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['h2_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
											
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_satellite[h2_fontweight]">
											<option <?php 
        if ($options['h2_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['h2_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['h2_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['h2_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['h2_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['h2_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['h2_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['h2_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['h2_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
											
										</select>
									</div>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('H3 style', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['h3_color']) {
            echo 'background-color:' . esc_attr($options['h3_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_satellite[h3_color]" type="text" value="<?php 
        if ($options['h3_color']) {
            echo esc_attr($options['h3_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font family', 'qode');
        ?>
										<select name="qode_options_satellite[h3_google_fonts]">
											<option value="-1">Default</option>
											<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
												<option <?php 
            if ($options['h3_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
											<?php 
        }
        ?>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_satellite[h3_fontsize]" type="text" value="<?php 
        if ($options['h3_fontsize']) {
            echo esc_attr($options['h3_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_satellite[h3_lineheight]" type="text" value="<?php 
        if ($options['h3_lineheight']) {
            echo esc_attr($options['h3_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_satellite[h3_fontstyle]">
											<option <?php 
        if ($options['h3_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['h3_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['h3_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
											
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_satellite[h3_fontweight]">
											<option <?php 
        if ($options['h3_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['h3_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['h3_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['h3_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['h3_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['h3_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['h3_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['h3_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['h3_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
											
										</select>
									</div>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('H4 style', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['h4_color']) {
            echo 'background-color:' . esc_attr($options['h4_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_satellite[h4_color]" type="text" value="<?php 
        if ($options['h4_color']) {
            echo esc_attr($options['h4_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font family', 'qode');
        ?>
										<select name="qode_options_satellite[h4_google_fonts]">
											<option value="-1">Default</option>
											<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
												<option <?php 
            if ($options['h4_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
											<?php 
        }
        ?>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_satellite[h4_fontsize]" type="text" value="<?php 
        if ($options['h4_fontsize']) {
            echo esc_attr($options['h4_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_satellite[h4_lineheight]" type="text" value="<?php 
        if ($options['h4_lineheight']) {
            echo esc_attr($options['h4_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_satellite[h4_fontstyle]">
											<option <?php 
        if ($options['h4_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['h4_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['h4_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
											
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_satellite[h4_fontweight]">
											<option <?php 
        if ($options['h4_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['h4_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['h4_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['h4_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['h4_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['h4_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['h4_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['h4_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['h4_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
											
										</select>
									</div>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('H5 style', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['h5_color']) {
            echo 'background-color:' . esc_attr($options['h5_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_satellite[h5_color]" type="text" value="<?php 
        if ($options['h5_color']) {
            echo esc_attr($options['h5_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font family', 'qode');
        ?>
										<select name="qode_options_satellite[h5_google_fonts]">
											<option value="-1">Default</option>
											<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
												<option <?php 
            if ($options['h5_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
											<?php 
        }
        ?>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_satellite[h5_fontsize]" type="text" value="<?php 
        if ($options['h5_fontsize']) {
            echo esc_attr($options['h5_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_satellite[h5_lineheight]" type="text" value="<?php 
        if ($options['h5_lineheight']) {
            echo esc_attr($options['h5_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_satellite[h5_fontstyle]">
											<option <?php 
        if ($options['h5_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['h5_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['h5_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
											
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_satellite[h5_fontweight]">
											<option <?php 
        if ($options['h5_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['h5_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['h5_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['h5_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['h5_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['h5_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['h5_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['h5_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['h5_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
											
										</select>
									</div>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('H6 style', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['h6_color']) {
            echo 'background-color:' . esc_attr($options['h6_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_satellite[h6_color]" type="text" value="<?php 
        if ($options['h6_color']) {
            echo esc_attr($options['h6_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font family', 'qode');
        ?>
										<select name="qode_options_satellite[h6_google_fonts]">
											<option value="-1">Default</option>
											<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
												<option <?php 
            if ($options['h6_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
											<?php 
        }
        ?>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_satellite[h6_fontsize]" type="text" value="<?php 
        if ($options['h6_fontsize']) {
            echo esc_attr($options['h6_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_satellite[h6_lineheight]" type="text" value="<?php 
        if ($options['h6_lineheight']) {
            echo esc_attr($options['h6_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_satellite[h6_fontstyle]">
											<option <?php 
        if ($options['h6_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['h6_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['h6_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
											
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_satellite[h6_fontweight]">
											<option <?php 
        if ($options['h6_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['h6_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['h6_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['h6_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['h6_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['h6_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['h6_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['h6_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['h6_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
											
										</select>
									</div>
								</td>
						</tr>
						<tr><td colspan='2'><h2>Text</h2></td></tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Text style', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['text_color']) {
            echo 'background-color:' . esc_attr($options['text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_satellite[text_color]" type="text" value="<?php 
        if ($options['text_color']) {
            echo esc_attr($options['text_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font family', 'qode');
        ?>
										<select name="qode_options_satellite[text_google_fonts]">
											<option value="-1">Default</option>
											<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
												<option <?php 
            if ($options['text_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
											<?php 
        }
        ?>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_satellite[text_fontsize]" type="text" value="<?php 
        if ($options['text_fontsize']) {
            echo esc_attr($options['text_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_satellite[text_lineheight]" type="text" value="<?php 
        if ($options['text_lineheight']) {
            echo esc_attr($options['text_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_satellite[text_fontstyle]">
											<option <?php 
        if ($options['text_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['text_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['text_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
											
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_satellite[text_fontweight]">
											<option <?php 
        if ($options['text_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['text_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['text_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['text_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['text_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['text_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['text_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['text_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['text_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
											
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Top/Bottom margin (px)', 'qode');
        ?>
										<input name="qode_options_satellite[text_margin]" type="text" value="<?php 
        if (isset($options['text_margin'])) {
            echo esc_attr($options['text_margin'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Link style', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['link_color']) {
            echo 'background-color:' . esc_attr($options['link_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_satellite[link_color]" type="text" value="<?php 
        if ($options['link_color']) {
            echo esc_attr($options['link_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Hover color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['link_hovercolor']) {
            echo 'background-color:' . esc_attr($options['link_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_satellite[link_hovercolor]" type="text" value="<?php 
        if ($options['link_hovercolor']) {
            echo esc_attr($options['link_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_satellite[link_fontstyle]">
											<option <?php 
        if ($options['link_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['link_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['link_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
											
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_satellite[link_fontweight]">
											<option <?php 
        if ($options['link_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['link_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['link_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['link_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['link_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['link_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['link_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['link_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['link_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
											
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font decoration', 'qode');
        ?>
										<select name="qode_options_satellite[link_fontdecoration]">
											<option <?php 
        if ($options['link_fontdecoration'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['link_fontdecoration'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">none</option>
											<option <?php 
        if ($options['link_fontdecoration'] == "bold") {
            echo "selected='selected'";
        }
        ?>
 value="underline">underline</option>
											
										</select>
									</div>
								</td>
						</tr>
						<tr><td colspan='2'><h2>Page title</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Page title style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['page_title_color']) {
            echo 'background-color:' . esc_attr($options['page_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[page_title_color]" type="text" value="<?php 
        if ($options['page_title_color']) {
            echo esc_attr($options['page_title_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_satellite[page_title_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
											<option <?php 
            if ($options['page_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_satellite[page_title_fontsize]" type="text" value="<?php 
        if ($options['page_title_fontsize']) {
            echo esc_attr($options['page_title_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_satellite[page_title_lineheight]" type="text" value="<?php 
        if ($options['page_title_lineheight']) {
            echo esc_attr($options['page_title_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_satellite[page_title_fontstyle]">
										<option <?php 
        if ($options['page_title_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['page_title_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['page_title_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
										
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_satellite[page_title_fontweight]">
										<option <?php 
        if ($options['page_title_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['page_title_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
										
									</select>
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Page Subtitle</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Page subtitle style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['page_subtitle_color'])) {
            if ($options['page_subtitle_color']) {
                echo 'background-color:' . esc_attr($options['page_subtitle_color'], 'qode') . ';';
            }
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[page_subtitle_color]" type="text" value="<?php 
        if (isset($options['page_subtitle_color'])) {
            if ($options['page_subtitle_color']) {
                echo esc_attr($options['page_subtitle_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_satellite[page_subtitle_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
											<option <?php 
            if (isset($options['page_subtitle_google_fonts'])) {
                if ($options['page_subtitle_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_satellite[page_subtitle_fontsize]" type="text" value="<?php 
        if (isset($options['page_subtitle_fontsize'])) {
            if ($options['page_subtitle_fontsize']) {
                echo esc_attr($options['page_subtitle_fontsize'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_satellite[page_subtitle_lineheight]" type="text" value="<?php 
        if (isset($options['page_subtitle_lineheight'])) {
            if ($options['page_subtitle_lineheight']) {
                echo esc_attr($options['page_subtitle_lineheight'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_satellite[page_subtitle_fontstyle]">
										<option <?php 
        if (isset($options['page_subtitle_fontstyle'])) {
            if ($options['page_subtitle_fontstyle'] == "") {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['page_subtitle_fontstyle'])) {
            if ($options['page_subtitle_fontstyle'] == "normal") {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if (isset($options['page_subtitle_fontstyle'])) {
            if ($options['page_subtitle_fontstyle'] == "italic") {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>
										
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_satellite[page_subtitle_fontweight]">
										<option <?php 
        if (isset($options['page_subtitle_fontweight'])) {
            if ($options['page_subtitle_fontweight'] == "") {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight'])) {
            if ($options['page_subtitle_fontweight'] == "200") {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight'])) {
            if ($options['page_subtitle_fontweight'] == "300") {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight'])) {
            if ($options['page_subtitle_fontweight'] == "400") {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight'])) {
            if ($options['page_subtitle_fontweight'] == "500") {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight'])) {
            if ($options['page_subtitle_fontweight'] == "600") {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight'])) {
            if ($options['page_subtitle_fontweight'] == "700") {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight'])) {
            if ($options['page_subtitle_fontweight'] == "800") {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight'])) {
            if ($options['page_subtitle_fontweight'] == "900") {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
										
									</select>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Header and Footer</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Header</h2></td></tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Header in grid', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_satellite[header_in_grid]">
										<option <?php 
        if (isset($options['header_in_grid'])) {
            if ($options['header_in_grid'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['header_in_grid'])) {
            if ($options['header_in_grid'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>	
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Show header top area', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_satellite[header_top_area]">
										<option <?php 
        if (isset($options['header_top_area'])) {
            if ($options['header_top_area'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['header_top_area'])) {
            if ($options['header_top_area'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>	
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Menu in center', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_satellite[menu_in_center]">
										<option <?php 
        if (isset($options['menu_in_center'])) {
            if ($options['menu_in_center'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['menu_in_center'])) {
            if ($options['menu_in_center'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>	
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Background color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Initial', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['header_background_color']) {
            echo 'background-color:' . esc_attr($options['header_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[header_background_color]" type="text" value="<?php 
        if (isset($options['header_background_color'])) {
            echo esc_attr($options['header_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Scroll', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['header_background_color_scroll'])) {
            if ($options['header_background_color_scroll']) {
                echo 'background-color:' . esc_attr($options['header_background_color_scroll'], 'qode') . ';';
            }
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[header_background_color_scroll]" type="text" value="<?php 
        if (isset($options['header_background_color_scroll'])) {
            echo esc_attr($options['header_background_color_scroll'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Transparency', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Initial', 'qode');
        ?>
									<input name="qode_options_satellite[header_background_transparency_initial]" type="text" value="<?php 
        if (isset($options['header_background_transparency_initial'])) {
            echo esc_attr($options['header_background_transparency_initial'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Scroll', 'qode');
        ?>
									<input name="qode_options_satellite[header_background_transparency_scroll]" type="text" value="<?php 
        if (isset($options['header_background_transparency_scroll'])) {
            echo esc_attr($options['header_background_transparency_scroll'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<?php 
        esc_html_e('(from 0 to 1)', 'qode');
        ?>
							</td>
						</tr>
						<tr>
							<td valign="top" width="150"><?php 
        esc_html_e('Logo', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Logo image', 'qode');
        ?>
									<input type="text" id="logo_image" name="qode_options_satellite[logo_image]" class="logo_image" value="<?php 
        if ($options['logo_image']) {
            echo esc_attr($options['logo_image'], 'qode');
        } else {
            echo QODE_ROOT . "/img/logo.png";
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
								<td scope="row" width="150"><?php 
        esc_html_e('Header height', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Initial (px)', 'qode');
        ?>
										<input name="qode_options_satellite[header_height]" type="text" value="<?php 
        if (isset($options['header_height'])) {
            echo esc_attr($options['header_height'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Scroll (px)', 'qode');
        ?>
										<input name="qode_options_satellite[header_height_scroll]" type="text" value="<?php 
        if (isset($options['header_height_scroll'])) {
            echo esc_attr($options['header_height_scroll'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
								</td>
						</tr>
						<tr valign="top">
								<td scope="row" width="150"><?php 
        esc_html_e('Dropdown main menu', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Background color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_background_color'])) {
            echo 'background-color:' . esc_attr($options['dropdown_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_satellite[dropdown_background_color]" type="text" value="<?php 
        if (isset($options['dropdown_background_color'])) {
            echo esc_attr($options['dropdown_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Separator color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_separator_color'])) {
            echo 'background-color:' . esc_attr($options['dropdown_separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_satellite[dropdown_separator_color]" type="text" value="<?php 
        if (isset($options['dropdown_separator_color'])) {
            echo esc_attr($options['dropdown_separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
								</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('1st level menu style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['menu_color']) {
            echo 'background-color:' . esc_attr($options['menu_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[menu_color]" type="text" value="<?php 
        if ($options['menu_color']) {
            echo esc_attr($options['menu_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['menu_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['menu_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[menu_hovercolor]" type="text" value="<?php 
        if (isset($options['menu_hovercolor'])) {
            echo esc_attr($options['menu_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_satellite[menu_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
											<option <?php 
            if ($options['menu_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_satellite[menu_fontsize]" type="text" value="<?php 
        if ($options['menu_fontsize']) {
            echo esc_attr($options['menu_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_satellite[menu_lineheight]" type="text" value="<?php 
        if ($options['menu_lineheight']) {
            echo esc_attr($options['menu_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_satellite[menu_fontstyle]">
										<option <?php 
        if ($options['menu_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['menu_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['menu_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
										
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_satellite[menu_fontweight]">
										<option <?php 
        if ($options['menu_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['menu_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['menu_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['menu_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['menu_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['menu_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['menu_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['menu_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['menu_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
										
									</select>
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('2nd level menu style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_color'])) {
            echo 'background-color:' . esc_attr($options['dropdown_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[dropdown_color]" type="text" value="<?php 
        if (isset($options['dropdown_color'])) {
            echo esc_attr($options['dropdown_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['dropdown_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[dropdown_hovercolor]" type="text" value="<?php 
        if (isset($options['dropdown_hovercolor'])) {
            echo esc_attr($options['dropdown_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_satellite[dropdown_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
											<option <?php 
            if ($options['dropdown_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_satellite[dropdown_fontsize]" type="text" value="<?php 
        if ($options['dropdown_fontsize']) {
            echo esc_attr($options['dropdown_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_satellite[dropdown_lineheight]" type="text" value="<?php 
        if ($options['dropdown_lineheight']) {
            echo esc_attr($options['dropdown_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_satellite[dropdown_fontstyle]">
											<option <?php 
        if ($options['dropdown_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['dropdown_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['dropdown_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
											
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_satellite[dropdown_fontweight]">
											<option <?php 
        if ($options['dropdown_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
										</select>
									</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('3rd level menu style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_color_thirdlvl'])) {
            echo 'background-color:' . esc_attr($options['dropdown_color_thirdlvl'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[dropdown_color_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_color_thirdlvl'])) {
            echo esc_attr($options['dropdown_color_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_hovercolor_thirdlvl'])) {
            echo 'background-color:' . esc_attr($options['dropdown_hovercolor_thirdlvl'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[dropdown_hovercolor_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_hovercolor_thirdlvl'])) {
            echo esc_attr($options['dropdown_hovercolor_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_satellite[dropdown_google_fonts_thirdlvl]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
											<option <?php 
            if (isset($options['dropdown_google_fonts_thirdlvl'])) {
                $dropdown_google_fonts_thirdlvl = $options['dropdown_google_fonts_thirdlvl'];
                if ($dropdown_google_fonts_thirdlvl == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_satellite[dropdown_fontsize_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_fontsize_thirdlvl'])) {
            echo esc_attr($options['dropdown_fontsize_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_satellite[dropdown_lineheight_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_lineheight_thirdlvl'])) {
            echo esc_attr($options['dropdown_lineheight_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_satellite[dropdown_fontstyle_thirdlvl]">
											<option <?php 
        if (isset($options['dropdown_fontstyle_thirdlvl'])) {
            $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl'];
            if ($dropdown_fontstyle_thirdlvl == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['dropdown_fontstyle_thirdlvl'])) {
            $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl'];
            if ($dropdown_fontstyle_thirdlvl == 'normal') {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if (isset($options['dropdown_fontstyle_thirdlvl'])) {
            $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl'];
            if ($dropdown_fontstyle_thirdlvl == 'italic') {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>	
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_satellite[dropdown_fontweight_thirdlvl]">
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '200') {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '300') {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '400') {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '500') {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '600') {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '700') {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '800') {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '900') {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
										</select>
									</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Mobile menu style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['mobile_color'])) {
            echo 'background-color:' . esc_attr($options['mobile_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[mobile_color]" type="text" value="<?php 
        if (isset($options['mobile_color'])) {
            echo esc_attr($options['mobile_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['mobile_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['mobile_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[mobile_hovercolor]" type="text" value="<?php 
        if (isset($options['mobile_hovercolor'])) {
            echo esc_attr($options['mobile_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_satellite[mobile_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
											<option <?php 
            if (isset($options['mobile_google_fonts'])) {
                $mobile_google_fonts = $options['mobile_google_fonts'];
                if ($mobile_google_fonts == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_satellite[mobile_fontsize]" type="text" value="<?php 
        if (isset($options['mobile_fontsize'])) {
            echo esc_attr($options['mobile_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_satellite[mobile_lineheight]" type="text" value="<?php 
        if (isset($options['mobile_lineheight'])) {
            echo esc_attr($options['mobile_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_satellite[mobile_fontstyle]">
											<option <?php 
        if (isset($options['mobile_fontstyle'])) {
            $mobile_fontstyle = $options['mobile_fontstyle'];
            if ($mobile_fontstyle == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['mobile_fontstyle'])) {
            $mobile_fontstyle = $options['mobile_fontstyle'];
            if ($mobile_fontstyle == 'normal') {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if (isset($options['mobile_fontstyle'])) {
            $mobile_fontstyle = $options['mobile_fontstyle'];
            if ($mobile_fontstyle == 'italic') {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>	
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_satellite[mobile_fontweight]">
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '200') {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '300') {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '400') {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '500') {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '600') {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '700') {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '800') {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '900') {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
										</select>
									</div><br /><br />
									<div class="inline">
									<?php 
        esc_html_e('Separator color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['mobile_separator_color'])) {
            echo 'background-color:' . esc_attr($options['mobile_separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[mobile_separator_color]" type="text" value="<?php 
        if (isset($options['mobile_separator_color'])) {
            echo esc_attr($options['mobile_separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Title', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['title_background_color'])) {
            echo 'background-color:' . esc_attr($options['title_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[title_background_color]" type="text" value="<?php 
        if (isset($options['title_background_color'])) {
            echo esc_attr($options['title_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Responsive title image', 'qode');
        ?>
									<select name="qode_options_satellite[responsive_title_image]">
										<option <?php 
        if (isset($options['responsive_title_image'])) {
            $responsive_title_image = $options['responsive_title_image'];
            if ($responsive_title_image == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['responsive_title_image'])) {
            $responsive_title_image = $options['responsive_title_image'];
            if ($responsive_title_image == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 600px;">
									<?php 
        esc_html_e('Title image', 'qode');
        ?>
									<input type="text" id="title_image" name="qode_options_satellite[title_image]" class="title_image" value="<?php 
        if (isset($options['title_image'])) {
            echo esc_attr($options['title_image'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Parallax title image', 'qode');
        ?>
									<select name="qode_options_satellite[fixed_title_image]">
										<option <?php 
        if (isset($options['fixed_title_image'])) {
            $fixed_title_image = $options['fixed_title_image'];
            if ($fixed_title_image == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['fixed_title_image'])) {
            $fixed_title_image = $options['fixed_title_image'];
            if ($fixed_title_image == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
									<?php 
        esc_html_e('Only if title image is not responsive', 'qode');
        ?>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Title height (px)', 'qode');
        ?>
									<input name="qode_options_satellite[title_height]" type="text" value="<?php 
        if (isset($options['title_height'])) {
            echo esc_attr($options['title_height'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									<?php 
        esc_html_e('Only if title image is not responsive', 'qode');
        ?>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Title position', 'qode');
        ?>
									<select name="qode_options_satellite[page_title_position]">
										<option <?php 
        if ($options['page_title_position'] == 0) {
            echo "selected='selected'";
        }
        ?>
 value="0"></option>
										<option <?php 
        if ($options['page_title_position'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Left</option>
										<option <?php 
        if ($options['page_title_position'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2">Center</option>
										<option <?php 
        if ($options['page_title_position'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3">Right</option>
									</select>
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Footer</h2></td></tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Show footer top', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_satellite[show_footer_top]">
										<option <?php 
        if (isset($options['show_footer_top'])) {
            if ($options['show_footer_top'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
										<option <?php 
        if (isset($options['show_footer_top'])) {
            if ($options['show_footer_top'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>		
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Show footer bottom', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_satellite[footer_text]">
										<option <?php 
        if ($options['footer_text'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
										<option <?php 
        if ($options['footer_text'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>
										
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Footer top colors', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Title color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_top_title_color']) {
            echo 'background-color:' . esc_attr($options['footer_top_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[footer_top_title_color]" type="text" value="<?php 
        if ($options['footer_top_title_color']) {
            echo esc_attr($options['footer_top_title_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_top_text_color']) {
            echo 'background-color:' . esc_attr($options['footer_top_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[footer_top_text_color]" type="text" value="<?php 
        if ($options['footer_top_text_color']) {
            echo esc_attr($options['footer_top_text_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_top_background_color']) {
            echo 'background-color:' . esc_attr($options['footer_top_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[footer_top_background_color]" type="text" value="<?php 
        if ($options['footer_top_background_color']) {
            echo esc_attr($options['footer_top_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Footer bottom colors', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Text color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_bottom_text_color']) {
            echo 'background-color:' . esc_attr($options['footer_bottom_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[footer_bottom_text_color]" type="text" value="<?php 
        if ($options['footer_bottom_text_color']) {
            echo esc_attr($options['footer_bottom_text_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_bottom_background_color']) {
            echo 'background-color:' . esc_attr($options['footer_bottom_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[footer_bottom_background_color]" type="text" value="<?php 
        if (isset($options['footer_bottom_background_color'])) {
            echo esc_attr($options['footer_bottom_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Header and Footer</h2></td></tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Header and Footer Separator Color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['header_footer_separator_color']) && $options['header_footer_separator_color']) {
            echo 'background-color:' . esc_attr($options['header_footer_separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[header_footer_separator_color]" type="text" value="<?php 
        if (isset($options['header_footer_separator_color']) && $options['header_footer_separator_color']) {
            echo esc_attr($options['header_footer_separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Elements</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Separator</h2></td></tr>
						<tr valign="middle">
							<td valign="middle"><?php 
        esc_html_e('Big separator', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['separator_color'])) {
            echo 'background-color:' . esc_attr($options['separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[separator_color]" type="text" value="<?php 
        if (isset($options['separator_color'])) {
            echo esc_attr($options['separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Thickness (px)', 'qode');
        ?>
									<input name="qode_options_satellite[separator_thickness]" type="text" value="<?php 
        if ($options['separator_thickness']) {
            echo esc_attr($options['separator_thickness'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Top margin (px)', 'qode');
        ?>
									<input name="qode_options_satellite[separator_topmargin]" type="text" value="<?php 
        if ($options['separator_topmargin']) {
            echo esc_attr($options['separator_topmargin'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Bottom margin (px)', 'qode');
        ?>
									<input name="qode_options_satellite[separator_bottommargin]" type="text" value="<?php 
        if ($options['separator_bottommargin']) {
            echo esc_attr($options['separator_bottommargin'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Buttons</h2></td></tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Button style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['button_title_color']) {
            echo 'background-color:' . esc_attr($options['button_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[button_title_color]" type="text" value="<?php 
        if ($options['button_title_color']) {
            echo esc_attr($options['button_title_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['button_title_hovercolor']) {
            echo 'background-color:' . esc_attr($options['button_title_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[button_title_hovercolor]" type="text" value="<?php 
        if ($options['button_title_hovercolor']) {
            echo esc_attr($options['button_title_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_satellite[button_title_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
											<option <?php 
            if ($options['button_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_satellite[button_title_fontsize]" type="text" value="<?php 
        if ($options['button_title_fontsize']) {
            echo esc_attr($options['button_title_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_satellite[button_title_lineheight]" type="text" value="<?php 
        if ($options['button_title_lineheight']) {
            echo esc_attr($options['button_title_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_satellite[button_title_fontstyle]">
										<option <?php 
        if ($options['button_title_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['button_title_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['button_title_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
										
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_satellite[button_title_fontweight]">
										<option <?php 
        if ($options['button_title_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['button_title_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
										
									</select>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['button_backgroundcolor']) {
            echo 'background-color:' . esc_attr($options['button_backgroundcolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[button_backgroundcolor]" type="text" value="<?php 
        if ($options['button_backgroundcolor']) {
            echo esc_attr($options['button_backgroundcolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Message box</h2></td></tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Message box style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['message_title_color']) {
            echo 'background-color:' . esc_attr($options['message_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[message_title_color]" type="text" value="<?php 
        if ($options['message_title_color']) {
            echo esc_attr($options['message_title_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_satellite[message_title_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
 
											<option <?php 
            if ($options['message_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_satellite[message_title_fontsize]" type="text" value="<?php 
        if ($options['message_title_fontsize']) {
            echo esc_attr($options['message_title_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_satellite[message_title_lineheight]" type="text" value="<?php 
        if ($options['message_title_lineheight']) {
            echo esc_attr($options['message_title_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_satellite[message_title_fontstyle]">
										<option <?php 
        if ($options['message_title_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['message_title_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['message_title_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
										
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_satellite[message_title_fontweight]">
										<option <?php 
        if ($options['message_title_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['message_title_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
										
									</select>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['message_backgroundcolor']) {
            echo 'background-color:' . esc_attr($options['message_backgroundcolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[message_backgroundcolor]" type="text" class="colorpicker-input" value="<?php 
        if ($options['message_backgroundcolor']) {
            echo esc_attr($options['message_backgroundcolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['message_bordercolor']) && $options['message_bordercolor']) {
            echo 'background-color:' . esc_attr($options['message_bordercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[message_bordercolor]" type="text" class="colorpicker-input" value="<?php 
        if (isset($options['message_bordercolor']) && $options['message_bordercolor']) {
            echo esc_attr($options['message_bordercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Blockquote</h2></td></tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Text style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['blockquote_font_color']) {
            echo 'background-color:' . esc_attr($options['blockquote_font_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[blockquote_font_color]" type="text" value="<?php 
        if ($options['blockquote_font_color']) {
            echo esc_attr($options['blockquote_font_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Smooth Scroll</h2></td></tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Smooth scroll style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['smooth_background_color']) {
            echo 'background-color:' . esc_attr($options['smooth_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[smooth_background_color]" type="text" value="<?php 
        if (isset($options['smooth_background_color'])) {
            if ($options['smooth_background_color']) {
                echo esc_attr($options['smooth_background_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Bar color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['smooth_bar_color']) {
            echo 'background-color:' . esc_attr($options['smooth_bar_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[smooth_bar_color]" type="text" value="<?php 
        if (isset($options['smooth_bar_color'])) {
            if ($options['smooth_bar_color']) {
                echo esc_attr($options['smooth_bar_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Side Area</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Side Area', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_satellite[enable_side_area]">
										<option <?php 
        if (isset($options['enable_side_area']) && $options['enable_side_area'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">yes</option>
										<option <?php 
        if (isset($options['enable_side_area']) && $options['enable_side_area'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">no</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Side Area Title', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<input name="qode_options_satellite[side_area_title]" type="text" value="<?php 
        if (isset($options['side_area_title'])) {
            if ($options['side_area_title']) {
                echo esc_attr($options['side_area_title'], 'qode');
            }
        }
        ?>
" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background Color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['side_area_background_color']) && $options['side_area_background_color']) {
            echo 'background-color:' . esc_attr($options['side_area_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[side_area_background_color]" type="text" value="<?php 
        if (isset($options['side_area_background_color'])) {
            if ($options['side_area_background_color']) {
                echo esc_attr($options['side_area_background_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Text Color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['side_area_text_color']) && $options['side_area_text_color']) {
            echo 'background-color:' . esc_attr($options['side_area_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_satellite[side_area_text_color]" type="text" value="<?php 
        if (isset($options['side_area_text_color'])) {
            if ($options['side_area_text_color']) {
                echo esc_attr($options['side_area_text_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Parallax</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Parallax speed', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<input name="qode_options_satellite[parallax_speed]" type="text" value="<?php 
        if ($options['parallax_speed']) {
            echo esc_attr($options['parallax_speed'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Parallax on touch devices', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_satellite[parallax_onoff]">
									<option <?php 
        if ($options['parallax_onoff'] == "on") {
            echo "selected='selected'";
        }
        ?>
 value="on">on</option>
									<option <?php 
        if ($options['parallax_onoff'] == "off") {
            echo "selected='selected'";
        }
        ?>
 value="off">off</option>
								</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Parallax min height (px)', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<input name="qode_options_satellite[parallax_minheight]" type="text" value="<?php 
        if ($options['parallax_minheight']) {
            echo esc_attr($options['parallax_minheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									<?php 
        esc_html_e('Set min-height for last two stages', 'qode');
        ?>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<h3>Portfolio</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Portfolio single</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Portfolio style', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[portfolio_style]">
									<option <?php 
        if ($options['portfolio_style'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Portfolio small images</option>
									<option <?php 
        if ($options['portfolio_style'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2">Portfolio small slider</option>
									<option <?php 
        if ($options['portfolio_style'] == 5) {
            echo "selected='selected'";
        }
        ?>
 value="5">Portfolio big images</option>
									<option <?php 
        if ($options['portfolio_style'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3">Portfolio big slider</option>
									<option <?php 
        if ($options['portfolio_style'] == 4) {
            echo "selected='selected'";
        }
        ?>
 value="4">Portfolio custom</option>
									<option <?php 
        if ($options['portfolio_style'] == 6) {
            echo "selected='selected'";
        }
        ?>
 value="6">Portfolio gallery</option>
								</select>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Lightbox for single project', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_satellite[lightbox_single_project]">
										<option <?php 
        if (isset($options['lightbox_single_project'])) {
            $lightbox_single_project = $options['lightbox_single_project'];
            if ($lightbox_single_project == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['lightbox_single_project'])) {
            $lightbox_single_project = $options['lightbox_single_project'];
            if ($lightbox_single_project == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Number of columns for Portfolio gallery style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_satellite[portfolio_columns_number]">
										<option <?php 
        if (isset($options['portfolio_columns_number'])) {
            $portfolio_columns_number = $options['portfolio_columns_number'];
            if ($options['portfolio_columns_number'] == 2) {
                echo "selected='selected'";
            }
        }
        ?>
 value="2">2 columns</option>
										<option <?php 
        if (isset($options['portfolio_columns_number'])) {
            $portfolio_columns_number = $options['portfolio_columns_number'];
            if ($options['portfolio_columns_number'] == 3) {
                echo "selected='selected'";
            }
        }
        ?>
 value="3">3 columns</option>
										<option <?php 
        if (isset($options['portfolio_columns_number'])) {
            $portfolio_columns_number = $options['portfolio_columns_number'];
            if ($options['portfolio_columns_number'] == 4) {
                echo "selected='selected'";
            }
        }
        ?>
 value="4">4 columns</option>
									</select>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Blog</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Blog list</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Pagination', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[pagination]">
									<option <?php 
        if ($options['pagination'] == 0) {
            echo "selected='selected'";
        }
        ?>
 value="0">No</option>
									<option <?php 
        if ($options['pagination'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Choose blog layout', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[blog_style]">
									<option <?php 
        if ($options['blog_style'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1"><?php 
        esc_html_e('Blog Full Width Image', 'qode');
        ?>
</option>
									<option <?php 
        if ($options['blog_style'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2"><?php 
        esc_html_e('Blog Small Image', 'qode');
        ?>
</option>
									<option <?php 
        if ($options['blog_style'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3"><?php 
        esc_html_e('Blog Masonry', 'qode');
        ?>
</option>
									<option <?php 
        if ($options['blog_style'] == 4) {
            echo "selected='selected'";
        }
        ?>
 value="4"><?php 
        esc_html_e('Blog Full Width Image Whole Post', 'qode');
        ?>
</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Blog sidebar', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[category_blog_sidebar]">
									<option <?php 
        if ($options['category_blog_sidebar'] == "default") {
            echo "selected='selected'";
        }
        ?>
 value="default">No Sidebar</option>
									<option <?php 
        if ($options['category_blog_sidebar'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Sidebar 1/3 right</option>
									<option <?php 
        if ($options['category_blog_sidebar'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2">Sidebar 1/4 right</option>
									<option <?php 
        if ($options['category_blog_sidebar'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3">Sidebar 1/3 left</option>
									<option <?php 
        if ($options['category_blog_sidebar'] == 4) {
            echo "selected='selected'";
        }
        ?>
 value="4">Sidebar 1/4 left</option>
									
								</select>
								<?php 
        esc_html_e('For category list', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Hide comments', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[blog_hide_comments]">
									<option <?php 
        if (isset($options['blog_hide_comments'])) {
            $blog_hide_comments = $options['blog_hide_comments'];
            if ($blog_hide_comments == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['blog_hide_comments'])) {
            $blog_hide_comments = $options['blog_hide_comments'];
            if ($blog_hide_comments == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Page Range For Pagination', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[blog_page_range]" type="text" value="<?php 
        if (isset($options['blog_page_range']) && $options['blog_page_range']) {
            echo esc_attr($options['blog_page_range'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Number of characters', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[number_of_chars]" type="text" class="colorpicker-input" value="<?php 
        if ($options['number_of_chars']) {
            echo esc_attr($options['number_of_chars'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								<?php 
        esc_html_e('Number of characters in blog listing', 'qode');
        ?>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Blog single</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Sidebar layout', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[blog_single_sidebar]">
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == "default") {
                echo "selected='selected'";
            }
        }
        ?>
 value="default">No Sidebar</option>
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == 1) {
                echo "selected='selected'";
            }
        }
        ?>
 value="1">Sidebar 1/3 right</option>
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == 2) {
                echo "selected='selected'";
            }
        }
        ?>
 value="2">Sidebar 1/4 right</option>
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == 3) {
                echo "selected='selected'";
            }
        }
        ?>
 value="3">Sidebar 1/3 left</option>
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == 4) {
                echo "selected='selected'";
            }
        }
        ?>
 value="4">Sidebar 1/4 left</option>
									
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Sidebar to display', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[blog_single_sidebar_custom_display]">
									<option value="" <?php 
        if (isset($options['blog_single_sidebar_custom_display'])) {
            $blog_single_sidebar_custom_display = $options['blog_single_sidebar_custom_display'];
            if ($blog_single_sidebar_custom_display == "") {
                echo "selected='selected'";
            }
        }
        ?>
></option>
									<?php 
        foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) {
            if (isUserMadeSidebar(ucwords($sidebar['name']))) {
                ?>
										<option value="<?php 
                echo ucwords($sidebar['id']);
                ?>
" <?php 
                if (isset($options['blog_single_sidebar_custom_display'])) {
                    $blog_single_sidebar_custom_display = $options['blog_single_sidebar_custom_display'];
                    if ($blog_single_sidebar_custom_display == ucwords($sidebar['id'])) {
                        echo "selected='selected'";
                    }
                }
                ?>
>
											<?php 
                echo ucwords($sidebar['name']);
                ?>
										</option>
										<?php 
            }
        }
        ?>
								</select>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3><?php 
        esc_html_e('Contact page', 'qode');
        ?>
</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Mail send to', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[receive_mail]" type="text" value="<?php 
        if ($options['receive_mail']) {
            echo esc_attr($options['receive_mail'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Contact Form', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[enable_contact_form]">
									<option <?php 
        if ($options['enable_contact_form'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
									<option <?php 
        if ($options['enable_contact_form'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Hide Website Field', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[hide_contact_form_website]">
									<option <?php 
        if (isset($options['hide_contact_form_website'])) {
            $hide_contact_form_website = $options['hide_contact_form_website'];
            if ($hide_contact_form_website == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['hide_contact_form_website'])) {
            $hide_contact_form_website = $options['hide_contact_form_website'];
            if ($hide_contact_form_website == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Email From', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[email_from]" type="text" value="<?php 
        if ($options['email_from']) {
            echo esc_attr($options['email_from'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Email Subject', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[email_subject]" type="text" value="<?php 
        if ($options['email_subject']) {
            echo esc_attr($options['email_subject'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Use reCaptcha', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[use_recaptcha]">
									<option <?php 
        if ($options['use_recaptcha'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
									<option <?php 
        if ($options['use_recaptcha'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('ReCaptcha public key', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[recaptcha_public_key]" type="text" value="<?php 
        if ($options['recaptcha_public_key']) {
            echo esc_attr($options['recaptcha_public_key'], 'qode');
        }
        ?>
"  />
							
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('ReCaptcha private key', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[recaptcha_private_key]" type="text" value="<?php 
        if ($options['recaptcha_private_key']) {
            echo esc_attr($options['recaptcha_private_key'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>			
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Heading above contact form', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[contact_heading_above]" type="text" value="<?php 
        if ($options['contact_heading_above']) {
            echo esc_attr($options['contact_heading_above'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Google Map', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[enable_google_map]">
									<option <?php 
        if ($options['enable_google_map'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
									<option <?php 
        if ($options['enable_google_map'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<?php 
        if ($options['enable_google_map'] == "yes") {
            ?>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
            esc_html_e('Pin image', 'qode');
            ?>
</td>
							<td>	
								<div class="inline" style="width: 600px;">
								<input type="text" id="google_maps_pin_image" name="qode_options_satellite[google_maps_pin_image]" class="google_maps_pin_image" value="<?php 
            if (isset($options['google_maps_pin_image'])) {
                echo esc_attr($options['google_maps_pin_image'], 'qode');
            } else {
                echo QODE_ROOT . "/img/pin.png";
            }
            ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address" name="qode_options_satellite[google_maps_address]" value="<?php 
            if (isset($options['google_maps_address'])) {
                echo esc_attr($options['google_maps_address'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address 2', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address2" name="qode_options_satellite[google_maps_address2]" value="<?php 
            if (isset($options['google_maps_address2'])) {
                echo esc_attr($options['google_maps_address2'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address 3', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address3" name="qode_options_satellite[google_maps_address3]" value="<?php 
            if (isset($options['google_maps_address3'])) {
                echo esc_attr($options['google_maps_address3'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address 4', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address4" name="qode_options_satellite[google_maps_address4]" value="<?php 
            if (isset($options['google_maps_address4'])) {
                echo esc_attr($options['google_maps_address4'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address 5', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address5" name="qode_options_satellite[google_maps_address5]" value="<?php 
            if (isset($options['google_maps_address5'])) {
                echo esc_attr($options['google_maps_address5'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map zoom', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_zoom" name="qode_options_satellite[google_maps_zoom]" value="<?php 
            if (isset($options['google_maps_zoom'])) {
                echo esc_attr($options['google_maps_zoom'], 'qode');
            }
            ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map height (px)', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_height" name="qode_options_satellite[google_maps_height]" value="<?php 
            if (isset($options['google_maps_height'])) {
                echo esc_attr($options['google_maps_height'], 'qode');
            }
            ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map style', 'qode');
            ?>
</td>
							<td>
								<select name="qode_options_satellite[google_maps_style]">
									<option <?php 
            if (isset($options['google_maps_style'])) {
                $google_maps_style = $options['google_maps_style'];
                if ($google_maps_style == 'no') {
                    echo "selected='selected'";
                }
            }
            ?>
 value="no">No</option>
									<option <?php 
            if (isset($options['google_maps_style'])) {
                $google_maps_style = $options['google_maps_style'];
                if ($google_maps_style == 'yes') {
                    echo "selected='selected'";
                }
            }
            ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map color', 'qode');
            ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
            if ($options['google_maps_color']) {
                echo 'background-color:' . esc_attr($options['google_maps_color'], 'qode') . ';';
            }
            ?>
"></div></div>
									<input name="qode_options_satellite[google_maps_color]" type="text" value="<?php 
            if (isset($options['google_maps_color'])) {
                if ($options['google_maps_color']) {
                    echo esc_attr($options['google_maps_color'], 'qode');
                }
            }
            ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>	
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map scroll on mouse wheel', 'qode');
            ?>
</td>
							<td>
								<select name="qode_options_satellite[google_maps_scroll_wheel]">
									<option <?php 
            if (isset($options['google_maps_scroll_wheel'])) {
                $google_maps_scroll_wheel = $options['google_maps_scroll_wheel'];
                if ($google_maps_scroll_wheel == 'no') {
                    echo "selected='selected'";
                }
            }
            ?>
 value="no">No</option>
									<option <?php 
            if (isset($options['google_maps_scroll_wheel'])) {
                $google_maps_scroll_wheel = $options['google_maps_scroll_wheel'];
                if ($google_maps_scroll_wheel == 'yes') {
                    echo "selected='selected'";
                }
            }
            ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<?php 
        }
        ?>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>404 page</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Title', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[404_title]" type="text" value="<?php 
        if ($options['404_title']) {
            echo esc_attr($options['404_title'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Subtitle', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[404_subtitle]" type="text" value="<?php 
        if (isset($options['404_subtitle']) && $options['404_subtitle']) {
            echo esc_attr($options['404_subtitle'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Text', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[404_text]" type="text" value="<?php 
        if ($options['404_text']) {
            echo esc_attr($options['404_text'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Back to home label', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_satellite[404_backlabel]" type="text" value="<?php 
        if ($options['404_backlabel']) {
            echo esc_attr($options['404_backlabel'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Social</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Social Share', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_satellite[enable_social_share]">
									<option <?php 
        if (isset($options['enable_social_share'])) {
            $enable_social_share = $options['enable_social_share'];
            if ($enable_social_share == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['enable_social_share'])) {
            $enable_social_share = $options['enable_social_share'];
            if ($enable_social_share == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Facebook', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Facebook', 'qode');
        ?>
									<select name="qode_options_satellite[enable_facebook_share]">
										<option <?php 
        if (isset($options['enable_facebook_share'])) {
            $enable_facebook_share = $options['enable_facebook_share'];
            if ($enable_facebook_share == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_facebook_share'])) {
            $enable_facebook_share = $options['enable_facebook_share'];
            if ($enable_facebook_share == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 600px;">
									<?php 
        esc_html_e('Share Icon', 'qode');
        ?>
									<input type="text" id="facebook_icon" name="qode_options_satellite[facebook_icon]" class="facebook_icon" value="<?php 
        if (isset($options['facebook_icon'])) {
            echo esc_attr($options['facebook_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Twitter', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Twitter', 'qode');
        ?>
									<select name="qode_options_satellite[enable_twitter_share]">
										<option <?php 
        if (isset($options['enable_twitter_share'])) {
            $enable_twitter_share = $options['enable_twitter_share'];
            if ($enable_twitter_share == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_twitter_share'])) {
            $enable_twitter_share = $options['enable_twitter_share'];
            if ($enable_twitter_share == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 600px;">
									<?php 
        esc_html_e('Share Icon', 'qode');
        ?>
									<input type="text" id="twitter_icon" name="qode_options_satellite[twitter_icon]" class="twitter_icon" value="<?php 
        if (isset($options['twitter_icon'])) {
            echo esc_attr($options['twitter_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Via', 'qode');
        ?>
									<input name="qode_options_satellite[twitter_via]" type="text" value="<?php 
        if (isset($options['twitter_via'])) {
            echo esc_attr($options['twitter_via'], 'qode');
        }
        ?>
"  />
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Google +', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Google +', 'qode');
        ?>
									<select name="qode_options_satellite[enable_google_plus]">
										<option <?php 
        if (isset($options['enable_google_plus'])) {
            $enable_google_plus = $options['enable_google_plus'];
            if ($enable_google_plus == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_google_plus'])) {
            $enable_google_plus = $options['enable_google_plus'];
            if ($enable_google_plus == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 600px;">
									<?php 
        esc_html_e('Share Icon', 'qode');
        ?>
									<input type="text" id="google_plus_icon" name="qode_options_satellite[google_plus_icon]" class="google_plus_icon" value="<?php 
        if (isset($options['google_plus_icon'])) {
            echo esc_attr($options['google_plus_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Show For', 'qode');
        ?>
</td>
							<td>
							<?php 
        $post_types = get_post_types();
        foreach ($post_types as $post_type) {
            if ($post_type != "attachment" && $post_type != "revision" && $post_type != "nav_menu_item") {
                $post_type_object = get_post_type_object($post_type);
                ?>
								 <input type="checkbox" value="<?php 
                echo $post_type;
                ?>
" <?php 
                if (isset($options["post_types_names_{$post_type}"]) && $options["post_types_names_{$post_type}"] == "{$post_type}") {
                    echo "checked='checked'";
                }
                ?>
 name="qode_options_satellite[post_types_names_<?php 
                echo $post_type;
                ?>
]" /><?php 
                echo " " . $post_type_object->labels->singular_name;
                ?>
<br /><br />
								 
								<?php 
            }
        }
        ?>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
		</div>
<?php 
    }

Пример #5

Показать файл

Файл: qode-options.php Проект: k2jysy/wedev

    function general_options_contentbox($options)
    {
        global $fontArrays;
        ?>

		<div class="sections">
			<h3>Global options</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('First main color', 'qode');
        ?>
</td>
							<td>
								<div>
									<?php 
        esc_html_e('Main color (also Gradient top)', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['first_color']) {
            echo 'background-color:' . esc_attr($options['first_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[first_color]" type="text" value="<?php 
        if ($options['first_color']) {
            echo esc_attr($options['first_color'], 'qode');
        }
        ?>
" size="30" maxlength="100" />
									<?php 
        esc_html_e('Default main color', 'qode');
        ?>
									<div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #00aeef;" title="#00aeef"></span></div>
								</div>
								<br/>
								<div>
									<?php 
        esc_html_e('Gradient bottom', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['first_color_gradient']) {
            echo 'background-color:' . esc_attr($options['first_color_gradient'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[first_color_gradient]" type="text" value="<?php 
        if (isset($options['first_color_gradient'])) {
            echo esc_attr($options['first_color_gradient'], 'qode');
        }
        ?>
" size="30" maxlength="100" />
									<?php 
        esc_html_e('Default bottom gradient color', 'qode');
        ?>
									<div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #009ad4;" title="#009ad4"></span></div>
								</div>
								<br/>
								<div>
									<?php 
        esc_html_e('Gradient Border', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['first_gradient_border']) {
            echo 'background-color:' . esc_attr($options['first_gradient_border'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[first_gradient_border]" type="text" value="<?php 
        if (isset($options['first_gradient_border'])) {
            echo esc_attr($options['first_gradient_border'], 'qode');
        }
        ?>
" size="30" maxlength="100" />
									<?php 
        esc_html_e('Default gradient border color', 'qode');
        ?>
									<div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #049cd4;" title="#049cd4"></span></div>
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Second main color', 'qode');
        ?>
</td>
							<td>
								<div>
									<?php 
        esc_html_e('Second main color (also Gradient top)', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['second_color']) {
            echo 'background-color:' . esc_attr($options['second_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[second_color]" type="text" value="<?php 
        if ($options['second_color']) {
            echo esc_attr($options['second_color'], 'qode');
        }
        ?>
" size="30" maxlength="100" />
									<?php 
        esc_html_e('Default second main color', 'qode');
        ?>
									<div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #ededed; background-color: #f3f3f3;" title="#f3f3f3"></span></div>
								</div>
								<br/>
								<div>
									<?php 
        esc_html_e('Gradient bottom', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['second_color_gradient']) {
            echo 'background-color:' . esc_attr($options['second_color_gradient'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[second_color_gradient]" type="text" value="<?php 
        if (isset($options['second_color_gradient'])) {
            echo esc_attr($options['second_color_gradient'], 'qode');
        }
        ?>
" size="30" maxlength="100" />
									<?php 
        esc_html_e('Default bottom gradient color', 'qode');
        ?>
									<div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #ededed; background-color: #f9f9f9;" title="#f9f9f9"></span></div>
								</div>
								<br/>
								<div>
									<?php 
        esc_html_e('Gradient Border', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['second_gradient_border']) {
            echo 'background-color:' . esc_attr($options['second_gradient_border'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[second_gradient_border]" type="text" value="<?php 
        if (isset($options['second_gradient_border'])) {
            echo esc_attr($options['second_gradient_border'], 'qode');
        }
        ?>
" size="30" maxlength="100" />
									<?php 
        esc_html_e('Default second border color', 'qode');
        ?>
									<div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #eaeaea;" title="#eaeaea"></span></div>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Third main color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['third_color']) {
            echo 'background-color:' . esc_attr($options['third_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_theme13[third_color]" type="text" value="<?php 
        if (isset($options['third_color'])) {
            if ($options['third_color']) {
                echo esc_attr($options['third_color'], 'qode');
            }
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Default third main color', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #ededed; background-color: #fbfbfb;" title="#fbfbfb"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Fourth main color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['fourth_color']) {
            echo 'background-color:' . esc_attr($options['fourth_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_theme13[fourth_color]" type="text" value="<?php 
        if (isset($options['fourth_color'])) {
            if ($options['fourth_color']) {
                echo esc_attr($options['fourth_color'], 'qode');
            }
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Default fourth main color', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #333;" title="#333"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background color (content)', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['background_color']) {
            echo 'background-color:' . esc_attr($options['background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_theme13[background_color]" type="text" value="<?php 
        if ($options['background_color']) {
            echo esc_attr($options['background_color'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Default background color', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #e0dede; background-color: #fff;" title="#fff"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background color (body)', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['background_color_box']) {
            echo 'background-color:' . esc_attr($options['background_color_box'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_theme13[background_color_box]" type="text" value="<?php 
        if (isset($options['background_color_box'])) {
            echo esc_attr($options['background_color_box'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Default boxed background color', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #e0dede; background-color: #fff;" title="#fff"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background boxes color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if (isset($options['background_color_boxes']) && $options['background_color_boxes']) {
            echo 'background-color:' . esc_attr($options['background_color_boxes'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_theme13[background_color_boxes]" type="text" value="<?php 
        if (isset($options['background_color_boxes'])) {
            echo esc_attr($options['background_color_boxes'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Background color for boxes (blog, portfolio...)', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #ededed; background-color: #fff;" title="#fff"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Highlight color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['highlight_color']) {
            echo 'background-color:' . esc_attr($options['highlight_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_theme13[highlight_color]" type="text"  value="<?php 
        if ($options['highlight_color']) {
            echo esc_attr($options['highlight_color'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Default highlight color', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #00aeef;" title="#00aeef"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Selection color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['selection_color']) {
            echo 'background-color:' . esc_attr($options['selection_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_theme13[selection_color]" type="text"  value="<?php 
        if ($options['selection_color']) {
            echo esc_attr($options['selection_color'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Default selection color', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #00aeef;" title="#00aeef"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background image', 'qode');
        ?>
</td>
							<td>
								<div class="inline" style="width: 705px;">
								<input type="text" id="background_image" name="qode_options_theme13[background_image]" class="background_image" value="<?php 
        if (isset($options['background_image'])) {
            echo esc_attr($options['background_image'], 'qode');
        }
        ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Pattern background image', 'qode');
        ?>
</td>
							<td>
								<div class="inline" style="width: 705px;">
								<input type="text" id="pattern_background_image" name="qode_options_theme13[pattern_background_image]" class="pattern_background_image" value="<?php 
        if (isset($options['pattern_background_image'])) {
            echo esc_attr($options['pattern_background_image'], 'qode');
        }
        ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Favicon image', 'qode');
        ?>
</td>
							<td>
								<div class="inline" style="width: 705px;">
								<input type="text" id="favicon_image" name="qode_options_theme13[favicon_image]" class="favicon_image" value="<?php 
        if ($options['favicon_image']) {
            echo esc_attr($options['favicon_image'], 'qode');
        } else {
            echo QODE_ROOT . "/img/favicon.ico";
        }
        ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Google fonts', 'qode');
        ?>
</td>
								<td>
							<select name="qode_options_theme13[google_fonts]">
							<option value="-1">Default</option>
							<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
								<option <?php 
            if ($options['google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
							<?php 
        }
        ?>

							</select>
							<?php 
        esc_html_e('Choose Font', 'qode');
        ?>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Page transition', 'qode');
        ?>
</td>
								<td>
							<select name="qode_options_theme13[page_transitions]">
								<option <?php 
        if ($options['page_transitions'] == 0) {
            echo "selected='selected'";
        }
        ?>
 value="0">No animation</option>
								<option <?php 
        if ($options['page_transitions'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Up/Down</option>
								<option <?php 
        if ($options['page_transitions'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2">Fade</option>
								<option <?php 
        if ($options['page_transitions'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3">Up/Down (In) / Fade (Out)</option>
								<option <?php 
        if ($options['page_transitions'] == 4) {
            echo "selected='selected'";
        }
        ?>
 value="4">Left/Right</option>
							</select>
							<?php 
        esc_html_e('In order for animation to work properly, you must choose "Post name" in permalinks settings', 'qode');
        ?>
								</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Boxed', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[boxed]">
									<option <?php 
        if (isset($options['boxed'])) {
            $boxed = $options['boxed'];
            if ($boxed == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['boxed'])) {
            $boxed = $options['boxed'];
            if ($boxed == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Loading animation', 'qode');
        ?>
</td>
								<td>
									<select name="qode_options_theme13[loading_animation]">
										<option <?php 
        if (isset($options['loading_animation'])) {
            $loading_animation = $options['loading_animation'];
            if ($loading_animation == 'on') {
                echo "selected='selected'";
            }
        }
        ?>
 value="on">On</option>
										<option <?php 
        if (isset($options['loading_animation'])) {
            $loading_animation = $options['loading_animation'];
            if ($loading_animation == 'off') {
                echo "selected='selected'";
            }
        }
        ?>
 value="off">Off</option>
									</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Loading image', 'qode');
        ?>
</td>
							<td>
								<div class="inline" style="width: 705px;">
								<input type="text" id="loading_image" name="qode_options_theme13[loading_image]" class="loading_image" value="<?php 
        if (isset($options['loading_image']) && $options['loading_image'] != "") {
            echo esc_attr($options['loading_image'], 'qode');
        } else {
            echo "";
        }
        ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Smooth scroll', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[smooth_scroll]">
									<option <?php 
        if (isset($options['smooth_scroll'])) {
            $smooth_scroll = $options['smooth_scroll'];
            if ($smooth_scroll == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['smooth_scroll'])) {
            $smooth_scroll = $options['smooth_scroll'];
            if ($smooth_scroll == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									<option <?php 
        if (isset($options['smooth_scroll'])) {
            $smooth_scroll = $options['smooth_scroll'];
            if ($smooth_scroll == 'yes_not_ios') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes_not_ios">Yes (but not on Mac devices)</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Responsiveness', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[responsiveness]">
									<option <?php 
        if (isset($options['responsiveness'])) {
            $responsiveness = $options['responsiveness'];
            if ($responsiveness == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									<option <?php 
        if (isset($options['responsiveness'])) {
            $responsiveness = $options['responsiveness'];
            if ($responsiveness == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Show back button', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[show_back_button]">
									<option <?php 
        if (isset($options['show_back_button'])) {
            $show_back_button = $options['show_back_button'];
            if ($show_back_button == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['show_back_button'])) {
            $show_back_button = $options['show_back_button'];
            if ($show_back_button == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Elements animation on mobile/touch devices', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[elements_animation_on_touch]">
									<option <?php 
        if (isset($options['elements_animation_on_touch'])) {
            $elements_animation_on_touch = $options['elements_animation_on_touch'];
            if ($elements_animation_on_touch == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['elements_animation_on_touch'])) {
            $elements_animation_on_touch = $options['elements_animation_on_touch'];
            if ($elements_animation_on_touch == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Google Analytics Account ID', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[google_analytics_code]" type="text" value="<?php 
        if (isset($options['google_analytics_code'])) {
            echo esc_attr($options['google_analytics_code'], 'qode');
        }
        ?>
" size="63" maxlength="500" />
							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('List of internal URLs loaded without AJAX (separated with comma)', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="internal_no_ajax_links" name="qode_options_theme13[internal_no_ajax_links]" cols="60" rows="5"><?php 
        if (isset($options['internal_no_ajax_links'])) {
            echo esc_attr($options['internal_no_ajax_links'], 'qode');
        }
        ?>
</textarea>
								</div>

							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('Custom css', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="custom_css" name="qode_options_theme13[custom_css]" cols="60" rows="5"><?php 
        if ($options['custom_css']) {
            echo esc_attr($options['custom_css'], 'qode');
        }
        ?>
</textarea>
								</div>

							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('Custom js', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="custom_js" name="qode_options_theme13[custom_js]" cols="60" rows="5"><?php 
        if ($options['custom_js']) {
            echo esc_attr($options['custom_js'], 'qode');
        }
        ?>
</textarea>
								</div><br/>
								<?php 
        esc_html_e('jQuery selector is "$j" because of the conflict mode', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('Meta Keywords', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="meta_keywords" name="qode_options_theme13[meta_keywords]" cols="60" rows="5"><?php 
        if ($options['meta_keywords']) {
            echo esc_attr($options['meta_keywords'], 'qode');
        }
        ?>
</textarea>
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('Meta Description', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="meta_description" name="qode_options_theme13[meta_description]" cols="60" rows="5"><?php 
        if ($options['meta_description']) {
            echo esc_attr($options['meta_description'], 'qode');
        }
        ?>
</textarea>
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Disable Qode SEO', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[disable_qode_seo]">
									<option <?php 
        if (isset($options['disable_qode_seo'])) {
            $disable_qode_seo = $options['disable_qode_seo'];
            if ($disable_qode_seo == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['disable_qode_seo'])) {
            $disable_qode_seo = $options['disable_qode_seo'];
            if ($disable_qode_seo == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>General font options</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Headings</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('H1 style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['h1_color']) {
            echo 'background-color:' . esc_attr($options['h1_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[h1_color]" type="text" value="<?php 
        if ($options['h1_color']) {
            echo esc_attr($options['h1_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[h1_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['h1_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h1_fontsize]" type="text" value="<?php 
        if ($options['h1_fontsize']) {
            echo esc_attr($options['h1_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h1_lineheight]" type="text" value="<?php 
        if ($options['h1_lineheight']) {
            echo esc_attr($options['h1_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_theme13[h1_fontstyle]">
										<option <?php 
        if ($options['h1_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h1_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['h1_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_theme13[h1_fontweight]">
										<option <?php 
        if ($options['h1_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h1_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['h1_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['h1_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['h1_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['h1_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['h1_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['h1_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['h1_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h1_letterspacing]" type="text" value="<?php 
        if (isset($options['h1_letterspacing']) && $options['h1_letterspacing']) {
            echo esc_attr($options['h1_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('H2 style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['h2_color']) {
            echo 'background-color:' . esc_attr($options['h2_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[h2_color]" type="text" value="<?php 
        if ($options['h2_color']) {
            echo esc_attr($options['h2_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[h2_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['h2_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h2_fontsize]" type="text" value="<?php 
        if ($options['h2_fontsize']) {
            echo esc_attr($options['h2_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h2_lineheight]" type="text" value="<?php 
        if ($options['h2_lineheight']) {
            echo esc_attr($options['h2_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_theme13[h2_fontstyle]">
										<option <?php 
        if ($options['h2_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h2_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['h2_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_theme13[h2_fontweight]">
										<option <?php 
        if ($options['h2_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h2_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['h2_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['h2_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['h2_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['h2_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['h2_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['h2_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['h2_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h2_letterspacing]" type="text" value="<?php 
        if (isset($options['h2_letterspacing']) && $options['h2_letterspacing']) {
            echo esc_attr($options['h2_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('H3 style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['h3_color']) {
            echo 'background-color:' . esc_attr($options['h3_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[h3_color]" type="text" value="<?php 
        if ($options['h3_color']) {
            echo esc_attr($options['h3_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[h3_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['h3_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h3_fontsize]" type="text" value="<?php 
        if ($options['h3_fontsize']) {
            echo esc_attr($options['h3_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h3_lineheight]" type="text" value="<?php 
        if ($options['h3_lineheight']) {
            echo esc_attr($options['h3_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_theme13[h3_fontstyle]">
										<option <?php 
        if ($options['h3_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h3_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['h3_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_theme13[h3_fontweight]">
										<option <?php 
        if ($options['h3_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h3_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['h3_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['h3_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['h3_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['h3_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['h3_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['h3_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['h3_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h3_letterspacing]" type="text" value="<?php 
        if (isset($options['h3_letterspacing']) && $options['h3_letterspacing']) {
            echo esc_attr($options['h3_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('H4 style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['h4_color']) {
            echo 'background-color:' . esc_attr($options['h4_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[h4_color]" type="text" value="<?php 
        if ($options['h4_color']) {
            echo esc_attr($options['h4_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[h4_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['h4_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h4_fontsize]" type="text" value="<?php 
        if ($options['h4_fontsize']) {
            echo esc_attr($options['h4_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h4_lineheight]" type="text" value="<?php 
        if ($options['h4_lineheight']) {
            echo esc_attr($options['h4_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_theme13[h4_fontstyle]">
										<option <?php 
        if ($options['h4_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h4_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['h4_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_theme13[h4_fontweight]">
										<option <?php 
        if ($options['h4_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h4_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['h4_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['h4_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['h4_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['h4_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['h4_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['h4_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['h4_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h4_letterspacing]" type="text" value="<?php 
        if (isset($options['h4_letterspacing']) && $options['h4_letterspacing']) {
            echo esc_attr($options['h4_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('H5 style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['h5_color']) {
            echo 'background-color:' . esc_attr($options['h5_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[h5_color]" type="text" value="<?php 
        if ($options['h5_color']) {
            echo esc_attr($options['h5_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[h5_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['h5_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h5_fontsize]" type="text" value="<?php 
        if ($options['h5_fontsize']) {
            echo esc_attr($options['h5_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h5_lineheight]" type="text" value="<?php 
        if ($options['h5_lineheight']) {
            echo esc_attr($options['h5_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_theme13[h5_fontstyle]">
										<option <?php 
        if ($options['h5_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h5_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['h5_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_theme13[h5_fontweight]">
										<option <?php 
        if ($options['h5_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h5_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['h5_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['h5_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['h5_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['h5_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['h5_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['h5_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['h5_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h5_letterspacing]" type="text" value="<?php 
        if (isset($options['h5_letterspacing']) && $options['h5_letterspacing']) {
            echo esc_attr($options['h5_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('H6 style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['h6_color']) {
            echo 'background-color:' . esc_attr($options['h6_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[h6_color]" type="text" value="<?php 
        if ($options['h6_color']) {
            echo esc_attr($options['h6_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[h6_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['h6_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h6_fontsize]" type="text" value="<?php 
        if ($options['h6_fontsize']) {
            echo esc_attr($options['h6_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h6_lineheight]" type="text" value="<?php 
        if ($options['h6_lineheight']) {
            echo esc_attr($options['h6_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_theme13[h6_fontstyle]">
										<option <?php 
        if ($options['h6_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h6_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['h6_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_theme13[h6_fontweight]">
										<option <?php 
        if ($options['h6_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h6_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['h6_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['h6_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['h6_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['h6_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['h6_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['h6_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['h6_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_theme13[h6_letterspacing]" type="text" value="<?php 
        if (isset($options['h6_letterspacing']) && $options['h6_letterspacing']) {
            echo esc_attr($options['h6_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Text</h2></td></tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Text style', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['text_color']) {
            echo 'background-color:' . esc_attr($options['text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_theme13[text_color]" type="text" value="<?php 
        if ($options['text_color']) {
            echo esc_attr($options['text_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font family', 'qode');
        ?>
										<select name="qode_options_theme13[text_google_fonts]">
											<option value="-1">Default</option>
											<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
												<option <?php 
            if ($options['text_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
											<?php 
        }
        ?>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_theme13[text_fontsize]" type="text" value="<?php 
        if ($options['text_fontsize']) {
            echo esc_attr($options['text_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_theme13[text_lineheight]" type="text" value="<?php 
        if ($options['text_lineheight']) {
            echo esc_attr($options['text_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_theme13[text_fontstyle]">
											<option <?php 
        if ($options['text_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['text_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['text_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_theme13[text_fontweight]">
											<option <?php 
        if ($options['text_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['text_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['text_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['text_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['text_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['text_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['text_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['text_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['text_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Top/Bottom margin (px)', 'qode');
        ?>
										<input name="qode_options_theme13[text_margin]" type="text" value="<?php 
        if (isset($options['text_margin'])) {
            echo esc_attr($options['text_margin'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Link style', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['link_color']) {
            echo 'background-color:' . esc_attr($options['link_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_theme13[link_color]" type="text" value="<?php 
        if ($options['link_color']) {
            echo esc_attr($options['link_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Hover color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['link_hovercolor']) {
            echo 'background-color:' . esc_attr($options['link_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_theme13[link_hovercolor]" type="text" value="<?php 
        if ($options['link_hovercolor']) {
            echo esc_attr($options['link_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_theme13[link_fontstyle]">
											<option <?php 
        if ($options['link_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['link_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['link_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_theme13[link_fontweight]">
											<option <?php 
        if ($options['link_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['link_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['link_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['link_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['link_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['link_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['link_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['link_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['link_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font decoration', 'qode');
        ?>
										<select name="qode_options_theme13[link_fontdecoration]">
											<option <?php 
        if ($options['link_fontdecoration'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['link_fontdecoration'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">none</option>
											<option <?php 
        if ($options['link_fontdecoration'] == "bold") {
            echo "selected='selected'";
        }
        ?>
 value="underline">underline</option>

										</select>
									</div>
								</td>
						</tr>
						<tr><td colspan='2'><h2>Page title</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Page title style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['page_title_color']) {
            echo 'background-color:' . esc_attr($options['page_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[page_title_color]" type="text" value="<?php 
        if ($options['page_title_color']) {
            echo esc_attr($options['page_title_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[page_title_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['page_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_theme13[page_title_fontsize]" type="text" value="<?php 
        if ($options['page_title_fontsize']) {
            echo esc_attr($options['page_title_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_theme13[page_title_lineheight]" type="text" value="<?php 
        if ($options['page_title_lineheight']) {
            echo esc_attr($options['page_title_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_theme13[page_title_fontstyle]">
										<option <?php 
        if ($options['page_title_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['page_title_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['page_title_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_theme13[page_title_fontweight]">
										<option <?php 
        if ($options['page_title_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['page_title_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['page_title_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Info Data Style</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Info data style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['info_data_color']) && $options['info_data_color']) {
            echo 'background-color:' . esc_attr($options['info_data_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[info_data_color]" type="text" value="<?php 
        if (isset($options['info_data_color']) && $options['info_data_color']) {
            echo esc_attr($options['info_data_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[info_data_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['info_data_google_fonts']) && $options['info_data_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_theme13[info_data_fontsize]" type="text" value="<?php 
        if (isset($options['info_data_fontsize']) && $options['info_data_fontsize']) {
            echo esc_attr($options['info_data_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_theme13[info_data_fontstyle]">
										<option <?php 
        if (isset($options['info_data_fontstyle']) && $options['info_data_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['info_data_fontstyle']) && $options['info_data_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if (isset($options['info_data_fontstyle']) && $options['info_data_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_theme13[info_data_fontweight]">
										<option <?php 
        if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Icon Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['info_data_icon_color']) && $options['info_data_icon_color']) {
            echo 'background-color:' . esc_attr($options['info_data_icon_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[info_data_icon_color]" type="text" value="<?php 
        if (isset($options['info_data_icon_color']) && $options['info_data_icon_color']) {
            echo esc_attr($options['info_data_icon_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Header and Footer</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Header</h2></td></tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Header in grid', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[header_in_grid]">
										<option <?php 
        if (isset($options['header_in_grid'])) {
            if ($options['header_in_grid'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['header_in_grid'])) {
            if ($options['header_in_grid'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Show header top area', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[header_top_area]">
										<option <?php 
        if (isset($options['header_top_area'])) {
            if ($options['header_top_area'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['header_top_area'])) {
            if ($options['header_top_area'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Scroll header top area', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[header_top_area_scroll]">
										<option <?php 
        if (isset($options['header_top_area_scroll'])) {
            if ($options['header_top_area_scroll'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['header_top_area_scroll'])) {
            if ($options['header_top_area_scroll'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>	
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Enable breadcrumbs', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[enable_breadcrumbs]">
										<option <?php 
        if (isset($options['enable_breadcrumbs'])) {
            if ($options['enable_breadcrumbs'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_breadcrumbs'])) {
            if ($options['enable_breadcrumbs'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>	
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Enable Qode search', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[enable_search]">
										<option <?php 
        if (isset($options['enable_search'])) {
            if ($options['enable_search'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_search'])) {
            if ($options['enable_search'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>	
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Header bottom appearance', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[header_bottom_appearance]">
										<option <?php 
        if (isset($options['header_bottom_appearance'])) {
            if ($options['header_bottom_appearance'] == "regular") {
                echo "selected='selected'";
            }
        }
        ?>
 value="regular">Regular</option>
										<option <?php 
        if (isset($options['header_bottom_appearance'])) {
            if ($options['header_bottom_appearance'] == "fixed") {
                echo "selected='selected'";
            }
        }
        ?>
 value="fixed">Fixed</option>
										<option <?php 
        if (isset($options['header_bottom_appearance'])) {
            if ($options['header_bottom_appearance'] == "stick") {
                echo "selected='selected'";
            }
        }
        ?>
 value="stick">Sticky</option>
										<option <?php 
        if (isset($options['header_bottom_appearance'])) {
            if ($options['header_bottom_appearance'] == "stick menu_bottom") {
                echo "selected='selected'";
            }
        }
        ?>
 value="stick menu_bottom">Sticky with menu on bottom</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Header style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[header_style]">
										<option <?php 
        if (isset($options['header_style'])) {
            if ($options['header_style'] == "") {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['header_style'])) {
            if ($options['header_style'] == "light") {
                echo "selected='selected'";
            }
        }
        ?>
 value="light">Light</option>
										<option <?php 
        if (isset($options['header_style'])) {
            if ($options['header_style'] == "dark") {
                echo "selected='selected'";
            }
        }
        ?>
 value="dark">Dark</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Menu position', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[menu_position]">
										<option <?php 
        if (isset($options['menu_position'])) {
            if ($options['menu_position'] == "") {
                echo "selected='selected'";
            }
        }
        ?>
 value="">Deafult</option>
										<option <?php 
        if (isset($options['menu_position'])) {
            if ($options['menu_position'] == "center") {
                echo "selected='selected'";
            }
        }
        ?>
 value="center">Center</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Top background color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['header_top_background_color']) {
            echo 'background-color:' . esc_attr($options['header_top_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[header_top_background_color]" type="text" value="<?php 
        if (isset($options['header_top_background_color'])) {
            echo esc_attr($options['header_top_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Bottom background color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Initial', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['header_background_color']) {
            echo 'background-color:' . esc_attr($options['header_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[header_background_color]" type="text" value="<?php 
        if (isset($options['header_background_color'])) {
            echo esc_attr($options['header_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Scrolled (fixed style)', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['header_background_color_scroll'])) {
            if ($options['header_background_color_scroll']) {
                echo 'background-color:' . esc_attr($options['header_background_color_scroll'], 'qode') . ';';
            }
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[header_background_color_scroll]" type="text" value="<?php 
        if (isset($options['header_background_color_scroll'])) {
            echo esc_attr($options['header_background_color_scroll'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Sticky', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['header_background_color_sticky'])) {
            if ($options['header_background_color_sticky']) {
                echo 'background-color:' . esc_attr($options['header_background_color_sticky'], 'qode') . ';';
            }
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[header_background_color_sticky]" type="text" value="<?php 
        if (isset($options['header_background_color_sticky'])) {
            echo esc_attr($options['header_background_color_sticky'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Header separator color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['header_separator_color']) && $options['header_separator_color']) {
            echo 'background-color:' . esc_attr($options['header_separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[header_separator_color]" type="text" value="<?php 
        if (isset($options['header_separator_color'])) {
            echo esc_attr($options['header_separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Transparency', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Initial', 'qode');
        ?>
									<input name="qode_options_theme13[header_background_transparency_initial]" type="text" value="<?php 
        if (isset($options['header_background_transparency_initial'])) {
            echo esc_attr($options['header_background_transparency_initial'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Scrolled (fixed style)', 'qode');
        ?>
									<input name="qode_options_theme13[header_background_transparency_scroll]" type="text" value="<?php 
        if (isset($options['header_background_transparency_scroll'])) {
            echo esc_attr($options['header_background_transparency_scroll'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Sticky', 'qode');
        ?>
									<input name="qode_options_theme13[header_background_transparency_sticky]" type="text" value="<?php 
        if (isset($options['header_background_transparency_sticky'])) {
            echo esc_attr($options['header_background_transparency_sticky'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border Initial', 'qode');
        ?>
									<input name="qode_options_theme13[header_border_transparency_initial]" type="text" value="<?php 
        if (isset($options['header_border_transparency_initial'])) {
            echo esc_attr($options['header_border_transparency_initial'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<?php 
        esc_html_e('(from 0 to 1)', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="top">
							<td valign="top" width="150"><?php 
        esc_html_e('Logo', 'qode');
        ?>
</td>
							<td>
								<div class="inline" style="width: 700px;">
									<?php 
        esc_html_e('Logo image - normal', 'qode');
        ?>
<br/>
									<input type="text" id="logo_image" name="qode_options_theme13[logo_image]" class="logo_image" value="<?php 
        if (isset($options['logo_image'])) {
            echo esc_attr($options['logo_image'], 'qode');
        } else {
            echo QODE_ROOT . "/img/logo.png";
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div><br/><br/>
								<div class="inline" style="width: 700px;">
									<?php 
        esc_html_e('Logo image - light', 'qode');
        ?>
<br/>
									<input type="text" id="logo_image_light" name="qode_options_theme13[logo_image_light]" class="logo_image_light" value="<?php 
        if (isset($options['logo_image_light'])) {
            echo esc_attr($options['logo_image_light'], 'qode');
        } else {
            echo QODE_ROOT . "/img/logo.png";
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div><br/><br/>
								<div class="inline" style="width: 700px;">
									<?php 
        esc_html_e('Logo image - dark', 'qode');
        ?>
<br/>
									<input type="text" id="logo_image_dark" name="qode_options_theme13[logo_image_dark]" class="logo_image_dark" value="<?php 
        if (isset($options['logo_image_dark'])) {
            echo esc_attr($options['logo_image_dark'], 'qode');
        } else {
            echo QODE_ROOT . "/img/logo_black.png";
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div><br/><br/>
								<div class="inline"style="width: 700px;">
									<?php 
        esc_html_e('Logo image - sticky header', 'qode');
        ?>
<br/>
									<input type="text" id="logo_image_sticky" name="qode_options_theme13[logo_image_sticky]" class="logo_image_sticky" value="<?php 
        if (isset($options['logo_image_sticky'])) {
            echo esc_attr($options['logo_image_sticky'], 'qode');
        } else {
            echo QODE_ROOT . "/img/logo_black.png";
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Center logo', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[center_logo_image]">
									<option <?php 
        if (isset($options['center_logo_image'])) {
            $center_logo_image = $options['center_logo_image'];
            if ($center_logo_image == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['center_logo_image'])) {
            $center_logo_image = $options['center_logo_image'];
            if ($center_logo_image == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
								<td scope="row" width="150"><?php 
        esc_html_e('Header height', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Initial (px)', 'qode');
        ?>
										<input name="qode_options_theme13[header_height]" type="text" value="<?php 
        if (isset($options['header_height'])) {
            echo esc_attr($options['header_height'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Scrolled - fixed style (px)', 'qode');
        ?>
										<input name="qode_options_theme13[header_height_scroll]" type="text" value="<?php 
        if (isset($options['header_height_scroll'])) {
            echo esc_attr($options['header_height_scroll'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Sticky (px)', 'qode');
        ?>
										<input name="qode_options_theme13[header_height_sticky]" type="text" value="<?php 
        if (isset($options['header_height_sticky'])) {
            echo esc_attr($options['header_height_sticky'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
								</td>
						</tr>
						<tr valign="top">
								<td scope="row" width="150"><?php 
        esc_html_e('Scroll amount for sticky appear (px)', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<input name="qode_options_theme13[scroll_amount_for_sticky]" type="text" value="<?php 
        if (isset($options['scroll_amount_for_sticky'])) {
            echo esc_attr($options['scroll_amount_for_sticky'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
								</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Dropdown main menu', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_background_color'])) {
            echo 'background-color:' . esc_attr($options['dropdown_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[dropdown_background_color]" type="text" value="<?php 
        if (isset($options['dropdown_background_color'])) {
            echo esc_attr($options['dropdown_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Transparency (From 0 to 1)', 'qode');
        ?>
									<input name="qode_options_theme13[dropdown_background_transparency]" type="text" value="<?php 
        if (isset($options['dropdown_background_transparency'])) {
            echo esc_attr($options['dropdown_background_transparency'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('1st level menu style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['menu_color']) {
            echo 'background-color:' . esc_attr($options['menu_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[menu_color]" type="text" value="<?php 
        if ($options['menu_color']) {
            echo esc_attr($options['menu_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['menu_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['menu_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[menu_hovercolor]" type="text" value="<?php 
        if (isset($options['menu_hovercolor'])) {
            echo esc_attr($options['menu_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[menu_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['menu_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_theme13[menu_fontsize]" type="text" value="<?php 
        if ($options['menu_fontsize']) {
            echo esc_attr($options['menu_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_theme13[menu_lineheight]" type="text" value="<?php 
        if ($options['menu_lineheight']) {
            echo esc_attr($options['menu_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_theme13[menu_fontstyle]">
										<option <?php 
        if ($options['menu_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['menu_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['menu_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_theme13[menu_fontweight]">
										<option <?php 
        if ($options['menu_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['menu_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['menu_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['menu_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['menu_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['menu_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['menu_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['menu_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['menu_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('2nd level menu style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_color'])) {
            echo 'background-color:' . esc_attr($options['dropdown_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[dropdown_color]" type="text" value="<?php 
        if (isset($options['dropdown_color'])) {
            echo esc_attr($options['dropdown_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['dropdown_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[dropdown_hovercolor]" type="text" value="<?php 
        if (isset($options['dropdown_hovercolor'])) {
            echo esc_attr($options['dropdown_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[dropdown_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['dropdown_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_theme13[dropdown_fontsize]" type="text" value="<?php 
        if ($options['dropdown_fontsize']) {
            echo esc_attr($options['dropdown_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_theme13[dropdown_lineheight]" type="text" value="<?php 
        if ($options['dropdown_lineheight']) {
            echo esc_attr($options['dropdown_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_theme13[dropdown_fontstyle]">
											<option <?php 
        if ($options['dropdown_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['dropdown_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['dropdown_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_theme13[dropdown_fontweight]">
											<option <?php 
        if ($options['dropdown_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
										</select>
									</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('3rd level menu style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_color_thirdlvl'])) {
            echo 'background-color:' . esc_attr($options['dropdown_color_thirdlvl'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[dropdown_color_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_color_thirdlvl'])) {
            echo esc_attr($options['dropdown_color_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_hovercolor_thirdlvl'])) {
            echo 'background-color:' . esc_attr($options['dropdown_hovercolor_thirdlvl'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[dropdown_hovercolor_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_hovercolor_thirdlvl'])) {
            echo esc_attr($options['dropdown_hovercolor_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[dropdown_google_fonts_thirdlvl]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['dropdown_google_fonts_thirdlvl'])) {
                $dropdown_google_fonts_thirdlvl = $options['dropdown_google_fonts_thirdlvl'];
                if ($dropdown_google_fonts_thirdlvl == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_theme13[dropdown_fontsize_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_fontsize_thirdlvl'])) {
            echo esc_attr($options['dropdown_fontsize_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_theme13[dropdown_lineheight_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_lineheight_thirdlvl'])) {
            echo esc_attr($options['dropdown_lineheight_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_theme13[dropdown_fontstyle_thirdlvl]">
											<option <?php 
        if (isset($options['dropdown_fontstyle_thirdlvl'])) {
            $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl'];
            if ($dropdown_fontstyle_thirdlvl == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['dropdown_fontstyle_thirdlvl'])) {
            $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl'];
            if ($dropdown_fontstyle_thirdlvl == 'normal') {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if (isset($options['dropdown_fontstyle_thirdlvl'])) {
            $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl'];
            if ($dropdown_fontstyle_thirdlvl == 'italic') {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_theme13[dropdown_fontweight_thirdlvl]">
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '200') {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '300') {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '400') {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '500') {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '600') {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '700') {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '800') {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '900') {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
										</select>
									</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Fixed menu', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['fixed_color'])) {
            echo 'background-color:' . esc_attr($options['fixed_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[fixed_color]" type="text" value="<?php 
        if (isset($options['fixed_color'])) {
            echo esc_attr($options['fixed_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['fixed_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['fixed_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[fixed_hovercolor]" type="text" value="<?php 
        if (isset($options['fixed_hovercolor'])) {
            echo esc_attr($options['fixed_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[fixed_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['fixed_google_fonts'])) {
                $fixed_google_fonts = $options['fixed_google_fonts'];
                if ($fixed_google_fonts == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_theme13[fixed_fontsize]" type="text" value="<?php 
        if (isset($options['fixed_fontsize'])) {
            echo esc_attr($options['fixed_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_theme13[fixed_lineheight]" type="text" value="<?php 
        if (isset($options['fixed_lineheight'])) {
            echo esc_attr($options['fixed_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_theme13[fixed_fontstyle]">
											<option <?php 
        if (isset($options['fixed_fontstyle'])) {
            $fixed_fontstyle = $options['fixed_fontstyle'];
            if ($fixed_fontstyle == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['fixed_fontstyle'])) {
            $fixed_fontstyle = $options['fixed_fontstyle'];
            if ($fixed_fontstyle == 'normal') {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if (isset($options['fixed_fontstyle'])) {
            $fixed_fontstyle = $options['fixed_fontstyle'];
            if ($fixed_fontstyle == 'italic') {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_theme13[fixed_fontweight]">
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '200') {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '300') {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '400') {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '500') {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '600') {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '700') {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '800') {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '900') {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
										</select>
									</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Sticky menu', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['sticky_color'])) {
            echo 'background-color:' . esc_attr($options['sticky_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[sticky_color]" type="text" value="<?php 
        if (isset($options['sticky_color'])) {
            echo esc_attr($options['sticky_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['sticky_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['sticky_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[sticky_hovercolor]" type="text" value="<?php 
        if (isset($options['sticky_hovercolor'])) {
            echo esc_attr($options['sticky_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[sticky_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['sticky_google_fonts'])) {
                $sticky_google_fonts = $options['sticky_google_fonts'];
                if ($sticky_google_fonts == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_theme13[sticky_fontsize]" type="text" value="<?php 
        if (isset($options['sticky_fontsize'])) {
            echo esc_attr($options['sticky_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_theme13[sticky_lineheight]" type="text" value="<?php 
        if (isset($options['sticky_lineheight'])) {
            echo esc_attr($options['sticky_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_theme13[sticky_fontstyle]">
											<option <?php 
        if (isset($options['sticky_fontstyle'])) {
            $sticky_fontstyle = $options['sticky_fontstyle'];
            if ($sticky_fontstyle == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['sticky_fontstyle'])) {
            $sticky_fontstyle = $options['sticky_fontstyle'];
            if ($sticky_fontstyle == 'normal') {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if (isset($options['sticky_fontstyle'])) {
            $sticky_fontstyle = $options['sticky_fontstyle'];
            if ($sticky_fontstyle == 'italic') {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_theme13[sticky_fontweight]">
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '200') {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '300') {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '400') {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '500') {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '600') {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '700') {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '800') {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '900') {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
										</select>
									</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Mobile menu style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['mobile_color'])) {
            echo 'background-color:' . esc_attr($options['mobile_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[mobile_color]" type="text" value="<?php 
        if (isset($options['mobile_color'])) {
            echo esc_attr($options['mobile_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['mobile_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['mobile_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[mobile_hovercolor]" type="text" value="<?php 
        if (isset($options['mobile_hovercolor'])) {
            echo esc_attr($options['mobile_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[mobile_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['mobile_google_fonts'])) {
                $mobile_google_fonts = $options['mobile_google_fonts'];
                if ($mobile_google_fonts == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_theme13[mobile_fontsize]" type="text" value="<?php 
        if (isset($options['mobile_fontsize'])) {
            echo esc_attr($options['mobile_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_theme13[mobile_lineheight]" type="text" value="<?php 
        if (isset($options['mobile_lineheight'])) {
            echo esc_attr($options['mobile_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_theme13[mobile_fontstyle]">
											<option <?php 
        if (isset($options['mobile_fontstyle'])) {
            $mobile_fontstyle = $options['mobile_fontstyle'];
            if ($mobile_fontstyle == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['mobile_fontstyle'])) {
            $mobile_fontstyle = $options['mobile_fontstyle'];
            if ($mobile_fontstyle == 'normal') {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if (isset($options['mobile_fontstyle'])) {
            $mobile_fontstyle = $options['mobile_fontstyle'];
            if ($mobile_fontstyle == 'italic') {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_theme13[mobile_fontweight]">
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '200') {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '300') {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '400') {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '500') {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '600') {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '700') {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '800') {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '900') {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
										</select>
									</div><br /><br />
									<div class="inline">
										<?php 
        esc_html_e('Separator color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if (isset($options['mobile_separator_color'])) {
            echo 'background-color:' . esc_attr($options['mobile_separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_theme13[mobile_separator_color]" type="text" value="<?php 
        if (isset($options['mobile_separator_color'])) {
            echo esc_attr($options['mobile_separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Background color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if (isset($options['mobile_background_color'])) {
            echo 'background-color:' . esc_attr($options['mobile_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_theme13[mobile_background_color]" type="text" value="<?php 
        if (isset($options['mobile_background_color'])) {
            echo esc_attr($options['mobile_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
										<input name="qode_options_theme13[mobile_letter_spacing]" type="text" value="<?php 
        if (isset($options['mobile_letter_spacing'])) {
            echo esc_attr($options['mobile_letter_spacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Title', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Animate title area', 'qode');
        ?>
									<select name="qode_options_theme13[animate_title_area]">
										<option <?php 
        if (isset($options['animate_title_area'])) {
            $animate_title_area = $options['animate_title_area'];
            if ($animate_title_area == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No animation</option>
										<option <?php 
        if (isset($options['animate_title_area'])) {
            $animate_title_area = $options['animate_title_area'];
            if ($animate_title_area == 'text_right_left') {
                echo "selected='selected'";
            }
        }
        ?>
 value="text_right_left">Text right to left</option>
										<option <?php 
        if (isset($options['animate_title_area'])) {
            $animate_title_area = $options['animate_title_area'];
            if ($animate_title_area == 'area_top_bottom') {
                echo "selected='selected'";
            }
        }
        ?>
 value="area_top_bottom">Title area top to bottom</option>
									</select>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Text shadow', 'qode');
        ?>
									<select name="qode_options_theme13[title_text_shadow]">
										<option <?php 
        if (isset($options['title_text_shadow'])) {
            $title_text_shadow = $options['title_text_shadow'];
            if ($title_text_shadow == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['title_text_shadow'])) {
            $title_text_shadow = $options['title_text_shadow'];
            if ($title_text_shadow == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['title_background_color'])) {
            echo 'background-color:' . esc_attr($options['title_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[title_background_color]" type="text" value="<?php 
        if (isset($options['title_background_color'])) {
            echo esc_attr($options['title_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Responsive title image', 'qode');
        ?>
									<select name="qode_options_theme13[responsive_title_image]">
										<option <?php 
        if (isset($options['responsive_title_image'])) {
            $responsive_title_image = $options['responsive_title_image'];
            if ($responsive_title_image == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['responsive_title_image'])) {
            $responsive_title_image = $options['responsive_title_image'];
            if ($responsive_title_image == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Parallax title image', 'qode');
        ?>
									<select name="qode_options_theme13[fixed_title_image]">
										<option <?php 
        if (isset($options['fixed_title_image'])) {
            $fixed_title_image = $options['fixed_title_image'];
            if ($fixed_title_image == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['fixed_title_image'])) {
            $fixed_title_image = $options['fixed_title_image'];
            if ($fixed_title_image == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
										<option <?php 
        if (isset($options['fixed_title_image'])) {
            $fixed_title_image = $options['fixed_title_image'];
            if ($fixed_title_image == 'yes_zoom') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes_zoom">Yes, with zoom out</option>
									</select>
									<?php 
        esc_html_e('Only if title image is not responsive', 'qode');
        ?>
								</div>
								<br/><br/>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Title image', 'qode');
        ?>
									<input type="text" id="title_image" name="qode_options_theme13[title_image]" class="title_image" value="<?php 
        if (isset($options['title_image'])) {
            echo esc_attr($options['title_image'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
								<br/><br/>
								<div class="inline" style="width: 880px;">
									<?php 
        esc_html_e('Title pattern overlay image', 'qode');
        ?>
									<input type="text" id="title_overlay_image" name="qode_options_theme13[title_overlay_image]" class="title_overlay_image" value="<?php 
        if (isset($options['title_overlay_image'])) {
            echo esc_attr($options['title_overlay_image'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Title height (px)', 'qode');
        ?>
									<input name="qode_options_theme13[title_height]" type="text" value="<?php 
        if (isset($options['title_height'])) {
            echo esc_attr($options['title_height'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									<?php 
        esc_html_e('Only if title image is not responsive', 'qode');
        ?>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Title position', 'qode');
        ?>
									<select name="qode_options_theme13[page_title_position]">
										<option <?php 
        if ($options['page_title_position'] == "left") {
            echo "selected='selected'";
        }
        ?>
 value="left">Left</option>
										<option <?php 
        if ($options['page_title_position'] == "center") {
            echo "selected='selected'";
        }
        ?>
 value="center">Center</option>
									</select>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Predefined title sizes', 'qode');
        ?>
									<select name="qode_options_theme13[predefined_title_sizes]">
										<option <?php 
        if (isset($options['predefined_title_sizes']) && $options['predefined_title_sizes'] == 'small') {
            echo "selected='selected'";
        }
        ?>
 value="small">Small</option>
										<option <?php 
        if (isset($options['predefined_title_sizes']) && $options['predefined_title_sizes'] == 'medium') {
            echo "selected='selected'";
        }
        ?>
 value="medium">Medium</option>
										<option <?php 
        if (isset($options['predefined_title_sizes']) && $options['predefined_title_sizes'] == 'large') {
            echo "selected='selected'";
        }
        ?>
 value="large">Large</option>
									</select>
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Footer</h2></td></tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Uncovering footer', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[uncovering_footer]">
										<option <?php 
        if (isset($options['uncovering_footer'])) {
            if ($options['uncovering_footer'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
										<option <?php 
        if (isset($options['uncovering_footer'])) {
            if ($options['uncovering_footer'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Footer in grid', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[footer_in_grid]">
										<option <?php 
        if (isset($options['footer_in_grid'])) {
            if ($options['footer_in_grid'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['footer_in_grid'])) {
            if ($options['footer_in_grid'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Show footer top', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[show_footer_top]">
										<option <?php 
        if (isset($options['show_footer_top'])) {
            if ($options['show_footer_top'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
										<option <?php 
        if (isset($options['show_footer_top'])) {
            if ($options['show_footer_top'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Footer top columns', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[footer_top_columns]">
										<option <?php 
        if (isset($options['footer_top_columns'])) {
            if ($options['footer_top_columns'] == "1") {
                echo "selected='selected'";
            }
        }
        ?>
 value="1">1</option>
										<option <?php 
        if (isset($options['footer_top_columns'])) {
            if ($options['footer_top_columns'] == "2") {
                echo "selected='selected'";
            }
        }
        ?>
 value="2">2</option>
										<option <?php 
        if (isset($options['footer_top_columns'])) {
            if ($options['footer_top_columns'] == "3") {
                echo "selected='selected'";
            }
        }
        ?>
 value="3">3</option>
										<option <?php 
        if (isset($options['footer_top_columns'])) {
            if ($options['footer_top_columns'] == "5") {
                echo "selected='selected'";
            }
        }
        ?>
 value="5">3(25%+25%+50%)</option>
										<option <?php 
        if (isset($options['footer_top_columns'])) {
            if ($options['footer_top_columns'] == "6") {
                echo "selected='selected'";
            }
        }
        ?>
 value="6">3(50%+25%+25%)</option>
										<option <?php 
        if (isset($options['footer_top_columns'])) {
            if ($options['footer_top_columns'] == "4") {
                echo "selected='selected'";
            }
        }
        ?>
 value="4">4</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Show footer bottom', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[footer_text]">
										<option <?php 
        if ($options['footer_text'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
										<option <?php 
        if ($options['footer_text'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>

									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Footer separator color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['footer_separator_color']) && $options['footer_separator_color']) {
            echo 'background-color:' . esc_attr($options['footer_separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[footer_separator_color]" type="text" value="<?php 
        if (isset($options['footer_separator_color']) && $options['footer_separator_color']) {
            echo esc_attr($options['footer_separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Footer top colors', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Title color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_top_title_color']) {
            echo 'background-color:' . esc_attr($options['footer_top_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[footer_top_title_color]" type="text" value="<?php 
        if ($options['footer_top_title_color']) {
            echo esc_attr($options['footer_top_title_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_top_text_color']) {
            echo 'background-color:' . esc_attr($options['footer_top_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[footer_top_text_color]" type="text" value="<?php 
        if ($options['footer_top_text_color']) {
            echo esc_attr($options['footer_top_text_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Link color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['footer_link_color'])) {
            echo 'background-color:' . esc_attr($options['footer_link_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[footer_link_color]" type="text" value="<?php 
        if (isset($options['footer_link_color'])) {
            echo esc_attr($options['footer_link_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Link hover color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['footer_link_hover_color'])) {
            echo 'background-color:' . esc_attr($options['footer_link_hover_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[footer_link_hover_color]" type="text" value="<?php 
        if (isset($options['footer_link_hover_color'])) {
            echo esc_attr($options['footer_link_hover_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_top_background_color']) {
            echo 'background-color:' . esc_attr($options['footer_top_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[footer_top_background_color]" type="text" value="<?php 
        if ($options['footer_top_background_color']) {
            echo esc_attr($options['footer_top_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Footer bottom colors', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Text color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_bottom_text_color']) {
            echo 'background-color:' . esc_attr($options['footer_bottom_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[footer_bottom_text_color]" type="text" value="<?php 
        if ($options['footer_bottom_text_color']) {
            echo esc_attr($options['footer_bottom_text_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_bottom_background_color']) {
            echo 'background-color:' . esc_attr($options['footer_bottom_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[footer_bottom_background_color]" type="text" value="<?php 
        if (isset($options['footer_bottom_background_color'])) {
            echo esc_attr($options['footer_bottom_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Elements</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Separator</h2></td></tr>
						<tr valign="middle">
							<td valign="middle"></td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['separator_color'])) {
            echo 'background-color:' . esc_attr($options['separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[separator_color]" type="text" value="<?php 
        if (isset($options['separator_color'])) {
            echo esc_attr($options['separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Thickness (px)', 'qode');
        ?>
									<input name="qode_options_theme13[separator_thickness]" type="text" value="<?php 
        if ($options['separator_thickness']) {
            echo esc_attr($options['separator_thickness'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Top margin (px)', 'qode');
        ?>
									<input name="qode_options_theme13[separator_topmargin]" type="text" value="<?php 
        if ($options['separator_topmargin']) {
            echo esc_attr($options['separator_topmargin'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Bottom margin (px)', 'qode');
        ?>
									<input name="qode_options_theme13[separator_bottommargin]" type="text" value="<?php 
        if ($options['separator_bottommargin']) {
            echo esc_attr($options['separator_bottommargin'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Buttons</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Button style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['button_title_color']) {
            echo 'background-color:' . esc_attr($options['button_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[button_title_color]" type="text" value="<?php 
        if ($options['button_title_color']) {
            echo esc_attr($options['button_title_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['button_title_hovercolor']) {
            echo 'background-color:' . esc_attr($options['button_title_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[button_title_hovercolor]" type="text" value="<?php 
        if ($options['button_title_hovercolor']) {
            echo esc_attr($options['button_title_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[button_title_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['button_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_theme13[button_title_fontsize]" type="text" value="<?php 
        if ($options['button_title_fontsize']) {
            echo esc_attr($options['button_title_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_theme13[button_title_lineheight]" type="text" value="<?php 
        if ($options['button_title_lineheight']) {
            echo esc_attr($options['button_title_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_theme13[button_title_fontstyle]">
										<option <?php 
        if ($options['button_title_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['button_title_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['button_title_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_theme13[button_title_fontweight]">
										<option <?php 
        if ($options['button_title_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['button_title_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Hover background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['button_backgroundcolor_hover']) && $options['button_backgroundcolor_hover']) {
            echo 'background-color:' . esc_attr($options['button_backgroundcolor_hover'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[button_backgroundcolor_hover]" type="text" value="<?php 
        if (isset($options['button_backgroundcolor_hover']) && $options['button_backgroundcolor_hover']) {
            echo esc_attr($options['button_backgroundcolor_hover'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
                                <div class="inline">
                                    <?php 
        esc_html_e('Top gradient color', 'qode');
        ?>
                                    <div class="colorSelector"><div style="<?php 
        if ($options['button_top_gradient_color']) {
            echo 'background-color:' . esc_attr($options['button_top_gradient_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                                    <input name="qode_options_theme13[button_top_gradient_color]" type="text" value="<?php 
        if ($options['button_top_gradient_color']) {
            echo esc_attr($options['button_top_gradient_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                                </div>
                                <div class="inline">
                                    <?php 
        esc_html_e('Bottom gradient color', 'qode');
        ?>
                                    <div class="colorSelector"><div style="<?php 
        if ($options['button_bottom_gradient_color']) {
            echo 'background-color:' . esc_attr($options['button_bottom_gradient_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                                    <input name="qode_options_theme13[button_bottom_gradient_color]" type="text" value="<?php 
        if ($options['button_bottom_gradient_color']) {
            echo esc_attr($options['button_bottom_gradient_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                                </div>
                                <div class="inline">
                                    <?php 
        esc_html_e('Border color', 'qode');
        ?>
                                    <div class="colorSelector"><div style="<?php 
        if ($options['button_border_color']) {
            echo 'background-color:' . esc_attr($options['button_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                                    <input name="qode_options_theme13[button_border_color]" type="text" value="<?php 
        if ($options['button_border_color']) {
            echo esc_attr($options['button_border_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                                </div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Message box</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Message box style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['message_title_color']) {
            echo 'background-color:' . esc_attr($options['message_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[message_title_color]" type="text" value="<?php 
        if ($options['message_title_color']) {
            echo esc_attr($options['message_title_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_theme13[message_title_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['message_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_theme13[message_title_fontsize]" type="text" value="<?php 
        if ($options['message_title_fontsize']) {
            echo esc_attr($options['message_title_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_theme13[message_title_lineheight]" type="text" value="<?php 
        if ($options['message_title_lineheight']) {
            echo esc_attr($options['message_title_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_theme13[message_title_fontstyle]">
										<option <?php 
        if ($options['message_title_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['message_title_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['message_title_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_theme13[message_title_fontweight]">
										<option <?php 
        if ($options['message_title_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['message_title_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['message_backgroundcolor']) {
            echo 'background-color:' . esc_attr($options['message_backgroundcolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[message_backgroundcolor]" type="text" value="<?php 
        if ($options['message_backgroundcolor']) {
            echo esc_attr($options['message_backgroundcolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['message_bordercolor']) && $options['message_bordercolor']) {
            echo 'background-color:' . esc_attr($options['message_bordercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[message_bordercolor]" type="text" value="<?php 
        if (isset($options['message_bordercolor']) && $options['message_bordercolor']) {
            echo esc_attr($options['message_bordercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Message icon style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['message_icon_color']) && $options['message_icon_color']) {
            echo 'background-color:' . esc_attr($options['message_icon_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[message_icon_color]" type="text" value="<?php 
        if (isset($options['message_icon_color']) && $options['message_icon_color']) {
            echo esc_attr($options['message_icon_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_theme13[message_icon_fontsize]" type="text" value="<?php 
        if (isset($options['message_icon_fontsize']) && $options['message_icon_fontsize']) {
            echo esc_attr($options['message_icon_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Blockquote</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Blockquote style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['blockquote_font_color']) {
            echo 'background-color:' . esc_attr($options['blockquote_font_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[blockquote_font_color]" type="text" value="<?php 
        if ($options['blockquote_font_color']) {
            echo esc_attr($options['blockquote_font_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['blockquote_background_color']) && $options['blockquote_background_color']) {
            echo 'background-color:' . esc_attr($options['blockquote_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[blockquote_background_color]" type="text" value="<?php 
        if (isset($options['blockquote_background_color']) && $options['blockquote_background_color']) {
            echo esc_attr($options['blockquote_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['blockquote_border_color']) && $options['blockquote_border_color']) {
            echo 'background-color:' . esc_attr($options['blockquote_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[blockquote_border_color]" type="text" value="<?php 
        if (isset($options['blockquote_border_color']) && $options['blockquote_border_color']) {
            echo esc_attr($options['blockquote_border_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
                                <div class="inline">
									<?php 
        esc_html_e('Quote Icon Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['blockquote_quote_icon_color']) && $options['blockquote_quote_icon_color']) {
            echo 'background-color:' . esc_attr($options['blockquote_quote_icon_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[blockquote_quote_icon_color]" type="text" value="<?php 
        if (isset($options['blockquote_quote_icon_color']) && $options['blockquote_quote_icon_color']) {
            echo esc_attr($options['blockquote_quote_icon_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Pricing Table</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Pricing table style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Gradient Top Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['pricing_table_top_color'])) {
            echo 'background-color:' . esc_attr($options['pricing_table_top_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[pricing_table_top_color]" type="text" value="<?php 
        if (isset($options['pricing_table_top_color'])) {
            echo esc_attr($options['pricing_table_top_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Gradient Bottom Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['pricing_table_bottom_color'])) {
            echo 'background-color:' . esc_attr($options['pricing_table_bottom_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[pricing_table_bottom_color]" type="text" value="<?php 
        if (isset($options['pricing_table_bottom_color'])) {
            echo esc_attr($options['pricing_table_bottom_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['pricing_table_border_color'])) {
            echo 'background-color:' . esc_attr($options['pricing_table_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[pricing_table_border_color]" type="text" value="<?php 
        if (isset($options['pricing_table_border_color'])) {
            echo esc_attr($options['pricing_table_border_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Social Icon</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background Color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Icon Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['social_icon_color']) {
            echo 'background-color:' . esc_attr($options['social_icon_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[social_icon_color]" type="text" value="<?php 
        if (isset($options['social_icon_color']) && $options['social_icon_color']) {
            echo esc_attr($options['social_icon_color'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
                                <div class="inline">
									<?php 
        esc_html_e('Top Gradient Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['social_icon_top_gradient_background_color']) {
            echo 'background-color:' . esc_attr($options['social_icon_top_gradient_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[social_icon_top_gradient_background_color]" type="text" value="<?php 
        if (isset($options['social_icon_top_gradient_background_color']) && $options['social_icon_top_gradient_background_color']) {
            echo esc_attr($options['social_icon_top_gradient_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
                                <div class="inline">
									<?php 
        esc_html_e('Bottom Gradient Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['social_icon_bottom_gradient_background_color']) {
            echo 'background-color:' . esc_attr($options['social_icon_bottom_gradient_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[social_icon_bottom_gradient_background_color]" type="text" value="<?php 
        if (isset($options['social_icon_bottom_gradient_background_color']) && $options['social_icon_bottom_gradient_background_color']) {
            echo esc_attr($options['social_icon_bottom_gradient_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
                                <div class="inline">
									<?php 
        esc_html_e('Icon Border Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['social_icon_border_color']) {
            echo 'background-color:' . esc_attr($options['social_icon_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[social_icon_border_color]" type="text" value="<?php 
        if (isset($options['social_icon_border_color']) && $options['social_icon_border_color']) {
            echo esc_attr($options['social_icon_border_color'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Smooth Scroll</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Smooth scroll style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['smooth_background_color']) {
            echo 'background-color:' . esc_attr($options['smooth_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[smooth_background_color]" type="text" value="<?php 
        if (isset($options['smooth_background_color'])) {
            if ($options['smooth_background_color']) {
                echo esc_attr($options['smooth_background_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Bar color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['smooth_bar_color']) {
            echo 'background-color:' . esc_attr($options['smooth_bar_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[smooth_bar_color]" type="text" value="<?php 
        if (isset($options['smooth_bar_color'])) {
            if ($options['smooth_bar_color']) {
                echo esc_attr($options['smooth_bar_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Side Area</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Side Area', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[enable_side_area]">
										<option <?php 
        if (isset($options['enable_side_area']) && $options['enable_side_area'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">yes</option>
										<option <?php 
        if (isset($options['enable_side_area']) && $options['enable_side_area'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">no</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Side Area Title', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<input name="qode_options_theme13[side_area_title]" type="text" value="<?php 
        if (isset($options['side_area_title'])) {
            if ($options['side_area_title']) {
                echo esc_attr($options['side_area_title'], 'qode');
            }
        }
        ?>
" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background Color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['side_area_background_color']) && $options['side_area_background_color']) {
            echo 'background-color:' . esc_attr($options['side_area_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[side_area_background_color]" type="text" value="<?php 
        if (isset($options['side_area_background_color'])) {
            if ($options['side_area_background_color']) {
                echo esc_attr($options['side_area_background_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Text Color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['side_area_text_color']) && $options['side_area_text_color']) {
            echo 'background-color:' . esc_attr($options['side_area_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[side_area_text_color]" type="text" value="<?php 
        if (isset($options['side_area_text_color'])) {
            if ($options['side_area_text_color']) {
                echo esc_attr($options['side_area_text_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Title Color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['side_area_title_color']) && $options['side_area_title_color']) {
            echo 'color:' . esc_attr($options['side_area_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[side_area_title_color]" type="text" value="<?php 
        if (isset($options['side_area_title_color'])) {
            if ($options['side_area_title_color']) {
                echo esc_attr($options['side_area_title_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Content Bottom Area</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Content Bottom Area', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[enable_content_bottom_area]">
										<option <?php 
        if (isset($options['enable_content_bottom_area']) && $options['enable_content_bottom_area'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">yes</option>
										<option <?php 
        if (isset($options['enable_content_bottom_area']) && $options['enable_content_bottom_area'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">no</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Content bottom sidebar to display', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[content_bottom_sidebar_custom_display]">
									<option value="" <?php 
        if (isset($options['content_bottom_sidebar_custom_display'])) {
            $content_bottom_sidebar_custom_display = $options['content_bottom_sidebar_custom_display'];
            if ($content_bottom_sidebar_custom_display == "") {
                echo "selected='selected'";
            }
        }
        ?>
></option>
									<?php 
        foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) {
            if (isUserMadeSidebar(ucwords($sidebar['name']))) {
                ?>
										<option value="<?php 
                echo ucwords($sidebar['id']);
                ?>
" <?php 
                if (isset($options['content_bottom_sidebar_custom_display'])) {
                    $content_bottom_sidebar_custom_display = $options['content_bottom_sidebar_custom_display'];
                    if ($content_bottom_sidebar_custom_display == ucwords($sidebar['id'])) {
                        echo "selected='selected'";
                    }
                }
                ?>
>
											<?php 
                echo ucwords($sidebar['name']);
                ?>
										</option>
										<?php 
            }
        }
        ?>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td valign="middle" width="150"><?php 
        esc_html_e('Content bottom in grid', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[content_bottom_in_grid]">
										<option <?php 
        if (isset($options['content_bottom_in_grid'])) {
            if ($options['content_bottom_in_grid'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['content_bottom_in_grid'])) {
            if ($options['content_bottom_in_grid'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background Color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['content_bottom_background_color']) && $options['content_bottom_background_color']) {
            echo 'background-color:' . esc_attr($options['content_bottom_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_theme13[content_bottom_background_color]" type="text" value="<?php 
        if (isset($options['content_bottom_background_color'])) {
            if ($options['content_bottom_background_color']) {
                echo esc_attr($options['content_bottom_background_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Parallax</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Parallax speed', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<input name="qode_options_theme13[parallax_speed]" type="text" value="<?php 
        if ($options['parallax_speed']) {
            echo esc_attr($options['parallax_speed'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Parallax on touch devices', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[parallax_onoff]">
									<option <?php 
        if ($options['parallax_onoff'] == "on") {
            echo "selected='selected'";
        }
        ?>
 value="on">on</option>
									<option <?php 
        if ($options['parallax_onoff'] == "off") {
            echo "selected='selected'";
        }
        ?>
 value="off">off</option>
								</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Parallax min height (px)', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<input name="qode_options_theme13[parallax_minheight]" type="text" value="<?php 
        if ($options['parallax_minheight']) {
            echo esc_attr($options['parallax_minheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									<?php 
        esc_html_e('Set min-height for last two stages', 'qode');
        ?>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<h3>Portfolio</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Portfolio single</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Portfolio style', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[portfolio_style]">
									<option <?php 
        if ($options['portfolio_style'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Portfolio small images</option>
									<option <?php 
        if ($options['portfolio_style'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2">Portfolio small slider</option>
									<option <?php 
        if ($options['portfolio_style'] == 5) {
            echo "selected='selected'";
        }
        ?>
 value="5">Portfolio big images</option>
									<option <?php 
        if ($options['portfolio_style'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3">Portfolio big slider</option>
									<option <?php 
        if ($options['portfolio_style'] == 4) {
            echo "selected='selected'";
        }
        ?>
 value="4">Portfolio custom</option>
									<option <?php 
        if ($options['portfolio_style'] == 7) {
            echo "selected='selected'";
        }
        ?>
 value="7">Portfolio full width custom</option>
									<option <?php 
        if ($options['portfolio_style'] == 6) {
            echo "selected='selected'";
        }
        ?>
 value="6">Portfolio gallery</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Portfolio Qode Like', 'qode');
        ?>
</td>
								<td>
									<select name="qode_options_theme13[portfolio_qode_like]">
										<option <?php 
        if (isset($options['portfolio_qode_like'])) {
            $portfolio_qode_like = $options['portfolio_qode_like'];
            if ($portfolio_qode_like == 'on') {
                echo "selected='selected'";
            }
        }
        ?>
 value="on">On</option>
										<option <?php 
        if (isset($options['portfolio_qode_like'])) {
            $portfolio_qode_like = $options['portfolio_qode_like'];
            if ($portfolio_qode_like == 'off') {
                echo "selected='selected'";
            }
        }
        ?>
 value="off">Off</option>
									</select>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Lightbox for single project', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[lightbox_single_project]">
										<option <?php 
        if (isset($options['lightbox_single_project'])) {
            $lightbox_single_project = $options['lightbox_single_project'];
            if ($lightbox_single_project == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['lightbox_single_project'])) {
            $lightbox_single_project = $options['lightbox_single_project'];
            if ($lightbox_single_project == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Number of columns for Portfolio gallery style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_theme13[portfolio_columns_number]">
										<option <?php 
        if (isset($options['portfolio_columns_number'])) {
            $portfolio_columns_number = $options['portfolio_columns_number'];
            if ($options['portfolio_columns_number'] == 2) {
                echo "selected='selected'";
            }
        }
        ?>
 value="2">2 columns</option>
										<option <?php 
        if (isset($options['portfolio_columns_number'])) {
            $portfolio_columns_number = $options['portfolio_columns_number'];
            if ($options['portfolio_columns_number'] == 3) {
                echo "selected='selected'";
            }
        }
        ?>
 value="3">3 columns</option>
										<option <?php 
        if (isset($options['portfolio_columns_number'])) {
            $portfolio_columns_number = $options['portfolio_columns_number'];
            if ($options['portfolio_columns_number'] == 4) {
                echo "selected='selected'";
            }
        }
        ?>
 value="4">4 columns</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Portfolio single slug', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<input name="qode_options_theme13[portfolio_single_slug]" type="text" value="<?php 
        if (isset($options['portfolio_single_slug']) && $options['portfolio_single_slug'] != "") {
            echo esc_attr($options['portfolio_single_slug'], 'qode');
        }
        ?>
" />
									<?php 
        echo sprintf(__('When you put the slug for portfolio page, you should navigate to ', 'qode') . '<code>%s</code>' . __(' and click save button.', 'qode'), '<a href="' . admin_url('options-permalink.php') . '">' . __('Settings -> Permalinks', 'qode') . '</a>');
        ?>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Blog</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Quote/Link box color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['blog_quote_link_box_color']) {
            echo 'background-color:' . esc_attr($options['blog_quote_link_box_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_theme13[blog_quote_link_box_color]" type="text" value="<?php 
        if (isset($options['blog_quote_link_box_color']) && $options['blog_quote_link_box_color']) {
            echo esc_attr($options['blog_quote_link_box_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr><td colspan='2'><h2>Blog list</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Pagination', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[pagination]">
									<option <?php 
        if ($options['pagination'] == 0) {
            echo "selected='selected'";
        }
        ?>
 value="0">No</option>
									<option <?php 
        if ($options['pagination'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Choose blog layout', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[blog_style]">
									<option <?php 
        if ($options['blog_style'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1"><?php 
        esc_html_e('Blog Large Image', 'qode');
        ?>
</option>
									<option <?php 
        if ($options['blog_style'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2"><?php 
        esc_html_e('Blog Masonry', 'qode');
        ?>
</option>
									<option <?php 
        if ($options['blog_style'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3"><?php 
        esc_html_e('Blog Large Image Whole Post', 'qode');
        ?>
</option>
									<option <?php 
        if ($options['blog_style'] == 4) {
            echo "selected='selected'";
        }
        ?>
 value="4"><?php 
        esc_html_e('Blog Small Image', 'qode');
        ?>
</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Blog sidebar', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[category_blog_sidebar]">
									<option <?php 
        if ($options['category_blog_sidebar'] == "default") {
            echo "selected='selected'";
        }
        ?>
 value="default">No Sidebar</option>
									<option <?php 
        if ($options['category_blog_sidebar'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Sidebar 1/3 right</option>
									<option <?php 
        if ($options['category_blog_sidebar'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2">Sidebar 1/4 right</option>
									<option <?php 
        if ($options['category_blog_sidebar'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3">Sidebar 1/3 left</option>
									<option <?php 
        if ($options['category_blog_sidebar'] == 4) {
            echo "selected='selected'";
        }
        ?>
 value="4">Sidebar 1/4 left</option>

								</select>
								<?php 
        esc_html_e('For category list', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Hide comments', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[blog_hide_comments]">
									<option <?php 
        if (isset($options['blog_hide_comments'])) {
            $blog_hide_comments = $options['blog_hide_comments'];
            if ($blog_hide_comments == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['blog_hide_comments'])) {
            $blog_hide_comments = $options['blog_hide_comments'];
            if ($blog_hide_comments == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Blog Qode Like', 'qode');
        ?>
</td>
								<td>
									<select name="qode_options_theme13[qode_like]">
										<option <?php 
        if (isset($options['qode_like'])) {
            $qode_like = $options['qode_like'];
            if ($qode_like == 'on') {
                echo "selected='selected'";
            }
        }
        ?>
 value="on">On</option>
										<option <?php 
        if (isset($options['qode_like'])) {
            $qode_like = $options['qode_like'];
            if ($qode_like == 'off') {
                echo "selected='selected'";
            }
        }
        ?>
 value="off">Off</option>
									</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Page Range For Pagination', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[blog_page_range]" type="text" value="<?php 
        if (isset($options['blog_page_range']) && $options['blog_page_range']) {
            echo esc_attr($options['blog_page_range'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Number of words', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[number_of_chars]" type="text" value="<?php 
        if (isset($options['number_of_chars']) && $options['number_of_chars']) {
            echo esc_attr($options['number_of_chars'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								<?php 
        esc_html_e('Number of words in blog listing', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Number of words in masonry blog template', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[number_of_chars_masonry]" type="text" value="<?php 
        if (isset($options['number_of_chars_masonry']) && $options['number_of_chars_masonry']) {
            echo esc_attr($options['number_of_chars_masonry'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Number of words in large image blog template', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[number_of_chars_large_image]" type="text" value="<?php 
        if (isset($options['number_of_chars_large_image']) && $options['number_of_chars_large_image']) {
            echo esc_attr($options['number_of_chars_large_image'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
							</td>
						</tr><tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Number of words in small image blog template', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[number_of_chars_small_image]" type="text" value="<?php 
        if (isset($options['number_of_chars_small_image'])) {
            echo esc_attr($options['number_of_chars_small_image'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr><td colspan='2'><h2>Blog single</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Sidebar layout', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[blog_single_sidebar]">
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == "default") {
                echo "selected='selected'";
            }
        }
        ?>
 value="default">No Sidebar</option>
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == 1) {
                echo "selected='selected'";
            }
        }
        ?>
 value="1">Sidebar 1/3 right</option>
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == 2) {
                echo "selected='selected'";
            }
        }
        ?>
 value="2">Sidebar 1/4 right</option>
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == 3) {
                echo "selected='selected'";
            }
        }
        ?>
 value="3">Sidebar 1/3 left</option>
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == 4) {
                echo "selected='selected'";
            }
        }
        ?>
 value="4">Sidebar 1/4 left</option>

								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Sidebar to display', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[blog_single_sidebar_custom_display]">
									<option value="" <?php 
        if (isset($options['blog_single_sidebar_custom_display'])) {
            $blog_single_sidebar_custom_display = $options['blog_single_sidebar_custom_display'];
            if ($blog_single_sidebar_custom_display == "") {
                echo "selected='selected'";
            }
        }
        ?>
></option>
									<?php 
        foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) {
            if (isUserMadeSidebar(ucwords($sidebar['name']))) {
                ?>
										<option value="<?php 
                echo ucwords($sidebar['id']);
                ?>
" <?php 
                if (isset($options['blog_single_sidebar_custom_display'])) {
                    $blog_single_sidebar_custom_display = $options['blog_single_sidebar_custom_display'];
                    if ($blog_single_sidebar_custom_display == ucwords($sidebar['id'])) {
                        echo "selected='selected'";
                    }
                }
                ?>
>
											<?php 
                echo ucwords($sidebar['name']);
                ?>
										</option>
										<?php 
            }
        }
        ?>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Show Blog Author', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[blog_author_info]">
									<option <?php 
        if (isset($options['blog_author_info'])) {
            $blog_author_info = $options['blog_author_info'];
            if ($blog_author_info == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['blog_author_info'])) {
            $blog_author_info = $options['blog_author_info'];
            if ($blog_author_info == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>

							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3><?php 
        esc_html_e('Contact page', 'qode');
        ?>
</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Mail send to', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[receive_mail]" type="text" value="<?php 
        if ($options['receive_mail']) {
            echo esc_attr($options['receive_mail'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Contact Form', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[enable_contact_form]">
									<option <?php 
        if ($options['enable_contact_form'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
									<option <?php 
        if ($options['enable_contact_form'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Hide Website Field', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[hide_contact_form_website]">
									<option <?php 
        if (isset($options['hide_contact_form_website'])) {
            $hide_contact_form_website = $options['hide_contact_form_website'];
            if ($hide_contact_form_website == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['hide_contact_form_website'])) {
            $hide_contact_form_website = $options['hide_contact_form_website'];
            if ($hide_contact_form_website == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Email From', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[email_from]" type="text" value="<?php 
        if ($options['email_from']) {
            echo esc_attr($options['email_from'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Email Subject', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[email_subject]" type="text" value="<?php 
        if ($options['email_subject']) {
            echo esc_attr($options['email_subject'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Use reCaptcha', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[use_recaptcha]">
									<option <?php 
        if ($options['use_recaptcha'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
									<option <?php 
        if ($options['use_recaptcha'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('ReCaptcha public key', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[recaptcha_public_key]" type="text" value="<?php 
        if ($options['recaptcha_public_key']) {
            echo esc_attr($options['recaptcha_public_key'], 'qode');
        }
        ?>
"  />

							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('ReCaptcha private key', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[recaptcha_private_key]" type="text" value="<?php 
        if ($options['recaptcha_private_key']) {
            echo esc_attr($options['recaptcha_private_key'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Heading above contact form', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[contact_heading_above]" type="text" value="<?php 
        if ($options['contact_heading_above']) {
            echo esc_attr($options['contact_heading_above'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Google Map', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[enable_google_map]">
									<option <?php 
        if ($options['enable_google_map'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
									<option <?php 
        if ($options['enable_google_map'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<?php 
        if ($options['enable_google_map'] == "yes") {
            ?>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
            esc_html_e('Pin image', 'qode');
            ?>
</td>
							<td>
								<div class="inline" style="width: 705px;">
								<input type="text" id="google_maps_pin_image" name="qode_options_theme13[google_maps_pin_image]" class="google_maps_pin_image" value="<?php 
            if (isset($options['google_maps_pin_image'])) {
                echo esc_attr($options['google_maps_pin_image'], 'qode');
            } else {
                echo QODE_ROOT . "/img/pin.png";
            }
            ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address" name="qode_options_theme13[google_maps_address]" value="<?php 
            if (isset($options['google_maps_address'])) {
                echo esc_attr($options['google_maps_address'], 'qode');
            }
            ?>
" size="130" />
								<?php 
            esc_html_e('Example (Louvre Museum, Paris, France)', 'qode');
            ?>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address 2', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address2" name="qode_options_theme13[google_maps_address2]" value="<?php 
            if (isset($options['google_maps_address2'])) {
                echo esc_attr($options['google_maps_address2'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address 3', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address3" name="qode_options_theme13[google_maps_address3]" value="<?php 
            if (isset($options['google_maps_address3'])) {
                echo esc_attr($options['google_maps_address3'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address 4', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address4" name="qode_options_theme13[google_maps_address4]" value="<?php 
            if (isset($options['google_maps_address4'])) {
                echo esc_attr($options['google_maps_address4'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address 5', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address5" name="qode_options_theme13[google_maps_address5]" value="<?php 
            if (isset($options['google_maps_address5'])) {
                echo esc_attr($options['google_maps_address5'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map zoom', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_zoom" name="qode_options_theme13[google_maps_zoom]" value="<?php 
            if (isset($options['google_maps_zoom'])) {
                echo esc_attr($options['google_maps_zoom'], 'qode');
            }
            ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map height (px)', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_height" name="qode_options_theme13[google_maps_height]" value="<?php 
            if (isset($options['google_maps_height'])) {
                echo esc_attr($options['google_maps_height'], 'qode');
            }
            ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map style', 'qode');
            ?>
</td>
							<td>
								<select name="qode_options_theme13[google_maps_style]">
									<option <?php 
            if (isset($options['google_maps_style'])) {
                $google_maps_style = $options['google_maps_style'];
                if ($google_maps_style == 'no') {
                    echo "selected='selected'";
                }
            }
            ?>
 value="no">No</option>
									<option <?php 
            if (isset($options['google_maps_style'])) {
                $google_maps_style = $options['google_maps_style'];
                if ($google_maps_style == 'yes') {
                    echo "selected='selected'";
                }
            }
            ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map color', 'qode');
            ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
            if ($options['google_maps_color']) {
                echo 'background-color:' . esc_attr($options['google_maps_color'], 'qode') . ';';
            }
            ?>
"></div></div>
									<input name="qode_options_theme13[google_maps_color]" type="text" value="<?php 
            if (isset($options['google_maps_color'])) {
                if ($options['google_maps_color']) {
                    echo esc_attr($options['google_maps_color'], 'qode');
                }
            }
            ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map scroll on mouse wheel', 'qode');
            ?>
</td>
							<td>
								<select name="qode_options_theme13[google_maps_scroll_wheel]">
									<option <?php 
            if (isset($options['google_maps_scroll_wheel'])) {
                $google_maps_scroll_wheel = $options['google_maps_scroll_wheel'];
                if ($google_maps_scroll_wheel == 'no') {
                    echo "selected='selected'";
                }
            }
            ?>
 value="no">No</option>
									<option <?php 
            if (isset($options['google_maps_scroll_wheel'])) {
                $google_maps_scroll_wheel = $options['google_maps_scroll_wheel'];
                if ($google_maps_scroll_wheel == 'yes') {
                    echo "selected='selected'";
                }
            }
            ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<?php 
        }
        ?>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>404 page</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Title', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[404_title]" type="text" value="<?php 
        if ($options['404_title']) {
            echo esc_attr($options['404_title'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Subtitle', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[404_subtitle]" type="text" value="<?php 
        if (isset($options['404_subtitle']) && $options['404_subtitle']) {
            echo esc_attr($options['404_subtitle'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Text', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[404_text]" type="text" value="<?php 
        if ($options['404_text']) {
            echo esc_attr($options['404_text'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Back to home label', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_theme13[404_backlabel]" type="text" value="<?php 
        if ($options['404_backlabel']) {
            echo esc_attr($options['404_backlabel'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Social</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Social Share', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_theme13[enable_social_share]">
									<option <?php 
        if (isset($options['enable_social_share'])) {
            $enable_social_share = $options['enable_social_share'];
            if ($enable_social_share == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['enable_social_share'])) {
            $enable_social_share = $options['enable_social_share'];
            if ($enable_social_share == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Facebook', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Facebook', 'qode');
        ?>
									<select name="qode_options_theme13[enable_facebook_share]">
										<option <?php 
        if (isset($options['enable_facebook_share'])) {
            $enable_facebook_share = $options['enable_facebook_share'];
            if ($enable_facebook_share == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_facebook_share'])) {
            $enable_facebook_share = $options['enable_facebook_share'];
            if ($enable_facebook_share == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Share Icon', 'qode');
        ?>
									<input type="text" id="facebook_icon" name="qode_options_theme13[facebook_icon]" class="facebook_icon" value="<?php 
        if (isset($options['facebook_icon'])) {
            echo esc_attr($options['facebook_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Twitter', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Twitter', 'qode');
        ?>
									<select name="qode_options_theme13[enable_twitter_share]">
										<option <?php 
        if (isset($options['enable_twitter_share'])) {
            $enable_twitter_share = $options['enable_twitter_share'];
            if ($enable_twitter_share == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_twitter_share'])) {
            $enable_twitter_share = $options['enable_twitter_share'];
            if ($enable_twitter_share == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Share Icon', 'qode');
        ?>
									<input type="text" id="twitter_icon" name="qode_options_theme13[twitter_icon]" class="twitter_icon" value="<?php 
        if (isset($options['twitter_icon'])) {
            echo esc_attr($options['twitter_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Via', 'qode');
        ?>
									<input name="qode_options_theme13[twitter_via]" type="text" value="<?php 
        if (isset($options['twitter_via'])) {
            echo esc_attr($options['twitter_via'], 'qode');
        }
        ?>
"  />
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Google +', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Google +', 'qode');
        ?>
									<select name="qode_options_theme13[enable_google_plus]">
										<option <?php 
        if (isset($options['enable_google_plus'])) {
            $enable_google_plus = $options['enable_google_plus'];
            if ($enable_google_plus == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_google_plus'])) {
            $enable_google_plus = $options['enable_google_plus'];
            if ($enable_google_plus == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Share Icon', 'qode');
        ?>
									<input type="text" id="google_plus_icon" name="qode_options_theme13[google_plus_icon]" class="google_plus_icon" value="<?php 
        if (isset($options['google_plus_icon'])) {
            echo esc_attr($options['google_plus_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('LinkedIn', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable LinkedIn', 'qode');
        ?>
									<select name="qode_options_theme13[enable_linkedin]">
										<option <?php 
        if (isset($options['enable_linkedin'])) {
            $enable_linkedin = $options['enable_linkedin'];
            if ($enable_linkedin == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_linkedin'])) {
            $enable_linkedin = $options['enable_linkedin'];
            if ($enable_linkedin == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Share Icon', 'qode');
        ?>
									<input type="text" id="linkedin_icon" name="qode_options_theme13[linkedin_icon]" class="linkedin_icon" value="<?php 
        if (isset($options['linkedin_icon'])) {
            echo esc_attr($options['linkedin_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Tumblr', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Tumblr', 'qode');
        ?>
									<select name="qode_options_theme13[enable_tumblr]">
										<option <?php 
        if (isset($options['enable_tumblr'])) {
            $enable_tumblr = $options['enable_tumblr'];
            if ($enable_tumblr == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_tumblr'])) {
            $enable_tumblr = $options['enable_tumblr'];
            if ($enable_tumblr == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Tumblr Icon', 'qode');
        ?>
									<input type="text" id="tumblr_icon" name="qode_options_theme13[tumblr_icon]" class="tumblr_icon" value="<?php 
        if (isset($options['tumblr_icon'])) {
            echo esc_attr($options['tumblr_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Pinterest', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Pinterest', 'qode');
        ?>
									<select name="qode_options_theme13[enable_pinterest]">
										<option <?php 
        if (isset($options['enable_pinterest'])) {
            $enable_pinterest = $options['enable_pinterest'];
            if ($enable_pinterest == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_pinterest'])) {
            $enable_pinterest = $options['enable_pinterest'];
            if ($enable_pinterest == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Pinterest Icon', 'qode');
        ?>
									<input type="text" id="pinterest_icon" name="qode_options_theme13[pinterest_icon]" class="pinterest_icon" value="<?php 
        if (isset($options['pinterest_icon'])) {
            echo esc_attr($options['pinterest_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('VK', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable VK', 'qode');
        ?>
									<select name="qode_options_theme13[enable_vk]">
										<option <?php 
        if (isset($options['enable_vk'])) {
            $enable_vk = $options['enable_vk'];
            if ($enable_vk == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_vk'])) {
            $enable_vk = $options['enable_vk'];
            if ($enable_vk == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('VK Icon', 'qode');
        ?>
									<input type="text" id="vk_icon" name="qode_options_theme13[vk_icon]" class="vk_icon" value="<?php 
        if (isset($options['vk_icon'])) {
            echo esc_attr($options['vk_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Show For', 'qode');
        ?>
</td>
							<td>
							<?php 
        $args_post_types = array('public' => true);
        $post_types = get_post_types($args_post_types);
        foreach ($post_types as $post_type) {
            $post_type_object = get_post_type_object($post_type);
            ?>
								 <input type="checkbox" value="<?php 
            echo $post_type;
            ?>
" <?php 
            if (isset($options["post_types_names_{$post_type}"]) && $options["post_types_names_{$post_type}"] == "{$post_type}") {
                echo "checked='checked'";
            }
            ?>
 name="qode_options_theme13[post_types_names_<?php 
            echo $post_type;
            ?>
]" /><?php 
            echo " " . $post_type_object->labels->singular_name;
            ?>
<br /><br />

								<?php 
        }
        ?>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
		</div>
<?php 
    }

Пример #6

Показать файл

Файл: custom-fields.php Проект: javalidigital/suprema

        /**
         * Display the new Custom Fields meta box
         */
        function displayCustomFields()
        {
            global $post;
            global $qode_options_proya;
            global $fontArrays;
            ?>
			<div class="form-wrap">
				<?php 
            wp_nonce_field('my-custom-fields', 'my-custom-fields_wpnonce', false, true);
            foreach ($this->customFields as $customField) {
                // Check scope
                $scope = $customField['scope'];
                $dependency = $customField['dependency'];
                $output = false;
                foreach ($scope as $scopeItem) {
                    switch ($scopeItem) {
                        default:
                            if ($post->post_type == $scopeItem) {
                                if ($dependency != "") {
                                    foreach ($dependency as $dependencyKey => $dependencyValue) {
                                        foreach ($dependencyValue as $dependencyVal) {
                                            if (isset($qode_options_proya[$dependencyKey]) && $qode_options_proya[$dependencyKey] == $dependencyVal) {
                                                $output = true;
                                                break;
                                            }
                                        }
                                    }
                                } else {
                                    $output = true;
                                }
                            } else {
                                break;
                            }
                    }
                    if ($output) {
                        break;
                    }
                }
                // Check capability
                if (!current_user_can($customField['capability'], $post->ID)) {
                    $output = false;
                }
                // Output if allowed
                if ($output) {
                    ?>
							<?php 
                    switch ($customField['type']) {
                        case "checkbox":
                            // Checkbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<input type="checkbox" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="yes"';
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") {
                                echo ' checked="checked"';
                            }
                            echo '" style="width: auto;" />';
                            echo '</div>';
                            break;
                        case "selectbox":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<?php 
                            foreach ($customField['values'] as $valuesKey => $valuesValue) {
                                ?>
											<option value="<?php 
                                echo $valuesKey;
                                ?>
" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == $valuesKey) {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
><?php 
                                echo $valuesValue;
                                ?>
</option>
										<?php 
                            }
                            ?>
                                    
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-category":
                            $categories = get_categories();
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            echo '<option value=""></option>';
                            foreach ($categories as $category) {
                                echo '<option value="' . $category->term_id . '"';
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == $category->term_id) {
                                    echo 'selected="selected"';
                                }
                                echo '>';
                                echo $category->name;
                                ?>
&nbsp;&nbsp;&nbsp;<?php 
                                echo '</option>';
                            }
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-portfolio-list-page":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            $args = array('show_option_none' => ' ', 'option_none_value' => '', 'selected' => get_post_meta($post->ID, $this->prefix . $customField['name'], true), 'name' => $this->prefix . $customField['name']);
                            wp_dropdown_pages($args);
                            echo '</div>';
                            break;
                        case "image-title-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="' . $this->prefix . $customField['name'] . '" name="' . $this->prefix . $customField['name'] . '" class="title_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            break;
                        case "image-title-overlay-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="title_overlay_image" name="' . $this->prefix . $customField['name'] . '" class="title_overlay_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            break;
                        case "slide-background-type":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;&nbsp;&nbsp;';
                            echo '<label for="image_background" style="display:inline;"><b>Image</b></label>&nbsp;';
                            echo '<input class="slide_background_type" data-type="image_type" type="radio" name="' . $this->prefix . $customField['name'] . '" id="image_background" value="image"';
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "image") {
                                echo ' checked="checked"';
                            }
                            echo '" style="width: auto;" />';
                            echo '<label for="video_background" style="display:inline;"><b>Video</b></label>&nbsp;';
                            echo '<input class="slide_background_type" data-type="video_type" type="radio" name="' . $this->prefix . $customField['name'] . '" id="video_background" value="video"';
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "video") {
                                echo ' checked="checked"';
                            }
                            echo '" style="width: auto;" />';
                            echo '</div>';
                            break;
                        case "slide-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<div class="image_type">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="slide_image" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            echo '</div>';
                            break;
                        case "slide-thumbnail":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="slide_thumbnail" name="' . $this->prefix . $customField['name'] . '" class="slide_thumbnail" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            break;
                        case "slide-video-input":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<div class="video_type">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />';
                            echo '</div>';
                            echo '</div>';
                            break;
                        case "slide-video-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<div class="video_type">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="slide_video_image" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            echo '</div>';
                            break;
                        case "slide-video-overlay-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<div class="video_type">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="slide_video_overlay_image" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            echo '</div>';
                            break;
                        case "slide-video-checkbox":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<div class="video_type">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<input type="checkbox" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="yes"';
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") {
                                echo ' checked="checked"';
                            }
                            echo '" style="width: auto;" />';
                            echo '</div>';
                            echo '</div>';
                            break;
                        case "font-family":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' ">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "-1") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Default</option>
										<?php 
                            foreach ($fontArrays as $fontArray) {
                                ?>
											<option <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == str_replace(' ', '+', $fontArray["family"])) {
                                    echo "selected='selected'";
                                }
                                ?>
  value="<?php 
                                echo str_replace(' ', '+', $fontArray["family"]);
                                ?>
"><?php 
                                echo $fontArray["family"];
                                ?>
</option>
										<?php 
                            }
                            ?>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-sidebar":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '">';
                            echo '<option value=""></option>';
                            foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) {
                                if (isUserMadeSidebar(ucwords($sidebar['name']))) {
                                    ?>
											
										 <option value="<?php 
                                    echo ucwords($sidebar['id']);
                                    ?>
" <?php 
                                    if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == ucwords($sidebar['id'])) {
                                        ?>
 selected="selected" <?php 
                                    }
                                    ?>
>
												<?php 
                                    echo ucwords($sidebar['name']);
                                    ?>
										 </option>	 
									<?php 
                                }
                            }
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "carousel-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="carousel-image" name="' . $this->prefix . $customField['name'] . '" class="title_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            break;
                        case "slide-overlay-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<div class="image_type">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="' . $this->prefix . $customField['name'] . '" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            echo '</div>';
                            break;
                        case "datepicker":
                            // Datepicker
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<input type="text" class="datepicker" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />';
                            echo '</div>';
                            break;
                        case "colorpicker":
                            //Colorpicker
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' colorpicker_input">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<div class="colorSelector"><div style="background-color:' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '"></div></div>';
                            echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" size="10" maxlength="10" />';
                            echo '</div>';
                            break;
                        case "textarea":
                        case "wysiwyg":
                            // Text area
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<textarea name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" columns="30" rows="3">' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '</textarea>';
                            // WYSIWYG
                            if ($customField['type'] == "wysiwyg") {
                                ?>
										<script type="text/javascript">
											jQuery( document ).ready( function() {
												jQuery( "<?php 
                                echo $this->prefix . $customField['name'];
                                ?>
" ).addClass( "mceEditor" );
												if ( typeof( tinyMCE ) == "object" && typeof( tinyMCE.execCommand ) == "function" ) {
													tinyMCE.execCommand( "mceAddControl", false, "<?php 
                                echo $this->prefix . $customField['name'];
                                ?>
" );
												}
											});
										</script>
									<?php 
                            }
                            echo '</div>';
                            break;
                        case "short-text-200":
                            // Plain text field
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' short_text_200">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />';
                            echo '</div>';
                            break;
                        case "hidden":
                            break;
                        default:
                            // Plain text field
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />';
                            echo '</div>';
                            break;
                    }
                    ?>
							<?php 
                    if ($customField['description']) {
                        echo '<p>' . $customField['description'] . '</p>';
                    }
                    ?>
							<?php 
                    if ($customField['clear_after'] == 'yes') {
                        echo '<div class="clear"></div>';
                    }
                    ?>
						
					<?php 
                }
            }
            ?>
			</div>
			<?php 
        }

Пример #7

Показать файл

Файл: qode-options.php Проект: javalidigital/suprema

    function general_options_contentbox($options)
    {
        global $fontArrays;
        ?>

		<div class="sections">
			<h3>Global Options</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('First main color', 'qode');
        ?>
</td>
							<td>
								<div>
									<div class="colorSelector"><div style="<?php 
        if ($options['first_color']) {
            echo 'background-color:' . esc_attr($options['first_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[first_color]" type="text" value="<?php 
        if ($options['first_color']) {
            echo esc_attr($options['first_color'], 'qode');
        }
        ?>
" size="30" maxlength="100" />
									<?php 
        esc_html_e('Default main color', 'qode');
        ?>
									<div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #1abc9c;" title="#1abc9c"></span></div>
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Second main color', 'qode');
        ?>
</td>
							<td>
								<div>
									<div class="colorSelector"><div style="<?php 
        if ($options['second_color']) {
            echo 'background-color:' . esc_attr($options['second_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[second_color]" type="text" value="<?php 
        if ($options['second_color']) {
            echo esc_attr($options['second_color'], 'qode');
        }
        ?>
" size="30" maxlength="100" />
									<?php 
        esc_html_e('Default second main color', 'qode');
        ?>
									<div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #303030; background-color: #303030;" title="#303030"></span></div>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Third main color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['third_color']) {
            echo 'background-color:' . esc_attr($options['third_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_proya[third_color]" type="text" value="<?php 
        if (isset($options['third_color'])) {
            if ($options['third_color']) {
                echo esc_attr($options['third_color'], 'qode');
            }
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Default third main color', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #e3e3e3; background-color: #e3e3e3;" title="#e3e3e3"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Fourth main color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['fourth_color']) {
            echo 'background-color:' . esc_attr($options['fourth_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_proya[fourth_color]" type="text" value="<?php 
        if (isset($options['fourth_color'])) {
            if ($options['fourth_color']) {
                echo esc_attr($options['fourth_color'], 'qode');
            }
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Default fourth main color', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #c0c0c0;" title="#c0c0c0"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background color (content)', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['background_color']) {
            echo 'background-color:' . esc_attr($options['background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_proya[background_color]" type="text" value="<?php 
        if ($options['background_color']) {
            echo esc_attr($options['background_color'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Default background color', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #e0dede; background-color: #f6f6f6;" title="#f6f6f6"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background color (body)', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['background_color_box']) {
            echo 'background-color:' . esc_attr($options['background_color_box'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_proya[background_color_box]" type="text" value="<?php 
        if (isset($options['background_color_box'])) {
            echo esc_attr($options['background_color_box'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Default boxed background color', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #e0dede; background-color: #f6f6f6;" title="#f6f6f6"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background boxes color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if (isset($options['background_color_boxes']) && $options['background_color_boxes']) {
            echo 'background-color:' . esc_attr($options['background_color_boxes'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_proya[background_color_boxes]" type="text" value="<?php 
        if (isset($options['background_color_boxes'])) {
            echo esc_attr($options['background_color_boxes'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Background color for boxes (blog, portfolio...)', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #ededed; background-color: #fff;" title="#fff"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Highlight color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['highlight_color']) {
            echo 'background-color:' . esc_attr($options['highlight_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_proya[highlight_color]" type="text"  value="<?php 
        if ($options['highlight_color']) {
            echo esc_attr($options['highlight_color'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Default highlight color', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #1abc9c;" title="#1abc9c"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Selection color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['selection_color']) {
            echo 'background-color:' . esc_attr($options['selection_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_proya[selection_color]" type="text"  value="<?php 
        if ($options['selection_color']) {
            echo esc_attr($options['selection_color'], 'qode');
        }
        ?>
" size="30" maxlength="500" />
								<?php 
        esc_html_e('Default selection color', 'qode');
        ?>
								<div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #1abc9c;" title="#1abc9c"></span></div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background image', 'qode');
        ?>
</td>
							<td>
								<div class="inline" style="width: 705px;">
								<input type="text" id="background_image" name="qode_options_proya[background_image]" class="background_image" value="<?php 
        if (isset($options['background_image'])) {
            echo esc_attr($options['background_image'], 'qode');
        }
        ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Pattern background image', 'qode');
        ?>
</td>
							<td>
								<div class="inline" style="width: 705px;">
								<input type="text" id="pattern_background_image" name="qode_options_proya[pattern_background_image]" class="pattern_background_image" value="<?php 
        if (isset($options['pattern_background_image'])) {
            echo esc_attr($options['pattern_background_image'], 'qode');
        }
        ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Favicon image', 'qode');
        ?>
</td>
							<td>
								<div class="inline" style="width: 705px;">
								<input type="text" id="favicon_image" name="qode_options_proya[favicon_image]" class="favicon_image" value="<?php 
        if ($options['favicon_image']) {
            echo esc_attr($options['favicon_image'], 'qode');
        } else {
            echo QODE_ROOT . "/img/favicon.ico";
        }
        ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Google fonts', 'qode');
        ?>
</td>
								<td>
							<select name="qode_options_proya[google_fonts]">
							<option value="-1">Default</option>
							<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
								<option <?php 
            if ($options['google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
							<?php 
        }
        ?>

							</select>
							<?php 
        esc_html_e('Choose Font', 'qode');
        ?>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Page transition', 'qode');
        ?>
</td>
								<td>
							<select name="qode_options_proya[page_transitions]">
								<option <?php 
        if ($options['page_transitions'] == 0) {
            echo "selected='selected'";
        }
        ?>
 value="0">No animation</option>
								<option <?php 
        if ($options['page_transitions'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Up/Down</option>
								<option <?php 
        if ($options['page_transitions'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2">Fade</option>
								<option <?php 
        if ($options['page_transitions'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3">Up/Down (In) / Fade (Out)</option>
								<option <?php 
        if ($options['page_transitions'] == 4) {
            echo "selected='selected'";
        }
        ?>
 value="4">Left/Right</option>
							</select>
							<?php 
        esc_html_e('In order for animation to work properly, you must choose "Post name" in permalinks settings', 'qode');
        ?>
								</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Boxed', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[boxed]">
									<option <?php 
        if (isset($options['boxed'])) {
            $boxed = $options['boxed'];
            if ($boxed == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['boxed'])) {
            $boxed = $options['boxed'];
            if ($boxed == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
<!--                        <tr valign="middle">-->
<!--                            <td scope="row" width="150">--><?php 
        //esc_html_e('Move content up', 'qode');
        ?>
<!--</td>-->
<!--                            <td>-->
<!--                                <select name="qode_options_proya[move_content_up]">-->
<!--                                    <option --><?php 
        //if(isset($options['move_content_up'])){ $content_negative_top_margin = $options['move_content_up']; if ($content_negative_top_margin == 'no') { echo "selected='selected'"; } }
        ?>
<!-- value="no">No</option>-->
<!--                                    <option --><?php 
        //if(isset($options['move_content_up'])){ $content_negative_top_margin = $options['move_content_up']; if ($content_negative_top_margin == 'yes') { echo "selected='selected'"; } }
        ?>
<!-- value="yes">Yes</option>-->
<!--                                </select>-->
<!--                            </td>-->
<!--                        </tr>-->
<!--                        <tr valign="middle">-->
<!--                            <td scope="row" width="150">--><?php 
        //esc_html_e('Content top margin (enter negative values in px)', 'qode');
        ?>
<!--</td>-->
<!--                            <td>-->
<!--                                <input name="qode_options_proya[content_negative_margin]" type="text" value="--><?php 
        //if (isset($options['content_negative_margin'])) { echo esc_attr($options['content_negative_margin'], 'qode'); }
        ?>
<!--" size="20" maxlength="30" />-->
<!--                            </td>-->
<!--                        </tr>-->
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Loading animation', 'qode');
        ?>
</td>
								<td>
									<select name="qode_options_proya[loading_animation]">
										<option <?php 
        if (isset($options['loading_animation'])) {
            $loading_animation = $options['loading_animation'];
            if ($loading_animation == 'on') {
                echo "selected='selected'";
            }
        }
        ?>
 value="on">On</option>
										<option <?php 
        if (isset($options['loading_animation'])) {
            $loading_animation = $options['loading_animation'];
            if ($loading_animation == 'off') {
                echo "selected='selected'";
            }
        }
        ?>
 value="off">Off</option>
									</select>
							</td>
						</tr>
                        <tr valign="middle">
                            <td scope="row" width="150"><?php 
        esc_html_e('Loading animation spinner', 'qode');
        ?>
</td>
                            <td>
                                <div class="inline">
                                <select name="qode_options_proya[loading_animation_spinner]">
                                    <option <?php 
        if (isset($options['loading_animation_spinner'])) {
            $loading_animation_spinner = $options['loading_animation_spinner'];
            if ($loading_animation_spinner == 'pulse') {
                echo "selected='selected'";
            }
        }
        ?>
 value="pulse">Pulse</option>
                                    <option <?php 
        if (isset($options['loading_animation_spinner'])) {
            $loading_animation_spinner = $options['loading_animation_spinner'];
            if ($loading_animation_spinner == 'double_pulse') {
                echo "selected='selected'";
            }
        }
        ?>
 value="double_pulse">Double Pulse</option>
                                    <option <?php 
        if (isset($options['loading_animation_spinner'])) {
            $loading_animation_spinner = $options['loading_animation_spinner'];
            if ($loading_animation_spinner == 'cube') {
                echo "selected='selected'";
            }
        }
        ?>
 value="cube">Cube</option>
                                    <option <?php 
        if (isset($options['loading_animation_spinner'])) {
            $loading_animation_spinner = $options['loading_animation_spinner'];
            if ($loading_animation_spinner == 'rotating_cubes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="rotating_cubes">Rotating Cubes</option>
                                    <option <?php 
        if (isset($options['loading_animation_spinner'])) {
            $loading_animation_spinner = $options['loading_animation_spinner'];
            if ($loading_animation_spinner == 'stripes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="stripes">Stripes</option>
                                    <option <?php 
        if (isset($options['loading_animation_spinner'])) {
            $loading_animation_spinner = $options['loading_animation_spinner'];
            if ($loading_animation_spinner == 'wave') {
                echo "selected='selected'";
            }
        }
        ?>
 value="wave">Wave</option>
                                    <option <?php 
        if (isset($options['loading_animation_spinner'])) {
            $loading_animation_spinner = $options['loading_animation_spinner'];
            if ($loading_animation_spinner == 'two_rotating_circles') {
                echo "selected='selected'";
            }
        }
        ?>
 value="two_rotating_circles">2 Rotating Circles</option>
                                    <option <?php 
        if (isset($options['loading_animation_spinner'])) {
            $loading_animation_spinner = $options['loading_animation_spinner'];
            if ($loading_animation_spinner == 'five_rotating_circles') {
                echo "selected='selected'";
            }
        }
        ?>
 value="five_rotating_circles">5 Rotating Circles</option>
                                </select>
                                </div>
                                <div class="inline">
                                    <div class="colorSelector"><div style="<?php 
        if ($options['spinner_color']) {
            echo 'background-color:' . esc_attr($options['spinner_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                                    <input name="qode_options_proya[spinner_color]" type="text" value="<?php 
        if (isset($options['spinner_color'])) {
            if ($options['spinner_color']) {
                echo esc_attr($options['spinner_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
                                    <?php 
        esc_html_e('Spinner color', 'qode');
        ?>
                                </div>
                            </td>
                        </tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Loading image', 'qode');
        ?>
</td>
							<td>
								<div class="inline" style="width: 705px;">
								<input type="text" id="loading_image" name="qode_options_proya[loading_image]" class="loading_image" value="<?php 
        if (isset($options['loading_image']) && $options['loading_image'] != "") {
            echo esc_attr($options['loading_image'], 'qode');
        } else {
            echo "";
        }
        ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Smooth scroll', 'qode');
        ?>
</td>
                            <td>
                                <select name="qode_options_proya[smooth_scroll]">
                                    <option <?php 
        if (isset($options['smooth_scroll'])) {
            $smooth_scroll = $options['smooth_scroll'];
            if ($smooth_scroll == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
                                    <option <?php 
        if (isset($options['smooth_scroll'])) {
            $smooth_scroll = $options['smooth_scroll'];
            if ($smooth_scroll == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
                                </select>
                                <?php 
        esc_html_e('For Chrome and Opera browsers', 'qode');
        ?>
                            </td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Responsiveness', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[responsiveness]">
									<option <?php 
        if (isset($options['responsiveness'])) {
            $responsiveness = $options['responsiveness'];
            if ($responsiveness == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									<option <?php 
        if (isset($options['responsiveness'])) {
            $responsiveness = $options['responsiveness'];
            if ($responsiveness == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Show back button', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[show_back_button]">
									<option <?php 
        if (isset($options['show_back_button'])) {
            $show_back_button = $options['show_back_button'];
            if ($show_back_button == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['show_back_button'])) {
            $show_back_button = $options['show_back_button'];
            if ($show_back_button == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Elements animation on mobile/touch devices', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[elements_animation_on_touch]">
									<option <?php 
        if (isset($options['elements_animation_on_touch'])) {
            $elements_animation_on_touch = $options['elements_animation_on_touch'];
            if ($elements_animation_on_touch == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['elements_animation_on_touch'])) {
            $elements_animation_on_touch = $options['elements_animation_on_touch'];
            if ($elements_animation_on_touch == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Google Analytics Account ID', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[google_analytics_code]" type="text" value="<?php 
        if (isset($options['google_analytics_code'])) {
            echo esc_attr($options['google_analytics_code'], 'qode');
        }
        ?>
" size="63" maxlength="500" />
							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('List of internal URLs loaded without AJAX (separated with comma)', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="internal_no_ajax_links" name="qode_options_proya[internal_no_ajax_links]" cols="60" rows="5"><?php 
        if (isset($options['internal_no_ajax_links'])) {
            echo esc_attr($options['internal_no_ajax_links'], 'qode');
        }
        ?>
</textarea>
								</div>

							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('Custom css', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="custom_css" name="qode_options_proya[custom_css]" cols="60" rows="5"><?php 
        if ($options['custom_css']) {
            echo esc_attr($options['custom_css'], 'qode');
        }
        ?>
</textarea>
								</div>

							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('Custom js', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="custom_js" name="qode_options_proya[custom_js]" cols="60" rows="5"><?php 
        if ($options['custom_js']) {
            echo esc_attr($options['custom_js'], 'qode');
        }
        ?>
</textarea>
								</div><br/>
								<?php 
        esc_html_e('jQuery selector is "$j" because of the conflict mode', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('Meta Keywords', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="meta_keywords" name="qode_options_proya[meta_keywords]" cols="60" rows="5"><?php 
        if ($options['meta_keywords']) {
            echo esc_attr($options['meta_keywords'], 'qode');
        }
        ?>
</textarea>
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td valign="top"><?php 
        esc_html_e('Meta Description', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<textarea id="meta_description" name="qode_options_proya[meta_description]" cols="60" rows="5"><?php 
        if ($options['meta_description']) {
            echo esc_attr($options['meta_description'], 'qode');
        }
        ?>
</textarea>
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Disable Qode SEO', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[disable_qode_seo]">
									<option <?php 
        if (isset($options['disable_qode_seo'])) {
            $disable_qode_seo = $options['disable_qode_seo'];
            if ($disable_qode_seo == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['disable_qode_seo'])) {
            $disable_qode_seo = $options['disable_qode_seo'];
            if ($disable_qode_seo == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>General Font Options</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Headings</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('H1 style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['h1_color']) {
            echo 'background-color:' . esc_attr($options['h1_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[h1_color]" type="text" value="<?php 
        if ($options['h1_color']) {
            echo esc_attr($options['h1_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[h1_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['h1_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[h1_fontsize]" type="text" value="<?php 
        if ($options['h1_fontsize']) {
            echo esc_attr($options['h1_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[h1_lineheight]" type="text" value="<?php 
        if ($options['h1_lineheight']) {
            echo esc_attr($options['h1_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[h1_fontstyle]">
										<option <?php 
        if ($options['h1_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h1_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['h1_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[h1_fontweight]">
										<option <?php 
        if ($options['h1_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h1_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['h1_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['h1_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['h1_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['h1_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['h1_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['h1_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['h1_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[h1_letterspacing]" type="text" value="<?php 
        if (isset($options['h1_letterspacing']) && $options['h1_letterspacing'] !== '') {
            echo esc_attr($options['h1_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div><br /><br />
								<div class="inline">
									<?php 
        esc_html_e('Text Transform', 'qode');
        ?>
									<select name="qode_options_proya[h1_texttransform]">
										<option <?php 
        if (isset($options['h1_texttransform']) && $options['h1_texttransform'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['h1_texttransform']) && $options['h1_texttransform'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">None</option>
										<option <?php 
        if (isset($options['h1_texttransform']) && $options['h1_texttransform'] == "capitalize") {
            echo "selected='selected'";
        }
        ?>
 value="capitalize">Capitalize</option>
										<option <?php 
        if (isset($options['h1_texttransform']) && $options['h1_texttransform'] == "uppercase") {
            echo "selected='selected'";
        }
        ?>
 value="uppercase">Uppercase</option>
										<option <?php 
        if (isset($options['h1_texttransform']) && $options['h1_texttransform'] == "lowercase") {
            echo "selected='selected'";
        }
        ?>
 value="lowercase">Lowercase</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('H2 style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['h2_color']) {
            echo 'background-color:' . esc_attr($options['h2_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[h2_color]" type="text" value="<?php 
        if ($options['h2_color']) {
            echo esc_attr($options['h2_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[h2_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['h2_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[h2_fontsize]" type="text" value="<?php 
        if ($options['h2_fontsize']) {
            echo esc_attr($options['h2_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[h2_lineheight]" type="text" value="<?php 
        if ($options['h2_lineheight']) {
            echo esc_attr($options['h2_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[h2_fontstyle]">
										<option <?php 
        if ($options['h2_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h2_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['h2_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[h2_fontweight]">
										<option <?php 
        if ($options['h2_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h2_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['h2_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['h2_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['h2_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['h2_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['h2_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['h2_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['h2_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[h2_letterspacing]" type="text" value="<?php 
        if (isset($options['h2_letterspacing']) && $options['h2_letterspacing'] !== '') {
            echo esc_attr($options['h2_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div><br /><br />
								<div class="inline">
									<?php 
        esc_html_e('Text Transform', 'qode');
        ?>
									<select name="qode_options_proya[h2_texttransform]">
										<option <?php 
        if (isset($options['h2_texttransform']) && $options['h2_texttransform'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['h2_texttransform']) && $options['h2_texttransform'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">None</option>
										<option <?php 
        if (isset($options['h2_texttransform']) && $options['h2_texttransform'] == "capitalize") {
            echo "selected='selected'";
        }
        ?>
 value="capitalize">Capitalize</option>
										<option <?php 
        if (isset($options['h2_texttransform']) && $options['h2_texttransform'] == "uppercase") {
            echo "selected='selected'";
        }
        ?>
 value="uppercase">Uppercase</option>
										<option <?php 
        if (isset($options['h2_texttransform']) && $options['h2_texttransform'] == "lowercase") {
            echo "selected='selected'";
        }
        ?>
 value="lowercase">Lowercase</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('H3 style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['h3_color']) {
            echo 'background-color:' . esc_attr($options['h3_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[h3_color]" type="text" value="<?php 
        if ($options['h3_color']) {
            echo esc_attr($options['h3_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[h3_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['h3_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[h3_fontsize]" type="text" value="<?php 
        if ($options['h3_fontsize']) {
            echo esc_attr($options['h3_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[h3_lineheight]" type="text" value="<?php 
        if ($options['h3_lineheight']) {
            echo esc_attr($options['h3_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[h3_fontstyle]">
										<option <?php 
        if ($options['h3_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h3_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['h3_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[h3_fontweight]">
										<option <?php 
        if ($options['h3_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h3_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['h3_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['h3_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['h3_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['h3_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['h3_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['h3_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['h3_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[h3_letterspacing]" type="text" value="<?php 
        if (isset($options['h3_letterspacing']) && $options['h3_letterspacing'] !== '') {
            echo esc_attr($options['h3_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div><br /><br />
								<div class="inline">
									<?php 
        esc_html_e('Text Transform', 'qode');
        ?>
									<select name="qode_options_proya[h3_texttransform]">
										<option <?php 
        if (isset($options['h3_texttransform']) && $options['h3_texttransform'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['h3_texttransform']) && $options['h3_texttransform'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">None</option>
										<option <?php 
        if (isset($options['h3_texttransform']) && $options['h3_texttransform'] == "capitalize") {
            echo "selected='selected'";
        }
        ?>
 value="capitalize">Capitalize</option>
										<option <?php 
        if (isset($options['h3_texttransform']) && $options['h3_texttransform'] == "uppercase") {
            echo "selected='selected'";
        }
        ?>
 value="uppercase">Uppercase</option>
										<option <?php 
        if (isset($options['h3_texttransform']) && $options['h3_texttransform'] == "lowercase") {
            echo "selected='selected'";
        }
        ?>
 value="lowercase">Lowercase</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('H4 style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['h4_color']) {
            echo 'background-color:' . esc_attr($options['h4_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[h4_color]" type="text" value="<?php 
        if ($options['h4_color']) {
            echo esc_attr($options['h4_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[h4_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['h4_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[h4_fontsize]" type="text" value="<?php 
        if ($options['h4_fontsize']) {
            echo esc_attr($options['h4_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[h4_lineheight]" type="text" value="<?php 
        if ($options['h4_lineheight']) {
            echo esc_attr($options['h4_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[h4_fontstyle]">
										<option <?php 
        if ($options['h4_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h4_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['h4_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[h4_fontweight]">
										<option <?php 
        if ($options['h4_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h4_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['h4_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['h4_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['h4_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['h4_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['h4_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['h4_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['h4_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[h4_letterspacing]" type="text" value="<?php 
        if (isset($options['h4_letterspacing']) && $options['h4_letterspacing'] !== '') {
            echo esc_attr($options['h4_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div><br /><br />
								<div class="inline">
									<?php 
        esc_html_e('Text Transform', 'qode');
        ?>
									<select name="qode_options_proya[h4_texttransform]">
										<option <?php 
        if (isset($options['h4_texttransform']) && $options['h4_texttransform'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['h4_texttransform']) && $options['h4_texttransform'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">None</option>
										<option <?php 
        if (isset($options['h4_texttransform']) && $options['h4_texttransform'] == "capitalize") {
            echo "selected='selected'";
        }
        ?>
 value="capitalize">Capitalize</option>
										<option <?php 
        if (isset($options['h4_texttransform']) && $options['h4_texttransform'] == "uppercase") {
            echo "selected='selected'";
        }
        ?>
 value="uppercase">Uppercase</option>
										<option <?php 
        if (isset($options['h4_texttransform']) && $options['h4_texttransform'] == "lowercase") {
            echo "selected='selected'";
        }
        ?>
 value="lowercase">Lowercase</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('H5 style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['h5_color']) {
            echo 'background-color:' . esc_attr($options['h5_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[h5_color]" type="text" value="<?php 
        if ($options['h5_color']) {
            echo esc_attr($options['h5_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[h5_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['h5_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[h5_fontsize]" type="text" value="<?php 
        if ($options['h5_fontsize']) {
            echo esc_attr($options['h5_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[h5_lineheight]" type="text" value="<?php 
        if ($options['h5_lineheight']) {
            echo esc_attr($options['h5_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[h5_fontstyle]">
										<option <?php 
        if ($options['h5_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h5_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['h5_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[h5_fontweight]">
										<option <?php 
        if ($options['h5_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h5_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['h5_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['h5_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['h5_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['h5_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['h5_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['h5_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['h5_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[h5_letterspacing]" type="text" value="<?php 
        if (isset($options['h5_letterspacing']) && $options['h5_letterspacing'] !== '') {
            echo esc_attr($options['h5_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div><br /><br />
								<div class="inline">
									<?php 
        esc_html_e('Text Transform', 'qode');
        ?>
									<select name="qode_options_proya[h5_texttransform]">
										<option <?php 
        if (isset($options['h5_texttransform']) && $options['h5_texttransform'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['h5_texttransform']) && $options['h5_texttransform'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">None</option>
										<option <?php 
        if (isset($options['h5_texttransform']) && $options['h5_texttransform'] == "capitalize") {
            echo "selected='selected'";
        }
        ?>
 value="capitalize">Capitalize</option>
										<option <?php 
        if (isset($options['h5_texttransform']) && $options['h5_texttransform'] == "uppercase") {
            echo "selected='selected'";
        }
        ?>
 value="uppercase">Uppercase</option>
										<option <?php 
        if (isset($options['h5_texttransform']) && $options['h5_texttransform'] == "lowercase") {
            echo "selected='selected'";
        }
        ?>
 value="lowercase">Lowercase</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('H6 style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['h6_color']) {
            echo 'background-color:' . esc_attr($options['h6_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[h6_color]" type="text" value="<?php 
        if ($options['h6_color']) {
            echo esc_attr($options['h6_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[h6_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['h6_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[h6_fontsize]" type="text" value="<?php 
        if ($options['h6_fontsize']) {
            echo esc_attr($options['h6_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[h6_lineheight]" type="text" value="<?php 
        if ($options['h6_lineheight']) {
            echo esc_attr($options['h6_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[h6_fontstyle]">
										<option <?php 
        if ($options['h6_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h6_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['h6_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[h6_fontweight]">
										<option <?php 
        if ($options['h6_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['h6_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['h6_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['h6_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['h6_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['h6_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['h6_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['h6_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['h6_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[h6_letterspacing]" type="text" value="<?php 
        if (isset($options['h6_letterspacing']) && $options['h6_letterspacing'] !== '') {
            echo esc_attr($options['h6_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div><br /><br />
								<div class="inline">
									<?php 
        esc_html_e('Text Transform', 'qode');
        ?>
									<select name="qode_options_proya[h6_texttransform]">
										<option <?php 
        if (isset($options['h6_texttransform']) && $options['h6_texttransform'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['h6_texttransform']) && $options['h6_texttransform'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">None</option>
										<option <?php 
        if (isset($options['h6_texttransform']) && $options['h6_texttransform'] == "capitalize") {
            echo "selected='selected'";
        }
        ?>
 value="capitalize">Capitalize</option>
										<option <?php 
        if (isset($options['h6_texttransform']) && $options['h6_texttransform'] == "uppercase") {
            echo "selected='selected'";
        }
        ?>
 value="uppercase">Uppercase</option>
										<option <?php 
        if (isset($options['h6_texttransform']) && $options['h6_texttransform'] == "lowercase") {
            echo "selected='selected'";
        }
        ?>
 value="lowercase">Lowercase</option>
									</select>
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Text</h2></td></tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Text style', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['text_color']) {
            echo 'background-color:' . esc_attr($options['text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_proya[text_color]" type="text" value="<?php 
        if ($options['text_color']) {
            echo esc_attr($options['text_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font family', 'qode');
        ?>
										<select name="qode_options_proya[text_google_fonts]">
											<option value="-1">Default</option>
											<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
												<option <?php 
            if ($options['text_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
											<?php 
        }
        ?>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_proya[text_fontsize]" type="text" value="<?php 
        if ($options['text_fontsize']) {
            echo esc_attr($options['text_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_proya[text_lineheight]" type="text" value="<?php 
        if ($options['text_lineheight']) {
            echo esc_attr($options['text_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_proya[text_fontstyle]">
											<option <?php 
        if ($options['text_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['text_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['text_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_proya[text_fontweight]">
											<option <?php 
        if ($options['text_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['text_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['text_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['text_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['text_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['text_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['text_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['text_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['text_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Top/Bottom margin (px)', 'qode');
        ?>
										<input name="qode_options_proya[text_margin]" type="text" value="<?php 
        if (isset($options['text_margin'])) {
            echo esc_attr($options['text_margin'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
								</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Link style', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['link_color']) {
            echo 'background-color:' . esc_attr($options['link_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_proya[link_color]" type="text" value="<?php 
        if ($options['link_color']) {
            echo esc_attr($options['link_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Hover color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if ($options['link_hovercolor']) {
            echo 'background-color:' . esc_attr($options['link_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_proya[link_hovercolor]" type="text" value="<?php 
        if ($options['link_hovercolor']) {
            echo esc_attr($options['link_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_proya[link_fontstyle]">
											<option <?php 
        if ($options['link_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['link_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['link_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_proya[link_fontweight]">
											<option <?php 
        if ($options['link_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['link_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['link_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['link_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['link_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['link_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['link_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['link_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['link_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font decoration', 'qode');
        ?>
										<select name="qode_options_proya[link_fontdecoration]">
											<option <?php 
        if ($options['link_fontdecoration'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['link_fontdecoration'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">none</option>
											<option <?php 
        if ($options['link_fontdecoration'] == "bold") {
            echo "selected='selected'";
        }
        ?>
 value="underline">underline</option>

										</select>
									</div>
								</td>
						</tr>
						<tr><td colspan='2'><h2>Page title</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Page title style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['page_title_color']) {
            echo 'background-color:' . esc_attr($options['page_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[page_title_color]" type="text" value="<?php 
        if ($options['page_title_color']) {
            echo esc_attr($options['page_title_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[page_title_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['page_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[page_title_fontsize]" type="text" value="<?php 
        if ($options['page_title_fontsize']) {
            echo esc_attr($options['page_title_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[page_title_lineheight]" type="text" value="<?php 
        if ($options['page_title_lineheight']) {
            echo esc_attr($options['page_title_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[page_title_fontstyle]">
										<option <?php 
        if ($options['page_title_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['page_title_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['page_title_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[page_title_fontweight]">
										<option <?php 
        if ($options['page_title_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['page_title_fontweight'] == "100") {
            echo "selected='selected'";
        }
        ?>
 value="100">100</option>
										<option <?php 
        if ($options['page_title_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['page_title_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['page_title_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['page_title_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['page_title_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['page_title_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['page_title_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['page_title_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Predefined medium type', 'qode');
        ?>
</td>
							<td>

								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[page_title_medium_fontsize]" type="text" value="<?php 
        if (isset($options['page_title_medium_fontsize']) && $options['page_title_medium_fontsize']) {
            echo esc_attr($options['page_title_medium_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[page_title_medium_lineheight]" type="text" value="<?php 
        if (isset($options['page_title_medium_lineheight'])) {
            echo esc_attr($options['page_title_medium_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[page_title_medium_fontweight]">
										<option <?php 
        if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Predefined large type', 'qode');
        ?>
</td>
							<td>

								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[page_title_large_fontsize]" type="text" value="<?php 
        if (isset($options['page_title_large_fontsize']) && $options['page_title_large_fontsize']) {
            echo esc_attr($options['page_title_large_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[page_title_large_lineheight]" type="text" value="<?php 
        if (isset($options['page_title_large_lineheight'])) {
            echo esc_attr($options['page_title_large_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[page_title_large_fontweight]">
										<option <?php 
        if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Page Subtitle</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Subtitle style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['page_subtitle_color'])) {
            echo 'background-color:' . esc_attr($options['page_subtitle_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[page_subtitle_color]" type="text" value="<?php 
        if (isset($options['page_subtitle_color'])) {
            echo esc_attr($options['page_subtitle_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[page_subtitle_font_family]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['page_subtitle_font_family']) && $options['page_subtitle_font_family'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[page_subtitle_fontsize]" type="text" value="<?php 
        if (isset($options['page_subtitle_fontsize']) && $options['page_subtitle_fontsize']) {
            echo esc_attr($options['page_subtitle_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[page_subtitle_lineheight]" type="text" value="<?php 
        if (isset($options['page_subtitle_lineheight'])) {
            echo esc_attr($options['page_subtitle_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[page_subtitle_font_style]">
										<option <?php 
        if (isset($options['page_subtitle_font_style']) && $options['page_subtitle_font_style'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['page_subtitle_font_style']) && $options['page_subtitle_font_style'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">Normal</option>
										<option <?php 
        if (isset($options['page_subtitle_font_style']) && $options['page_subtitle_font_style'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">Italic</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[page_subtitle_fontweight]">
										<option <?php 
        if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Subtitle for predefined large style', 'qode');
        ?>
</td>
							<td>

								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[page_subtitle_large_fontsize]" type="text" value="<?php 
        if (isset($options['page_subtitle_large_fontsize']) && $options['page_subtitle_large_fontsize']) {
            echo esc_attr($options['page_subtitle_large_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[page_subtitle_large_lineheight]" type="text" value="<?php 
        if (isset($options['page_subtitle_large_lineheight'])) {
            echo esc_attr($options['page_subtitle_large_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[page_subtitle_large_fontweight]">
										<option <?php 
        if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Quote and Link blog format and Blockquote shortcode</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Font style', 'qode');
        ?>
</td>
							<td>

								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[quote_link_blockqoute_fontsize]" type="text" value="<?php 
        if (isset($options['quote_link_blockqoute_fontsize'])) {
            echo esc_attr($options['quote_link_blockqoute_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[quote_link_blockqoute_lineheight]" type="text" value="<?php 
        if (isset($options['quote_link_blockqoute_lineheight'])) {
            echo esc_attr($options['quote_link_blockqoute_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Portfolio</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Categories Filter', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['portfolio_filter_color']) {
            echo 'background-color:' . esc_attr($options['portfolio_filter_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[portfolio_filter_color]" type="text" value="<?php 
        if (isset($options['portfolio_filter_color'])) {
            echo esc_attr($options['portfolio_filter_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[portfolio_filter_font_family]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['portfolio_filter_font_family']) && $options['portfolio_filter_font_family'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[portfolio_filter_font_size]" type="text" value="<?php 
        if (isset($options['portfolio_filter_font_size'])) {
            echo esc_attr($options['portfolio_filter_font_size'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[portfolio_filter_line_height]" type="text" value="<?php 
        if (isset($options['portfolio_filter_line_height'])) {
            echo esc_attr($options['portfolio_filter_line_height'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[portfolio_filter_font_style]">
										<option <?php 
        if (isset($options['portfolio_filter_font_style']) && $options['portfolio_filter_font_style'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['portfolio_filter_font_style']) && $options['portfolio_filter_font_style'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if (isset($options['portfolio_filter_font_style']) && $options['portfolio_filter_font_style'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[portfolio_filter_font_weight]">
										<option <?php 
        if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[portfolio_filter_letter_spacing]" type="text" value="<?php 
        if (isset($options['portfolio_filter_letter_spacing']) && $options['portfolio_filter_letter_spacing'] !== '') {
            echo esc_attr($options['portfolio_filter_letter_spacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div><br /><br />
								<div class="inline">
									<?php 
        esc_html_e('Text Transform', 'qode');
        ?>
									<select name="qode_options_proya[portfolio_filter_text_transform]">
										<option <?php 
        if (isset($options['portfolio_filter_text_transform']) && $options['portfolio_filter_text_transform'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['portfolio_filter_text_transform']) && $options['portfolio_filter_text_transform'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">None</option>
										<option <?php 
        if (isset($options['portfolio_filter_text_transform']) && $options['portfolio_filter_text_transform'] == "capitalize") {
            echo "selected='selected'";
        }
        ?>
 value="capitalize">Capitalize</option>
										<option <?php 
        if (isset($options['portfolio_filter_text_transform']) && $options['portfolio_filter_text_transform'] == "uppercase") {
            echo "selected='selected'";
        }
        ?>
 value="uppercase">Uppercase</option>
										<option <?php 
        if (isset($options['portfolio_filter_text_transform']) && $options['portfolio_filter_text_transform'] == "lowercase") {
            echo "selected='selected'";
        }
        ?>
 value="lowercase">Lowercase</option>
									</select>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Header and Footer</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Header</h2></td></tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Header in grid', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[header_in_grid]">
										<option <?php 
        if (isset($options['header_in_grid'])) {
            if ($options['header_in_grid'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['header_in_grid'])) {
            if ($options['header_in_grid'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Show header top area', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[header_top_area]">
										<option <?php 
        if (isset($options['header_top_area'])) {
            if ($options['header_top_area'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['header_top_area'])) {
            if ($options['header_top_area'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Scroll header top area', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[header_top_area_scroll]">
										<option <?php 
        if (isset($options['header_top_area_scroll'])) {
            if ($options['header_top_area_scroll'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['header_top_area_scroll'])) {
            if ($options['header_top_area_scroll'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>	
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Enable breadcrumbs', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[enable_breadcrumbs]">
										<option <?php 
        if (isset($options['enable_breadcrumbs'])) {
            if ($options['enable_breadcrumbs'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_breadcrumbs'])) {
            if ($options['enable_breadcrumbs'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Enable Qode Search', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[enable_search]">
										<option <?php 
        if (isset($options['enable_search'])) {
            if ($options['enable_search'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_search'])) {
            if ($options['enable_search'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>	
									</select>
								</div>
							</td>
						</tr>
						<?php 
        if (isset($options['enable_search']) && $options['enable_search'] == 'yes') {
            ?>
							<tr>
								<td valign="middle" width="150"><?php 
            esc_html_e('Qode Search Background Color', 'qode');
            ?>
</td>
								<td>
									<div class="inline">
										<div class="colorSelector"><div style="<?php 
            if (isset($options['search_background_color'])) {
                echo 'background-color:' . esc_attr($options['search_background_color'], 'qode') . ';';
            }
            ?>
"></div></div>
										<input name="qode_options_proya[search_background_color]" type="text" value="<?php 
            if (isset($options['search_background_color'])) {
                echo esc_attr($options['search_background_color'], 'qode');
            }
            ?>
" size="10" maxlength="30" />
									</div>
								</td>
							</tr>
							<tr>
								<td valign="middle" width="150"><?php 
            esc_html_e('Qode Search Text Color', 'qode');
            ?>
</td>
								<td>
									<div class="inline">
										<div class="colorSelector"><div style="<?php 
            if (isset($options['search_text_color'])) {
                echo 'background-color:' . esc_attr($options['search_text_color'], 'qode') . ';';
            }
            ?>
"></div></div>
										<input name="qode_options_proya[search_text_color]" type="text" value="<?php 
            if (isset($options['search_text_color'])) {
                echo esc_attr($options['search_text_color'], 'qode');
            }
            ?>
" size="10" maxlength="30" />
									</div>
								</td>
							</tr>

						<?php 
        }
        ?>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Header bottom appearance', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[header_bottom_appearance]">
										<option <?php 
        if (isset($options['header_bottom_appearance'])) {
            if ($options['header_bottom_appearance'] == "regular") {
                echo "selected='selected'";
            }
        }
        ?>
 value="regular">Regular</option>
										<option <?php 
        if (isset($options['header_bottom_appearance'])) {
            if ($options['header_bottom_appearance'] == "fixed") {
                echo "selected='selected'";
            }
        }
        ?>
 value="fixed">Fixed</option>
                                        <option <?php 
        if (isset($options['header_bottom_appearance'])) {
            if ($options['header_bottom_appearance'] == "fixed_hiding") {
                echo "selected='selected'";
            }
        }
        ?>
 value="fixed_hiding">Fixed with hiding menu (logo is centered)</option>
										<option <?php 
        if (isset($options['header_bottom_appearance'])) {
            if ($options['header_bottom_appearance'] == "stick") {
                echo "selected='selected'";
            }
        }
        ?>
 value="stick">Sticky</option>
										<option <?php 
        if (isset($options['header_bottom_appearance'])) {
            if ($options['header_bottom_appearance'] == "stick menu_bottom") {
                echo "selected='selected'";
            }
        }
        ?>
 value="stick menu_bottom">Sticky with menu on bottom</option>
                                        <option <?php 
        if (isset($options['header_bottom_appearance'])) {
            if ($options['header_bottom_appearance'] == "stick_with_left_right_menu") {
                echo "selected='selected'";
            }
        }
        ?>
 value="stick_with_left_right_menu">Sticky with left and right menu (centered logo)</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Header style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[header_style]">
										<option <?php 
        if (isset($options['header_style'])) {
            if ($options['header_style'] == "") {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['header_style'])) {
            if ($options['header_style'] == "light") {
                echo "selected='selected'";
            }
        }
        ?>
 value="light">Light</option>
										<option <?php 
        if (isset($options['header_style'])) {
            if ($options['header_style'] == "dark") {
                echo "selected='selected'";
            }
        }
        ?>
 value="dark">Dark</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Menu position', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[menu_position]">
										<option <?php 
        if (isset($options['menu_position'])) {
            if ($options['menu_position'] == "") {
                echo "selected='selected'";
            }
        }
        ?>
 value="">Deafult</option>
										<option <?php 
        if (isset($options['menu_position'])) {
            if ($options['menu_position'] == "center") {
                echo "selected='selected'";
            }
        }
        ?>
 value="center">Center</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Top background color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['header_top_background_color']) {
            echo 'background-color:' . esc_attr($options['header_top_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[header_top_background_color]" type="text" value="<?php 
        if (isset($options['header_top_background_color'])) {
            echo esc_attr($options['header_top_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Bottom background color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Initial', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['header_background_color']) {
            echo 'background-color:' . esc_attr($options['header_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[header_background_color]" type="text" value="<?php 
        if (isset($options['header_background_color'])) {
            echo esc_attr($options['header_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Scrolled (fixed style)', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['header_background_color_scroll'])) {
            if ($options['header_background_color_scroll']) {
                echo 'background-color:' . esc_attr($options['header_background_color_scroll'], 'qode') . ';';
            }
        }
        ?>
"></div></div>
									<input name="qode_options_proya[header_background_color_scroll]" type="text" value="<?php 
        if (isset($options['header_background_color_scroll'])) {
            echo esc_attr($options['header_background_color_scroll'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Sticky', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['header_background_color_sticky'])) {
            if ($options['header_background_color_sticky']) {
                echo 'background-color:' . esc_attr($options['header_background_color_sticky'], 'qode') . ';';
            }
        }
        ?>
"></div></div>
									<input name="qode_options_proya[header_background_color_sticky]" type="text" value="<?php 
        if (isset($options['header_background_color_sticky'])) {
            echo esc_attr($options['header_background_color_sticky'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Header Bottom Border Color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Initial', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['header_bottom_border_color']) && $options['header_bottom_border_color']) {
            echo 'background-color:' . esc_attr($options['header_bottom_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[header_bottom_border_color]" type="text" value="<?php 
        if (isset($options['header_bottom_border_color'])) {
            echo esc_attr($options['header_bottom_border_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
									<?php 
        esc_html_e('If field is empty, header will not have border bottom', 'qode');
        ?>
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Header bottom border transparency', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<input name="qode_options_proya[header_botom_border_transparency]" type="text" value="<?php 
        if (isset($options['header_botom_border_transparency'])) {
            echo esc_attr($options['header_botom_border_transparency'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<?php 
        esc_html_e('Work only if Header Bottom Border Color is filled', 'qode');
        ?>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Header separator color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['header_separator_color']) && $options['header_separator_color']) {
            echo 'background-color:' . esc_attr($options['header_separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[header_separator_color]" type="text" value="<?php 
        if (isset($options['header_separator_color'])) {
            echo esc_attr($options['header_separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Breadcrumbs color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['breadcrumbs_color']) && $options['breadcrumbs_color']) {
            echo 'background-color:' . esc_attr($options['breadcrumbs_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[breadcrumbs_color]" type="text" value="<?php 
        if (isset($options['breadcrumbs_color'])) {
            echo esc_attr($options['breadcrumbs_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Transparency', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Initial', 'qode');
        ?>
									<input name="qode_options_proya[header_background_transparency_initial]" type="text" value="<?php 
        if (isset($options['header_background_transparency_initial'])) {
            echo esc_attr($options['header_background_transparency_initial'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Scrolled (fixed style)', 'qode');
        ?>
									<input name="qode_options_proya[header_background_transparency_scroll]" type="text" value="<?php 
        if (isset($options['header_background_transparency_scroll'])) {
            echo esc_attr($options['header_background_transparency_scroll'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Sticky', 'qode');
        ?>
									<input name="qode_options_proya[header_background_transparency_sticky]" type="text" value="<?php 
        if (isset($options['header_background_transparency_sticky'])) {
            echo esc_attr($options['header_background_transparency_sticky'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td valign="top" width="150"><?php 
        esc_html_e('Logo', 'qode');
        ?>
</td>
							<td>
								<div class="inline" style="width: 700px;">
									<?php 
        esc_html_e('Logo image - normal', 'qode');
        ?>
<br/>
									<input type="text" id="logo_image" name="qode_options_proya[logo_image]" class="logo_image" value="<?php 
        if (isset($options['logo_image'])) {
            echo esc_attr($options['logo_image'], 'qode');
        } else {
            echo QODE_ROOT . "/img/logo.png";
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div><br/><br/>
								<div class="inline" style="width: 700px;">
									<?php 
        esc_html_e('Logo image - light', 'qode');
        ?>
<br/>
									<input type="text" id="logo_image_light" name="qode_options_proya[logo_image_light]" class="logo_image_light" value="<?php 
        if (isset($options['logo_image_light'])) {
            echo esc_attr($options['logo_image_light'], 'qode');
        } else {
            echo QODE_ROOT . "/img/logo.png";
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div><br/><br/>
								<div class="inline" style="width: 700px;">
									<?php 
        esc_html_e('Logo image - dark', 'qode');
        ?>
<br/>
									<input type="text" id="logo_image_dark" name="qode_options_proya[logo_image_dark]" class="logo_image_dark" value="<?php 
        if (isset($options['logo_image_dark'])) {
            echo esc_attr($options['logo_image_dark'], 'qode');
        } else {
            echo QODE_ROOT . "/img/logo_black.png";
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div><br/><br/>
								<div class="inline"style="width: 700px;">
									<?php 
        esc_html_e('Logo image - sticky header', 'qode');
        ?>
<br/>
									<input type="text" id="logo_image_sticky" name="qode_options_proya[logo_image_sticky]" class="logo_image_sticky" value="<?php 
        if (isset($options['logo_image_sticky'])) {
            echo esc_attr($options['logo_image_sticky'], 'qode');
        } else {
            echo QODE_ROOT . "/img/logo_black.png";
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
                                <br/><br/>
                                <div class="inline"style="width: 700px;">
                                    <?php 
        esc_html_e('Logo image - fixed header with hidden menu', 'qode');
        ?>
<br/>
                                    <input type="text" id="logo_image_fixed_hidden" name="qode_options_proya[logo_image_fixed_hidden]" class="qode_upload_field" value="<?php 
        if (isset($options['logo_image_fixed_hidden'])) {
            echo esc_attr($options['logo_image_fixed_hidden'], 'qode');
        }
        ?>
" size="70">
                                    <input class="upload_button" type="button" value="Upload file">
                                </div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Center logo', 'qode');
        ?>
</td>
							<td>
                                <div class="inline">
                                    <select name="qode_options_proya[center_logo_image]">
                                        <option <?php 
        if (isset($options['center_logo_image'])) {
            $center_logo_image = $options['center_logo_image'];
            if ($center_logo_image == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
                                        <option <?php 
        if (isset($options['center_logo_image'])) {
            $center_logo_image = $options['center_logo_image'];
            if ($center_logo_image == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
                                    </select>
                                </div>
                                <div class="inline">
                                    <?php 
        esc_html_e('Animate centered logo', 'qode');
        ?>
                                    <select name="qode_options_proya[center_logo_image_animate]">
                                        <option <?php 
        if (isset($options['center_logo_image_animate'])) {
            $center_logo_image = $options['center_logo_image_animate'];
            if ($center_logo_image == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
                                        <option <?php 
        if (isset($options['center_logo_image_animate'])) {
            $center_logo_image = $options['center_logo_image_animate'];
            if ($center_logo_image == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
                                    </select>
                                    <?php 
        esc_html_e('(in this case, logo is "retina")', 'qode');
        ?>
                                </div>
							</td>
						</tr>
						<tr valign="top">
								<td scope="row" width="150"><?php 
        esc_html_e('Header height', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<?php 
        esc_html_e('Initial (px)', 'qode');
        ?>
										<input name="qode_options_proya[header_height]" type="text" value="<?php 
        if (isset($options['header_height'])) {
            echo esc_attr($options['header_height'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Scrolled - fixed style (px)', 'qode');
        ?>
										<input name="qode_options_proya[header_height_scroll]" type="text" value="<?php 
        if (isset($options['header_height_scroll'])) {
            echo esc_attr($options['header_height_scroll'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Sticky (px)', 'qode');
        ?>
										<input name="qode_options_proya[header_height_sticky]" type="text" value="<?php 
        if (isset($options['header_height_sticky'])) {
            echo esc_attr($options['header_height_sticky'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<br/>
                                    <div class="">
                                        <?php 
        esc_html_e('Scrolled - visible part in fixed with hidden menu style (px)', 'qode');
        ?>
                                        <input name="qode_options_proya[header_height_scroll_hidden]" type="text" value="<?php 
        if (isset($options['header_height_scroll_hidden'])) {
            echo esc_attr($options['header_height_scroll_hidden'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                                    </div>
								</td>
						</tr>
						<tr valign="top">
								<td scope="row" width="150"><?php 
        esc_html_e('Scroll amount for sticky appear (px)', 'qode');
        ?>
</td>
								<td>
									<div class="inline">
										<input name="qode_options_proya[scroll_amount_for_sticky]" type="text" value="<?php 
        if (isset($options['scroll_amount_for_sticky'])) {
            echo esc_attr($options['scroll_amount_for_sticky'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
								</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Dropdown main menu', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_background_color'])) {
            echo 'background-color:' . esc_attr($options['dropdown_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[dropdown_background_color]" type="text" value="<?php 
        if (isset($options['dropdown_background_color'])) {
            echo esc_attr($options['dropdown_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Transparency (From 0 to 1)', 'qode');
        ?>
									<input name="qode_options_proya[dropdown_background_transparency]" type="text" value="<?php 
        if (isset($options['dropdown_background_transparency'])) {
            echo esc_attr($options['dropdown_background_transparency'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('1st level menu style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['menu_color']) {
            echo 'background-color:' . esc_attr($options['menu_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[menu_color]" type="text" value="<?php 
        if ($options['menu_color']) {
            echo esc_attr($options['menu_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['menu_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['menu_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[menu_hovercolor]" type="text" value="<?php 
        if (isset($options['menu_hovercolor'])) {
            echo esc_attr($options['menu_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Active Color', 'qode');
        ?>
									<?php 
        $active_color = '';
        if (isset($options['menu_activecolor'])) {
            $active_color = $options['menu_activecolor'];
        } elseif (isset($options['menu_hovercolor'])) {
            $active_color = $options['menu_hovercolor'];
        }
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($active_color !== '') {
            echo 'background-color:' . esc_attr($active_color) . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[menu_activecolor]" type="text" value="<?php 
        echo esc_attr($active_color);
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['menu_hover_background_color'])) {
            echo 'background-color:' . esc_attr($options['menu_hover_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[menu_hover_background_color]" type="text" value="<?php 
        if (isset($options['menu_hover_background_color'])) {
            echo esc_attr($options['menu_hover_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover Background Color Transparency', 'qode');
        ?>
									<input name="qode_options_proya[menu_hover_background_color_transparency]" type="text" value="<?php 
        if (isset($options['menu_hover_background_color_transparency'])) {
            echo esc_attr($options['menu_hover_background_color_transparency'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[menu_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['menu_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[menu_fontsize]" type="text" value="<?php 
        if ($options['menu_fontsize']) {
            echo esc_attr($options['menu_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[menu_lineheight]" type="text" value="<?php 
        if ($options['menu_lineheight']) {
            echo esc_attr($options['menu_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[menu_fontstyle]">
										<option <?php 
        if ($options['menu_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['menu_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['menu_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[menu_fontweight]">
										<option <?php 
        if ($options['menu_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['menu_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['menu_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['menu_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['menu_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['menu_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['menu_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['menu_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['menu_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[menu_letterspacing]" type="text" value="<?php 
        if (isset($options['menu_letterspacing']) && $options['menu_letterspacing'] !== '') {
            echo esc_attr($options['menu_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text transform', 'qode');
        ?>
									<?php 
        $this->generate_dropdown_field('menu_text_transform', array('' => '', 'none' => 'None', 'capitalize' => 'Capitalize', 'uppercase' => 'Upercase', 'lowercase' => 'Lowercase'));
        ?>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Separator Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['menu_separator_color'])) {
            echo 'background-color:' . esc_attr($options['menu_separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[menu_separator_color]" type="text" value="<?php 
        if (isset($options['menu_separator_color'])) {
            echo esc_attr($options['menu_separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Show Separator Between Items', 'qode');
        ?>
									<input name="qode_options_proya[menu_separator_between_items]" type="checkbox" value="yes" <?php 
        if (isset($options['menu_separator_between_items']) && $options['menu_separator_between_items'] == 'yes') {
            echo 'checked';
        }
        ?>
 size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('2nd level menu style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_color'])) {
            echo 'background-color:' . esc_attr($options['dropdown_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[dropdown_color]" type="text" value="<?php 
        if (isset($options['dropdown_color'])) {
            echo esc_attr($options['dropdown_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['dropdown_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[dropdown_hovercolor]" type="text" value="<?php 
        if (isset($options['dropdown_hovercolor'])) {
            echo esc_attr($options['dropdown_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[dropdown_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['dropdown_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_proya[dropdown_fontsize]" type="text" value="<?php 
        if ($options['dropdown_fontsize']) {
            echo esc_attr($options['dropdown_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_proya[dropdown_lineheight]" type="text" value="<?php 
        if ($options['dropdown_lineheight']) {
            echo esc_attr($options['dropdown_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_proya[dropdown_fontstyle]">
											<option <?php 
        if ($options['dropdown_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['dropdown_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if ($options['dropdown_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_proya[dropdown_fontweight]">
											<option <?php 
        if ($options['dropdown_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
											<option <?php 
        if ($options['dropdown_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Text Transform', 'qode');
        ?>
										<select name="qode_options_proya[dropdown_texttransform]">
											<option <?php 
        if (isset($options['dropdown_texttransform']) && $options['dropdown_texttransform'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['dropdown_texttransform']) && $options['dropdown_texttransform'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">None</option>
											<option <?php 
        if (isset($options['dropdown_texttransform']) && $options['dropdown_texttransform'] == "capitalize") {
            echo "selected='selected'";
        }
        ?>
 value="capitalize">Capitalize</option>
											<option <?php 
        if (isset($options['dropdown_texttransform']) && $options['dropdown_texttransform'] == "uppercase") {
            echo "selected='selected'";
        }
        ?>
 value="uppercase">Uppercase</option>
											<option <?php 
        if (isset($options['dropdown_texttransform']) && $options['dropdown_texttransform'] == "lowercase") {
            echo "selected='selected'";
        }
        ?>
 value="lowercase">Lowercase</option>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
										<input name="qode_options_proya[dropdown_letterspacing]" type="text" value="<?php 
        if (isset($options['dropdown_letterspacing']) && $options['dropdown_letterspacing'] !== '') {
            echo esc_attr($options['dropdown_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Padding Top/Bottom', 'qode');
        ?>
										<input name="qode_options_proya[dropdown_padding_top_bottom]" type="text" value="<?php 
        if (isset($options['dropdown_padding_top_bottom'])) {
            echo esc_attr($options['dropdown_padding_top_bottom'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
								<br /><br />
								<div class="inline">
									<?php 
        esc_html_e('Dropdow separator between items(Only for classic menu style(not wide))', 'qode');
        ?>
									<select name="qode_options_proya[dropdown_separator_beetwen_items]">
										<option <?php 
        if (isset($options['dropdown_separator_beetwen_items'])) {
            $dropdown_separator_beetwen_items = $options['dropdown_separator_beetwen_items'];
            if ($dropdown_separator_beetwen_items == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['dropdown_separator_beetwen_items'])) {
            $dropdown_separator_beetwen_items = $options['dropdown_separator_beetwen_items'];
            if ($dropdown_separator_beetwen_items == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">no</option>
										<option <?php 
        if (isset($options['dropdown_separator_beetwen_items'])) {
            $dropdown_separator_beetwen_items = $options['dropdown_separator_beetwen_items'];
            if ($dropdown_separator_beetwen_items == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">yes</option>
									</select>
								</div><br /><br />
								<div class="inline">
									<?php 
        esc_html_e('Border around dropdown menu', 'qode');
        ?>
									<select name="qode_options_proya[dropdown_border_around]">
										<option <?php 
        if (isset($options['dropdown_border_around'])) {
            $dropdown_border_around = $options['dropdown_border_around'];
            if ($dropdown_border_around == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['dropdown_border_around'])) {
            $dropdown_border_around = $options['dropdown_border_around'];
            if ($dropdown_border_around == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">no</option>
										<option <?php 
        if (isset($options['dropdown_border_around'])) {
            $dropdown_border_around = $options['dropdown_border_around'];
            if ($dropdown_border_around == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('2nd level menu style for wide menu', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_wide_color'])) {
            echo 'background-color:' . esc_attr($options['dropdown_wide_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[dropdown_wide_color]" type="text" value="<?php 
        if (isset($options['dropdown_wide_color'])) {
            echo esc_attr($options['dropdown_wide_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_wide_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['dropdown_wide_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[dropdown_wide_hovercolor]" type="text" value="<?php 
        if (isset($options['dropdown_wide_hovercolor'])) {
            echo esc_attr($options['dropdown_wide_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[dropdown_wide_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['dropdown_wide_google_fonts']) && $options['dropdown_wide_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[dropdown_wide_fontsize]" type="text" value="<?php 
        if (isset($options['dropdown_wide_fontsize'])) {
            echo esc_attr($options['dropdown_wide_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[dropdown_wide_lineheight]" type="text" value="<?php 
        if (isset($options['dropdown_wide_lineheight'])) {
            echo esc_attr($options['dropdown_wide_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[dropdown_wide_fontstyle]">
										<option <?php 
        if (isset($options['dropdown_wide_fontstyle']) && $options['dropdown_wide_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['dropdown_wide_fontstyle']) && $options['dropdown_wide_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if (isset($options['dropdown_wide_fontstyle']) && $options['dropdown_wide_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[dropdown_wide_fontweight]">
										<option <?php 
        if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text Transform', 'qode');
        ?>
									<select name="qode_options_proya[dropdown_wide_texttransform]">
										<option <?php 
        if (isset($options['dropdown_wide_texttransform']) && $options['dropdown_wide_texttransform'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['dropdown_wide_texttransform']) && $options['dropdown_wide_texttransform'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">None</option>
										<option <?php 
        if (isset($options['dropdown_wide_texttransform']) && $options['dropdown_wide_texttransform'] == "capitalize") {
            echo "selected='selected'";
        }
        ?>
 value="capitalize">Capitalize</option>
										<option <?php 
        if (isset($options['dropdown_wide_texttransform']) && $options['dropdown_wide_texttransform'] == "uppercase") {
            echo "selected='selected'";
        }
        ?>
 value="uppercase">Uppercase</option>
										<option <?php 
        if (isset($options['dropdown_wide_texttransform']) && $options['dropdown_wide_texttransform'] == "lowercase") {
            echo "selected='selected'";
        }
        ?>
 value="lowercase">Lowercase</option>
									</select>
								</div><br /><br />
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[dropdown_wide_letterspacing]" type="text" value="<?php 
        if (isset($options['dropdown_wide_letterspacing']) && $options['dropdown_wide_letterspacing'] !== '') {
            echo esc_attr($options['dropdown_wide_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>

							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('3rd level menu style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_color_thirdlvl'])) {
            echo 'background-color:' . esc_attr($options['dropdown_color_thirdlvl'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[dropdown_color_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_color_thirdlvl'])) {
            echo esc_attr($options['dropdown_color_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['dropdown_hovercolor_thirdlvl'])) {
            echo 'background-color:' . esc_attr($options['dropdown_hovercolor_thirdlvl'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[dropdown_hovercolor_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_hovercolor_thirdlvl'])) {
            echo esc_attr($options['dropdown_hovercolor_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[dropdown_google_fonts_thirdlvl]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['dropdown_google_fonts_thirdlvl'])) {
                $dropdown_google_fonts_thirdlvl = $options['dropdown_google_fonts_thirdlvl'];
                if ($dropdown_google_fonts_thirdlvl == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_proya[dropdown_fontsize_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_fontsize_thirdlvl'])) {
            echo esc_attr($options['dropdown_fontsize_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_proya[dropdown_lineheight_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_lineheight_thirdlvl'])) {
            echo esc_attr($options['dropdown_lineheight_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_proya[dropdown_fontstyle_thirdlvl]">
											<option <?php 
        if (isset($options['dropdown_fontstyle_thirdlvl'])) {
            $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl'];
            if ($dropdown_fontstyle_thirdlvl == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['dropdown_fontstyle_thirdlvl'])) {
            $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl'];
            if ($dropdown_fontstyle_thirdlvl == 'normal') {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if (isset($options['dropdown_fontstyle_thirdlvl'])) {
            $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl'];
            if ($dropdown_fontstyle_thirdlvl == 'italic') {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_proya[dropdown_fontweight_thirdlvl]">
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '200') {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '300') {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '400') {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '500') {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '600') {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '700') {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '800') {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
											<option <?php 
        if (isset($options['dropdown_fontweight_thirdlvl'])) {
            $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl'];
            if ($dropdown_fontweight_thirdlvl == '900') {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Text Transform', 'qode');
        ?>
										<select name="qode_options_proya[dropdown_texttransform_thirdlvl]">
											<option <?php 
        if (isset($options['dropdown_texttransform_thirdlvl']) && $options['dropdown_texttransform_thirdlvl'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['dropdown_texttransform_thirdlvl']) && $options['dropdown_texttransform_thirdlvl'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">None</option>
											<option <?php 
        if (isset($options['dropdown_texttransform_thirdlvl']) && $options['dropdown_texttransform_thirdlvl'] == "capitalize") {
            echo "selected='selected'";
        }
        ?>
 value="capitalize">Capitalize</option>
											<option <?php 
        if (isset($options['dropdown_texttransform_thirdlvl']) && $options['dropdown_texttransform_thirdlvl'] == "uppercase") {
            echo "selected='selected'";
        }
        ?>
 value="uppercase">Uppercase</option>
											<option <?php 
        if (isset($options['dropdown_texttransform_thirdlvl']) && $options['dropdown_texttransform_thirdlvl'] == "lowercase") {
            echo "selected='selected'";
        }
        ?>
 value="lowercase">Lowercase</option>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
										<input name="qode_options_proya[dropdown_letterspacing_thirdlvl]" type="text" value="<?php 
        if (isset($options['dropdown_letterspacing_thirdlvl']) && $options['dropdown_letterspacing_thirdlvl'] !== '') {
            echo esc_attr($options['dropdown_letterspacing_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Fixed menu', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['fixed_color'])) {
            echo 'background-color:' . esc_attr($options['fixed_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[fixed_color]" type="text" value="<?php 
        if (isset($options['fixed_color'])) {
            echo esc_attr($options['fixed_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['fixed_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['fixed_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[fixed_hovercolor]" type="text" value="<?php 
        if (isset($options['fixed_hovercolor'])) {
            echo esc_attr($options['fixed_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[fixed_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['fixed_google_fonts'])) {
                $fixed_google_fonts = $options['fixed_google_fonts'];
                if ($fixed_google_fonts == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_proya[fixed_fontsize]" type="text" value="<?php 
        if (isset($options['fixed_fontsize'])) {
            echo esc_attr($options['fixed_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_proya[fixed_lineheight]" type="text" value="<?php 
        if (isset($options['fixed_lineheight'])) {
            echo esc_attr($options['fixed_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_proya[fixed_fontstyle]">
											<option <?php 
        if (isset($options['fixed_fontstyle'])) {
            $fixed_fontstyle = $options['fixed_fontstyle'];
            if ($fixed_fontstyle == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['fixed_fontstyle'])) {
            $fixed_fontstyle = $options['fixed_fontstyle'];
            if ($fixed_fontstyle == 'normal') {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if (isset($options['fixed_fontstyle'])) {
            $fixed_fontstyle = $options['fixed_fontstyle'];
            if ($fixed_fontstyle == 'italic') {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_proya[fixed_fontweight]">
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '200') {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '300') {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '400') {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '500') {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '600') {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '700') {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '800') {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
											<option <?php 
        if (isset($options['fixed_fontweight'])) {
            $fixed_fontweight = $options['fixed_fontweight'];
            if ($fixed_fontweight == '900') {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
										</select>
									</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Sticky menu', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['sticky_color'])) {
            echo 'background-color:' . esc_attr($options['sticky_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[sticky_color]" type="text" value="<?php 
        if (isset($options['sticky_color'])) {
            echo esc_attr($options['sticky_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['sticky_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['sticky_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[sticky_hovercolor]" type="text" value="<?php 
        if (isset($options['sticky_hovercolor'])) {
            echo esc_attr($options['sticky_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[sticky_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['sticky_google_fonts'])) {
                $sticky_google_fonts = $options['sticky_google_fonts'];
                if ($sticky_google_fonts == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_proya[sticky_fontsize]" type="text" value="<?php 
        if (isset($options['sticky_fontsize'])) {
            echo esc_attr($options['sticky_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_proya[sticky_lineheight]" type="text" value="<?php 
        if (isset($options['sticky_lineheight'])) {
            echo esc_attr($options['sticky_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_proya[sticky_fontstyle]">
											<option <?php 
        if (isset($options['sticky_fontstyle'])) {
            $sticky_fontstyle = $options['sticky_fontstyle'];
            if ($sticky_fontstyle == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['sticky_fontstyle'])) {
            $sticky_fontstyle = $options['sticky_fontstyle'];
            if ($sticky_fontstyle == 'normal') {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if (isset($options['sticky_fontstyle'])) {
            $sticky_fontstyle = $options['sticky_fontstyle'];
            if ($sticky_fontstyle == 'italic') {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_proya[sticky_fontweight]">
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '200') {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '300') {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '400') {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '500') {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '600') {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '700') {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '800') {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
											<option <?php 
        if (isset($options['sticky_fontweight'])) {
            $sticky_fontweight = $options['sticky_fontweight'];
            if ($sticky_fontweight == '900') {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
										</select>
									</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Mobile menu style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['mobile_color'])) {
            echo 'background-color:' . esc_attr($options['mobile_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[mobile_color]" type="text" value="<?php 
        if (isset($options['mobile_color'])) {
            echo esc_attr($options['mobile_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['mobile_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['mobile_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[mobile_hovercolor]" type="text" value="<?php 
        if (isset($options['mobile_hovercolor'])) {
            echo esc_attr($options['mobile_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[mobile_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['mobile_google_fonts'])) {
                $mobile_google_fonts = $options['mobile_google_fonts'];
                if ($mobile_google_fonts == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
										<input name="qode_options_proya[mobile_fontsize]" type="text" value="<?php 
        if (isset($options['mobile_fontsize'])) {
            echo esc_attr($options['mobile_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
										<input name="qode_options_proya[mobile_lineheight]" type="text" value="<?php 
        if (isset($options['mobile_lineheight'])) {
            echo esc_attr($options['mobile_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font style', 'qode');
        ?>
										<select name="qode_options_proya[mobile_fontstyle]">
											<option <?php 
        if (isset($options['mobile_fontstyle'])) {
            $mobile_fontstyle = $options['mobile_fontstyle'];
            if ($mobile_fontstyle == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['mobile_fontstyle'])) {
            $mobile_fontstyle = $options['mobile_fontstyle'];
            if ($mobile_fontstyle == 'normal') {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
											<option <?php 
        if (isset($options['mobile_fontstyle'])) {
            $mobile_fontstyle = $options['mobile_fontstyle'];
            if ($mobile_fontstyle == 'italic') {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>
										</select>
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Font weight', 'qode');
        ?>
										<select name="qode_options_proya[mobile_fontweight]">
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '200') {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '300') {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '400') {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '500') {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '600') {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '700') {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '800') {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
											<option <?php 
        if (isset($options['mobile_fontweight'])) {
            $mobile_fontweight = $options['mobile_fontweight'];
            if ($mobile_fontweight == '900') {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
										</select>
									</div><br /><br />
									<div class="inline">
										<?php 
        esc_html_e('Separator color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if (isset($options['mobile_separator_color'])) {
            echo 'background-color:' . esc_attr($options['mobile_separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_proya[mobile_separator_color]" type="text" value="<?php 
        if (isset($options['mobile_separator_color'])) {
            echo esc_attr($options['mobile_separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Background color', 'qode');
        ?>
										<div class="colorSelector"><div style="<?php 
        if (isset($options['mobile_background_color'])) {
            echo 'background-color:' . esc_attr($options['mobile_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
										<input name="qode_options_proya[mobile_background_color]" type="text" value="<?php 
        if (isset($options['mobile_background_color'])) {
            echo esc_attr($options['mobile_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
									</div>
									<div class="inline">
										<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
										<input name="qode_options_proya[mobile_letter_spacing]" type="text" value="<?php 
        if (isset($options['mobile_letter_spacing'])) {
            echo esc_attr($options['mobile_letter_spacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Top Header', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['top_header_text_color'])) {
            echo 'background-color:' . esc_attr($options['top_header_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[top_header_text_color]" type="text" value="<?php 
        if (isset($options['top_header_text_color'])) {
            echo esc_attr($options['top_header_text_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['mobile_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['mobile_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[top_header_text_hover_color]" type="text" value="<?php 
        if (isset($options['top_header_text_hover_color'])) {
            echo esc_attr($options['top_header_text_hover_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[top_header_text_font_family]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['top_header_text_font_family'])) {
                $mobile_google_fonts = $options['top_header_text_font_family'];
                if ($mobile_google_fonts == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[top_header_text_font_size]" type="text" value="<?php 
        if (isset($options['top_header_text_font_size'])) {
            echo esc_attr($options['top_header_text_font_size'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[top_header_text_line_height]" type="text" value="<?php 
        if (isset($options['top_header_text_line_height'])) {
            echo esc_attr($options['top_header_text_line_height'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[top_header_text_font_style]">
										<option <?php 
        if (isset($options['top_header_text_font_style'])) {
            $top_header_text_font_style = $options['top_header_text_font_style'];
            if ($top_header_text_font_style == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['top_header_text_font_style'])) {
            $top_header_text_font_stylee = $options['top_header_text_font_style'];
            if ($top_header_text_font_style == 'normal') {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if (isset($options['top_header_text_font_style'])) {
            $top_header_text_font_style = $options['top_header_text_font_style'];
            if ($top_header_text_font_style == 'italic') {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[top_header_text_font_weight]">
										<option <?php 
        if (isset($options['top_header_text_font_weight'])) {
            $top_header_text_font_weight = $options['top_header_text_font_weight'];
            if ($top_header_text_font_weight == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['top_header_text_font_weight'])) {
            $top_header_text_font_weight = $options['top_header_text_font_weight'];
            if ($top_header_text_font_weight == '200') {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['top_header_text_font_weight'])) {
            $top_header_text_font_weight = $options['top_header_text_font_weight'];
            if ($top_header_text_font_weight == '300') {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['top_header_text_font_weight'])) {
            $top_header_text_font_weight = $options['top_header_text_font_weight'];
            if ($top_header_text_font_weight == '400') {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['top_header_text_font_weight'])) {
            $top_header_text_font_weight = $options['top_header_text_font_weight'];
            if ($top_header_text_font_weight == '500') {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['top_header_text_font_weight'])) {
            $top_header_text_font_weight = $options['top_header_text_font_weight'];
            if ($top_header_text_font_weight == '600') {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['top_header_text_font_weight'])) {
            $top_header_text_font_weight = $options['top_header_text_font_weight'];
            if ($top_header_text_font_weight == '700') {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['top_header_text_font_weight'])) {
            $top_header_text_font_weight = $options['top_header_text_font_weight'];
            if ($top_header_text_font_weight == '800') {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['top_header_text_font_weight'])) {
            $top_header_text_font_weight = $options['top_header_text_font_weight'];
            if ($top_header_text_font_weight == '900') {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[top_header_text_letter_spacing]" type="text" value="<?php 
        if (isset($options['top_header_text_letter_spacing'])) {
            echo esc_attr($options['top_header_text_letter_spacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<br /><br />
								<div class="inline">
									<?php 
        esc_html_e('Border color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['top_header_border_color'])) {
            echo 'background-color:' . esc_attr($options['top_header_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[top_header_border_color]" type="text" value="<?php 
        if (isset($options['top_header_border_color'])) {
            echo esc_attr($options['top_header_border_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border Weight (px)', 'qode');
        ?>
									<input name="qode_options_proya[top_header_border_weight]" type="text" value="<?php 
        if (isset($options['top_header_border_weight'])) {
            echo esc_attr($options['top_header_border_weight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Title', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Animate title area', 'qode');
        ?>
									<select name="qode_options_proya[animate_title_area]">
										<option <?php 
        if (isset($options['animate_title_area'])) {
            $animate_title_area = $options['animate_title_area'];
            if ($animate_title_area == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No animation</option>
										<option <?php 
        if (isset($options['animate_title_area'])) {
            $animate_title_area = $options['animate_title_area'];
            if ($animate_title_area == 'text_right_left') {
                echo "selected='selected'";
            }
        }
        ?>
 value="text_right_left">Text right to left</option>
										<option <?php 
        if (isset($options['animate_title_area'])) {
            $animate_title_area = $options['animate_title_area'];
            if ($animate_title_area == 'area_top_bottom') {
                echo "selected='selected'";
            }
        }
        ?>
 value="area_top_bottom">Title area top to bottom</option>
									</select>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Text shadow', 'qode');
        ?>
									<select name="qode_options_proya[title_text_shadow]">
										<option <?php 
        if (isset($options['title_text_shadow'])) {
            $title_text_shadow = $options['title_text_shadow'];
            if ($title_text_shadow == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['title_text_shadow'])) {
            $title_text_shadow = $options['title_text_shadow'];
            if ($title_text_shadow == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['title_background_color'])) {
            echo 'background-color:' . esc_attr($options['title_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[title_background_color]" type="text" value="<?php 
        if (isset($options['title_background_color'])) {
            echo esc_attr($options['title_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Responsive title image', 'qode');
        ?>
									<select name="qode_options_proya[responsive_title_image]">
										<option <?php 
        if (isset($options['responsive_title_image'])) {
            $responsive_title_image = $options['responsive_title_image'];
            if ($responsive_title_image == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['responsive_title_image'])) {
            $responsive_title_image = $options['responsive_title_image'];
            if ($responsive_title_image == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Parallax title image', 'qode');
        ?>
									<select name="qode_options_proya[fixed_title_image]">
										<option <?php 
        if (isset($options['fixed_title_image'])) {
            $fixed_title_image = $options['fixed_title_image'];
            if ($fixed_title_image == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['fixed_title_image'])) {
            $fixed_title_image = $options['fixed_title_image'];
            if ($fixed_title_image == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
										<option <?php 
        if (isset($options['fixed_title_image'])) {
            $fixed_title_image = $options['fixed_title_image'];
            if ($fixed_title_image == 'yes_zoom') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes_zoom">Yes, with zoom out</option>
									</select>
									<?php 
        esc_html_e('Only if title image is not responsive', 'qode');
        ?>
								</div>
								<br/><br/>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Title image', 'qode');
        ?>
									<input type="text" id="title_image" name="qode_options_proya[title_image]" class="title_image" value="<?php 
        if (isset($options['title_image'])) {
            echo esc_attr($options['title_image'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
								<br/><br/>
								<div class="inline" style="width: 880px;">
									<?php 
        esc_html_e('Title pattern overlay image', 'qode');
        ?>
									<input type="text" id="title_overlay_image" name="qode_options_proya[title_overlay_image]" class="title_overlay_image" value="<?php 
        if (isset($options['title_overlay_image'])) {
            echo esc_attr($options['title_overlay_image'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Title height (px)', 'qode');
        ?>
									<input name="qode_options_proya[title_height]" type="text" value="<?php 
        if (isset($options['title_height'])) {
            echo esc_attr($options['title_height'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									<?php 
        esc_html_e('Only if title image is not responsive', 'qode');
        ?>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Title position', 'qode');
        ?>
									<select name="qode_options_proya[page_title_position]">
										<option <?php 
        if ($options['page_title_position'] == 'left') {
            echo "selected='selected'";
        }
        ?>
 value="left">Left</option>
										<option <?php 
        if ($options['page_title_position'] == 'center') {
            echo "selected='selected'";
        }
        ?>
 value="center">Center</option>
										<option <?php 
        if ($options['page_title_position'] == 'right') {
            echo "selected='selected'";
        }
        ?>
 value="right">Right</option>
									</select>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Show title separator', 'qode');
        ?>
									<select name="qode_options_proya[title_separator]">
										<option <?php 
        if (isset($options['title_separator'])) {
            $title_separator = $options['title_separator'];
            if ($title_separator == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['title_separator'])) {
            $title_separator = $options['title_separator'];
            if ($title_separator == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Title Separator Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['title_separator_color']) && $options['title_separator_color']) {
            echo 'background-color:' . esc_attr($options['title_separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[title_separator_color]" type="text" value="<?php 
        if (isset($options['title_separator_color'])) {
            echo esc_attr($options['title_separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Title Separator Width (px)', 'qode');
        ?>
									<input name="qode_options_proya[title_separator_width]" type="text" value="<?php 
        if (isset($options['title_separator_width'])) {
            echo esc_attr($options['title_separator_width'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Predefined title sizes', 'qode');
        ?>
									<select name="qode_options_proya[predefined_title_sizes]">
										<option <?php 
        if (isset($options['predefined_title_sizes']) && $options['predefined_title_sizes'] == 'small') {
            echo "selected='selected'";
        }
        ?>
 value="small">Small</option>
										<option <?php 
        if (isset($options['predefined_title_sizes']) && $options['predefined_title_sizes'] == 'medium') {
            echo "selected='selected'";
        }
        ?>
 value="medium">Medium</option>
										<option <?php 
        if (isset($options['predefined_title_sizes']) && $options['predefined_title_sizes'] == 'large') {
            echo "selected='selected'";
        }
        ?>
 value="large">Large</option>
									</select>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Border Bottom on Title Area', 'qode');
        ?>
									<select name="qode_options_proya[border_bottom_title_area]">
										<option <?php 
        if (isset($options['border_bottom_title_area'])) {
            $border_bottom_title_area = $options['border_bottom_title_area'];
            if ($border_bottom_title_area == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['border_bottom_title_area'])) {
            $border_bottom_title_area = $options['border_bottom_title_area'];
            if ($border_bottom_title_area == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Border Bottom on Title Area Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['border_bottom_title_area_color']) && $options['border_bottom_title_area_color']) {
            echo 'background-color:' . esc_attr($options['border_bottom_title_area_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[border_bottom_title_area_color]" type="text" value="<?php 
        if (isset($options['border_bottom_title_area_color'])) {
            echo esc_attr($options['border_bottom_title_area_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Margin after title for default template (px)', 'qode');
        ?>
									<input name="qode_options_proya[margin_after_title]" type="text" value="<?php 
        if (isset($options['margin_after_title'])) {
            echo esc_attr($options['margin_after_title'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
                        <tr valign="top">
                            <td scope="row" width="150"><?php 
        esc_html_e('Header Buttons', 'qode');
        ?>
</td>
                            <td>
                                <div class="inline">
                                    <?php 
        esc_html_e('Color', 'qode');
        ?>
                                    <div class="colorSelector"><div style="<?php 
        if ($options['header_buttons_color']) {
            echo 'background-color:' . esc_attr($options['header_buttons_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                                    <input name="qode_options_proya[header_buttons_color]" type="text" value="<?php 
        if (isset($options['header_buttons_color']) && $options['header_buttons_color']) {
            echo esc_attr($options['header_buttons_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                                </div>
                                <br/><br/>
                                <div class="inline">
                                    <?php 
        esc_html_e('Hover Color', 'qode');
        ?>
                                    <div class="colorSelector"><div style="<?php 
        if ($options['header_buttons_hover_color']) {
            echo 'background-color:' . esc_attr($options['header_buttons_hover_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                                    <input name="qode_options_proya[header_buttons_hover_color]" type="text" value="<?php 
        if (isset($options['header_buttons_hover_color']) && $options['header_buttons_hover_color']) {
            echo esc_attr($options['header_buttons_hover_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                                </div>
                                <br/><br/>
                                <div class="inline">
                                    <?php 
        esc_html_e('Font Size (px)', 'qode');
        ?>
                                    <input name="qode_options_proya[header_buttons_font_size]" type="text" value="<?php 
        if (isset($options['header_buttons_font_size']) && $options['header_buttons_font_size']) {
            echo esc_attr($options['header_buttons_font_size'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                                </div>
                                <br/><br/>
                                <div class="inline">
                                    <?php 
        esc_html_e('Size for side menu/fullscreen menu button', 'qode');
        ?>
                                    <select name="qode_options_proya[header_buttons_size]">
                                        <option <?php 
        if (isset($options['header_buttons_size'])) {
            if ($options['header_buttons_size'] == "normal") {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">Normal</option>
                                        <option <?php 
        if (isset($options['header_buttons_size'])) {
            if ($options['header_buttons_size'] == "medium") {
                echo "selected='selected'";
            }
        }
        ?>
 value="medium">Medium</option>
                                        <option <?php 
        if (isset($options['header_buttons_size'])) {
            if ($options['header_buttons_size'] == "large") {
                echo "selected='selected'";
            }
        }
        ?>
 value="large">Large</option>
                                    </select>
                                </div>
                            </td>
                        </tr>
						<tr><td colspan='2'><h2>Footer</h2></td></tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Uncovering footer', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[uncovering_footer]">
										<option <?php 
        if (isset($options['uncovering_footer'])) {
            if ($options['uncovering_footer'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
										<option <?php 
        if (isset($options['uncovering_footer'])) {
            if ($options['uncovering_footer'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Footer in grid', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[footer_in_grid]">
										<option <?php 
        if (isset($options['footer_in_grid'])) {
            if ($options['footer_in_grid'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['footer_in_grid'])) {
            if ($options['footer_in_grid'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Show footer top', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[show_footer_top]">
										<option <?php 
        if (isset($options['show_footer_top'])) {
            if ($options['show_footer_top'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
										<option <?php 
        if (isset($options['show_footer_top'])) {
            if ($options['show_footer_top'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Footer top columns', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[footer_top_columns]">
										<option <?php 
        if (isset($options['footer_top_columns'])) {
            if ($options['footer_top_columns'] == "1") {
                echo "selected='selected'";
            }
        }
        ?>
 value="1">1</option>
										<option <?php 
        if (isset($options['footer_top_columns'])) {
            if ($options['footer_top_columns'] == "2") {
                echo "selected='selected'";
            }
        }
        ?>
 value="2">2</option>
										<option <?php 
        if (isset($options['footer_top_columns'])) {
            if ($options['footer_top_columns'] == "3") {
                echo "selected='selected'";
            }
        }
        ?>
 value="3">3</option>
										<option <?php 
        if (isset($options['footer_top_columns'])) {
            if ($options['footer_top_columns'] == "5") {
                echo "selected='selected'";
            }
        }
        ?>
 value="5">3(25%+25%+50%)</option>
										<option <?php 
        if (isset($options['footer_top_columns'])) {
            if ($options['footer_top_columns'] == "6") {
                echo "selected='selected'";
            }
        }
        ?>
 value="6">3(50%+25%+25%)</option>
										<option <?php 
        if (isset($options['footer_top_columns'])) {
            if ($options['footer_top_columns'] == "4") {
                echo "selected='selected'";
            }
        }
        ?>
 value="4">4</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Show footer bottom', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[footer_text]">
										<option <?php 
        if ($options['footer_text'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
										<option <?php 
        if ($options['footer_text'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>

									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Footer top colors', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Title color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_top_title_color']) {
            echo 'background-color:' . esc_attr($options['footer_top_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[footer_top_title_color]" type="text" value="<?php 
        if ($options['footer_top_title_color']) {
            echo esc_attr($options['footer_top_title_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_top_text_color']) {
            echo 'background-color:' . esc_attr($options['footer_top_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[footer_top_text_color]" type="text" value="<?php 
        if ($options['footer_top_text_color']) {
            echo esc_attr($options['footer_top_text_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Link color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['footer_link_color'])) {
            echo 'background-color:' . esc_attr($options['footer_link_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[footer_link_color]" type="text" value="<?php 
        if (isset($options['footer_link_color'])) {
            echo esc_attr($options['footer_link_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Link hover color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['footer_link_hover_color'])) {
            echo 'background-color:' . esc_attr($options['footer_link_hover_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[footer_link_hover_color]" type="text" value="<?php 
        if (isset($options['footer_link_hover_color'])) {
            echo esc_attr($options['footer_link_hover_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_top_background_color']) {
            echo 'background-color:' . esc_attr($options['footer_top_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[footer_top_background_color]" type="text" value="<?php 
        if ($options['footer_top_background_color']) {
            echo esc_attr($options['footer_top_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Footer top title styles', 'qode');
        ?>
</td>
							<td>
								<?php 
        $this->generate_font_settings_section('footer_title');
        ?>
							</td>
						</tr>
						<tr>
							<td scope="row" width="150"><?php 
        esc_html_e('Footer bottom colors', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Text color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_bottom_text_color']) {
            echo 'background-color:' . esc_attr($options['footer_bottom_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[footer_bottom_text_color]" type="text" value="<?php 
        if ($options['footer_bottom_text_color']) {
            echo esc_attr($options['footer_bottom_text_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Link Hover color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['footer_bottom_link_hover_color']) && $options['footer_bottom_link_hover_color'] != '') {
            echo 'background-color:' . esc_attr($options['footer_bottom_link_hover_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[footer_bottom_link_hover_color]" type="text" value="<?php 
        if (isset($options['footer_bottom_link_hover_color']) && $options['footer_bottom_link_hover_color'] != '') {
            echo esc_attr($options['footer_bottom_link_hover_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['footer_bottom_background_color']) {
            echo 'background-color:' . esc_attr($options['footer_bottom_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[footer_bottom_background_color]" type="text" value="<?php 
        if (isset($options['footer_bottom_background_color'])) {
            echo esc_attr($options['footer_bottom_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>

					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Elements</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Separator</h2></td></tr>
						<tr valign="middle">
							<td valign="middle">Separator Normal</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['separator_color'])) {
            echo 'background-color:' . esc_attr($options['separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[separator_color]" type="text" value="<?php 
        if (isset($options['separator_color'])) {
            echo esc_attr($options['separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Transparency (between 0 and 1)', 'qode');
        ?>
									<input name="qode_options_proya[separator_color_transparency]" type="text" value="<?php 
        if (isset($options['separator_color_transparency'])) {
            echo esc_attr($options['separator_color_transparency'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Thickness (px)', 'qode');
        ?>
									<input name="qode_options_proya[separator_thickness]" type="text" value="<?php 
        if ($options['separator_thickness']) {
            echo esc_attr($options['separator_thickness'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Top margin (px)', 'qode');
        ?>
									<input name="qode_options_proya[separator_topmargin]" type="text" value="<?php 
        if ($options['separator_topmargin']) {
            echo esc_attr($options['separator_topmargin'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Bottom margin (px)', 'qode');
        ?>
									<input name="qode_options_proya[separator_bottommargin]" type="text" value="<?php 
        if ($options['separator_bottommargin']) {
            echo esc_attr($options['separator_bottommargin'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td valign="middle">Separator Small</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['separator_small_color'])) {
            echo 'background-color:' . esc_attr($options['separator_small_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[separator_small_color]" type="text" value="<?php 
        if (isset($options['separator_small_color'])) {
            echo esc_attr($options['separator_small_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Transparency (between 0 and 1)', 'qode');
        ?>
									<input name="qode_options_proya[separator_small_color_transparency]" type="text" value="<?php 
        if (isset($options['separator_small_color_transparency'])) {
            echo esc_attr($options['separator_small_color_transparency'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Thickness (px)', 'qode');
        ?>
									<input name="qode_options_proya[separator_small_thickness]" type="text" value="<?php 
        if (isset($options['separator_small_thickness'])) {
            echo esc_attr($options['separator_small_thickness'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Width (px)', 'qode');
        ?>
									<input name="qode_options_proya[separator_small_width]" type="text" value="<?php 
        if (isset($options['separator_small_width'])) {
            echo esc_attr($options['separator_small_width'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Top margin (px)', 'qode');
        ?>
									<input name="qode_options_proya[separator_small_topmargin]" type="text" value="<?php 
        if (isset($options['separator_small_topmargin'])) {
            echo esc_attr($options['separator_small_topmargin'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Bottom margin (px)', 'qode');
        ?>
									<input name="qode_options_proya[separator_small_bottommargin]" type="text" value="<?php 
        if (isset($options['separator_small_bottommargin'])) {
            echo esc_attr($options['separator_small_bottommargin'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Buttons</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Default button style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['button_title_color']) {
            echo 'background-color:' . esc_attr($options['button_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[button_title_color]" type="text" value="<?php 
        if ($options['button_title_color']) {
            echo esc_attr($options['button_title_color'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['button_title_hovercolor']) {
            echo 'background-color:' . esc_attr($options['button_title_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[button_title_hovercolor]" type="text" value="<?php 
        if ($options['button_title_hovercolor']) {
            echo esc_attr($options['button_title_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[button_title_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['button_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[button_title_fontsize]" type="text" value="<?php 
        if ($options['button_title_fontsize']) {
            echo esc_attr($options['button_title_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[button_title_lineheight]" type="text" value="<?php 
        if ($options['button_title_lineheight']) {
            echo esc_attr($options['button_title_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter Spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[button_title_letter_spacing]" type="text" value="<?php 
        if (isset($options['button_title_letter_spacing'])) {
            echo esc_attr($options['button_title_letter_spacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[button_title_fontstyle]">
										<option <?php 
        if ($options['button_title_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['button_title_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['button_title_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[button_title_fontweight]">
										<option <?php 
        if ($options['button_title_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['button_title_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['button_title_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['button_backgroundcolor']) && $options['button_backgroundcolor']) {
            echo 'background-color:' . esc_attr($options['button_backgroundcolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[button_backgroundcolor]" type="text" value="<?php 
        if (isset($options['button_backgroundcolor']) && $options['button_backgroundcolor']) {
            echo esc_attr($options['button_backgroundcolor'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['button_backgroundcolor_hover']) && $options['button_backgroundcolor_hover']) {
            echo 'background-color:' . esc_attr($options['button_backgroundcolor_hover'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[button_backgroundcolor_hover]" type="text" value="<?php 
        if (isset($options['button_backgroundcolor_hover']) && $options['button_backgroundcolor_hover']) {
            echo esc_attr($options['button_backgroundcolor_hover'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
                                <div class="inline">
                                    <?php 
        esc_html_e('Border color', 'qode');
        ?>
                                    <div class="colorSelector"><div style="<?php 
        if ($options['button_border_color']) {
            echo 'background-color:' . esc_attr($options['button_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                                    <input name="qode_options_proya[button_border_color]" type="text" value="<?php 
        if ($options['button_border_color']) {
            echo esc_attr($options['button_border_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                                </div>
                                <div class="inline">
                                    <?php 
        esc_html_e('Border Hover color', 'qode');
        ?>
                                    <div class="colorSelector"><div style="<?php 
        if ($options['button_border_hover_color']) {
            echo 'background-color:' . esc_attr($options['button_border_hover_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                                    <input name="qode_options_proya[button_border_hover_color]" type="text" value="<?php 
        if (isset($options['button_border_hover_color']) && $options['button_border_hover_color']) {
            echo esc_attr($options['button_border_hover_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                                </div>
								<div class="inline">
									<?php 
        esc_html_e('Border Width', 'qode');
        ?>
									<input name="qode_options_proya[button_border_width]" type="text" value="<?php 
        if (isset($options['button_border_width']) && $options['button_border_width']) {
            echo esc_attr($options['button_border_width'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border Radius (px)', 'qode');
        ?>
									<input name="qode_options_proya[button_border_radius]" type="text" value="<?php 
        if (isset($options['button_border_radius'])) {
            echo esc_attr($options['button_border_radius'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Predifined White Button', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Border Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['button_white_border_color'])) {
            echo 'background-color:' . esc_attr($options['button_white_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[button_white_border_color]" type="text" value="<?php 
        if (isset($options['button_white_border_color'])) {
            echo esc_attr($options['button_white_border_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['button_white_background_color'])) {
            echo 'background-color:' . esc_attr($options['button_white_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[button_white_background_color]" type="text" value="<?php 
        if (isset($options['button_white_background_color'])) {
            echo esc_attr($options['button_white_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['button_white_text_color'])) {
            echo 'background-color:' . esc_attr($options['button_white_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[button_white_text_color]" type="text" value="<?php 
        if (isset($options['button_white_text_color'])) {
            echo esc_attr($options['button_white_text_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div><br /><br />
								<div class="inline">
									<?php 
        esc_html_e('Hover Border Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['button_white_border_color_hover'])) {
            echo 'background-color:' . esc_attr($options['button_white_border_color_hover'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[button_white_border_color_hover]" type="text" value="<?php 
        if (isset($options['button_white_border_color_hover'])) {
            echo esc_attr($options['button_white_border_color_hover'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['button_white_background_color_hover'])) {
            echo 'background-color:' . esc_attr($options['button_white_background_color_hover'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[button_white_background_color_hover]" type="text" value="<?php 
        if (isset($options['button_white_background_color_hover'])) {
            echo esc_attr($options['button_white_background_color_hover'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover Text Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['button_white_text_color_hover'])) {
            echo 'background-color:' . esc_attr($options['button_white_text_color_hover'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[button_white_text_color_hover]" type="text" value="<?php 
        if (isset($options['button_white_text_color_hover'])) {
            echo esc_attr($options['button_white_text_color_hover'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Small Button', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Height (px)', 'qode');
        ?>
									<input name="qode_options_proya[small_button_lineheight]" type="text" value="<?php 
        if (isset($options['small_button_lineheight'])) {
            echo esc_attr($options['small_button_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[small_button_fontsize]" type="text" value="<?php 
        if (isset($options['small_button_fontsize'])) {
            echo esc_attr($options['small_button_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[small_button_fontweight]">
										<option <?php 
        if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Padding left/right (px)', 'qode');
        ?>
									<input name="qode_options_proya[small_button_padding]" type="text" value="<?php 
        if (isset($options['small_button_padding'])) {
            echo esc_attr($options['small_button_padding'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border Radius (px)', 'qode');
        ?>
									<input name="qode_options_proya[small_button_border_radius]" type="text" value="<?php 
        if (isset($options['small_button_border_radius'])) {
            echo esc_attr($options['small_button_border_radius'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Large Button', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Height (px)', 'qode');
        ?>
									<input name="qode_options_proya[large_button_lineheight]" type="text" value="<?php 
        if (isset($options['large_button_lineheight'])) {
            echo esc_attr($options['large_button_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[large_button_fontsize]" type="text" value="<?php 
        if (isset($options['large_button_fontsize'])) {
            echo esc_attr($options['large_button_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[large_button_fontweight]">
										<option <?php 
        if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Padding left/right (px)', 'qode');
        ?>
									<input name="qode_options_proya[large_button_padding]" type="text" value="<?php 
        if (isset($options['large_button_padding'])) {
            echo esc_attr($options['large_button_padding'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border Radius (px)', 'qode');
        ?>
									<input name="qode_options_proya[large_button_border_radius]" type="text" value="<?php 
        if (isset($options['large_button_border_radius'])) {
            echo esc_attr($options['large_button_border_radius'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Large Big Button', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Height (px)', 'qode');
        ?>
									<input name="qode_options_proya[big_large_button_lineheight]" type="text" value="<?php 
        if (isset($options['big_large_button_lineheight'])) {
            echo esc_attr($options['big_large_button_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[big_large_button_fontsize]" type="text" value="<?php 
        if (isset($options['big_large_button_fontsize'])) {
            echo esc_attr($options['big_large_button_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[big_large_button_fontweight]">
										<option <?php 
        if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Padding left/right (px)', 'qode');
        ?>
									<input name="qode_options_proya[big_large_button_padding]" type="text" value="<?php 
        if (isset($options['big_large_button_padding'])) {
            echo esc_attr($options['big_large_button_padding'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border Radius (px)', 'qode');
        ?>
									<input name="qode_options_proya[big_large_button_border_radius]" type="text" value="<?php 
        if (isset($options['big_large_button_border_radius'])) {
            echo esc_attr($options['big_large_button_border_radius'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Message box</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Message box style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['message_title_color']) {
            echo 'background-color:' . esc_attr($options['message_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[message_title_color]" type="text" value="<?php 
        if ($options['message_title_color']) {
            echo esc_attr($options['message_title_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font family', 'qode');
        ?>
									<select name="qode_options_proya[message_title_google_fonts]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if ($options['message_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[message_title_fontsize]" type="text" value="<?php 
        if ($options['message_title_fontsize']) {
            echo esc_attr($options['message_title_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
									<input name="qode_options_proya[message_title_lineheight]" type="text" value="<?php 
        if ($options['message_title_lineheight']) {
            echo esc_attr($options['message_title_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font style', 'qode');
        ?>
									<select name="qode_options_proya[message_title_fontstyle]">
										<option <?php 
        if ($options['message_title_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['message_title_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
										<option <?php 
        if ($options['message_title_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[message_title_fontweight]">
										<option <?php 
        if ($options['message_title_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if ($options['message_title_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if ($options['message_title_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<br/><br/>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['message_backgroundcolor']) {
            echo 'background-color:' . esc_attr($options['message_backgroundcolor'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[message_backgroundcolor]" type="text" value="<?php 
        if ($options['message_backgroundcolor']) {
            echo esc_attr($options['message_backgroundcolor'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Message icon style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['message_icon_color']) && $options['message_icon_color']) {
            echo 'background-color:' . esc_attr($options['message_icon_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[message_icon_color]" type="text" value="<?php 
        if (isset($options['message_icon_color']) && $options['message_icon_color']) {
            echo esc_attr($options['message_icon_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
									<input name="qode_options_proya[message_icon_fontsize]" type="text" value="<?php 
        if (isset($options['message_icon_fontsize']) && $options['message_icon_fontsize']) {
            echo esc_attr($options['message_icon_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Blockquote</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Blockquote style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['blockquote_font_color']) {
            echo 'background-color:' . esc_attr($options['blockquote_font_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[blockquote_font_color]" type="text" value="<?php 
        if ($options['blockquote_font_color']) {
            echo esc_attr($options['blockquote_font_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['blockquote_background_color']) && $options['blockquote_background_color']) {
            echo 'background-color:' . esc_attr($options['blockquote_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[blockquote_background_color]" type="text" value="<?php 
        if (isset($options['blockquote_background_color']) && $options['blockquote_background_color']) {
            echo esc_attr($options['blockquote_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['blockquote_border_color']) && $options['blockquote_border_color']) {
            echo 'background-color:' . esc_attr($options['blockquote_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[blockquote_border_color]" type="text" value="<?php 
        if (isset($options['blockquote_border_color']) && $options['blockquote_border_color']) {
            echo esc_attr($options['blockquote_border_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
                                <div class="inline">
									<?php 
        esc_html_e('Quote Icon Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['blockquote_quote_icon_color']) && $options['blockquote_quote_icon_color']) {
            echo 'background-color:' . esc_attr($options['blockquote_quote_icon_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[blockquote_quote_icon_color]" type="text" value="<?php 
        if (isset($options['blockquote_quote_icon_color']) && $options['blockquote_quote_icon_color']) {
            echo esc_attr($options['blockquote_quote_icon_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Social Icon</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background Color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Icon Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['social_icon_color']) {
            echo 'background-color:' . esc_attr($options['social_icon_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[social_icon_color]" type="text" value="<?php 
        if (isset($options['social_icon_color']) && $options['social_icon_color']) {
            echo esc_attr($options['social_icon_color'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
                                <div class="inline">
									<?php 
        esc_html_e('Icon Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['social_icon_background_color']) {
            echo 'background-color:' . esc_attr($options['social_icon_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[social_icon_background_color]" type="text" value="<?php 
        if (isset($options['social_icon_background_color']) && $options['social_icon_background_color']) {
            echo esc_attr($options['social_icon_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
                                <div class="inline">
									<?php 
        esc_html_e('Icon Border Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['social_icon_border_color']) {
            echo 'background-color:' . esc_attr($options['social_icon_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[social_icon_border_color]" type="text" value="<?php 
        if (isset($options['social_icon_border_color']) && $options['social_icon_border_color']) {
            echo esc_attr($options['social_icon_border_color'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Testimonials</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Testimonials style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Text Font Size', 'qode');
        ?>
									<input name="qode_options_proya[testimonaials_font_size]" type="text" value="<?php 
        if (isset($options['testimonaials_font_size']) && $options['testimonaials_font_size']) {
            echo esc_attr($options['testimonaials_font_size'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Navigation Border radius (px)', 'qode');
        ?>
									<input name="qode_options_proya[testimonaials_navigation_border_radius]" type="text" value="<?php 
        if (isset($options['testimonaials_navigation_border_radius']) && $options['testimonaials_navigation_border_radius'] !== '') {
            echo esc_attr($options['testimonaials_navigation_border_radius'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Counters</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Counters style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Counter Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['counter_color'])) {
            echo 'background-color:' . esc_attr($options['counter_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[counter_color]" type="text" value="<?php 
        if (isset($options['counter_color']) && $options['counter_color']) {
            echo esc_attr($options['counter_color'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Counter Text Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['counter_text_color'])) {
            echo 'background-color:' . esc_attr($options['counter_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[counter_text_color]" type="text" value="<?php 
        if (isset($options['counter_text_color']) && $options['counter_text_color']) {
            echo esc_attr($options['counter_text_color'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Counter Separator Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['counter_separator_color'])) {
            echo 'background-color:' . esc_attr($options['counter_separator_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[counter_separator_color]" type="text" value="<?php 
        if (isset($options['counter_separator_color']) && $options['counter_separator_color']) {
            echo esc_attr($options['counter_separator_color'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Number Font Size (px)', 'qode');
        ?>
									<input name="qode_options_proya[counters_font_size]" type="text" value="<?php 
        if (isset($options['counters_font_size']) && $options['counters_font_size']) {
            echo esc_attr($options['counters_font_size'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Number Font family', 'qode');
        ?>
									<select name="qode_options_proya[counters_font_family]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['counters_font_family']) && $options['counters_font_family'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Number Letter Spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[counters_letter_spacing]" type="text" value="<?php 
        if (isset($options['counters_letter_spacing']) && $options['counters_letter_spacing']) {
            echo esc_attr($options['counters_letter_spacing'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Numbers Font Weight', 'qode');
        ?>
									<select name="qode_options_proya[counters_fontweight]">
										<option <?php 
        if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text Font Size (px)', 'qode');
        ?>
									<input name="qode_options_proya[counters_text_font_size]" type="text" value="<?php 
        if (isset($options['counters_text_font_size']) && $options['counters_text_font_size']) {
            echo esc_attr($options['counters_text_font_size'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text Font family', 'qode');
        ?>
									<select name="qode_options_proya[counters_text_font_family]">
										<option value="-1">Default</option>
										<?php 
        foreach ($fontArrays as $fontArray) {
            ?>
											<option <?php 
            if (isset($options['counters_text_font_family']) && $options['counters_text_font_family'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
										<?php 
        }
        ?>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text Font Weight', 'qode');
        ?>
									<select name="qode_options_proya[counters_text_fontweight]">
										<option <?php 
        if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text Transform', 'qode');
        ?>
									<select name="qode_options_proya[counters_text_texttransform]">
										<option <?php 
        if (isset($options['counters_text_texttransform']) && $options['counters_text_texttransform'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['counters_text_texttransform']) && $options['counters_text_texttransform'] == "none") {
            echo "selected='selected'";
        }
        ?>
 value="none">None</option>
										<option <?php 
        if (isset($options['counters_text_texttransform']) && $options['counters_text_texttransform'] == "capitalize") {
            echo "selected='selected'";
        }
        ?>
 value="capitalize">Capitalize</option>
										<option <?php 
        if (isset($options['counters_text_texttransform']) && $options['counters_text_texttransform'] == "uppercase") {
            echo "selected='selected'";
        }
        ?>
 value="uppercase">Uppercase</option>
										<option <?php 
        if (isset($options['counters_text_texttransform']) && $options['counters_text_texttransform'] == "lowercase") {
            echo "selected='selected'";
        }
        ?>
 value="lowercase">Lowercase</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text Letter Spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[counters_text_letterspacing]" type="text" value="<?php 
        if (isset($options['counters_text_letterspacing']) && $options['counters_text_letterspacing'] !== '') {
            echo esc_attr($options['counters_text_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Horizontal Progress Bar</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Percentage style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Font size', 'qode');
        ?>
									<input name="qode_options_proya[progress_bar_horizontal_fontsize]" type="text" value="<?php 
        if (isset($options['progress_bar_horizontal_fontsize']) && $options['progress_bar_horizontal_fontsize']) {
            echo esc_attr($options['progress_bar_horizontal_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font Weight', 'qode');
        ?>
									<select name="qode_options_proya[progress_bar_horizontal_fontweight]">
										<option <?php 
        if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Pie Charts</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Percentage style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Font size', 'qode');
        ?>
									<input name="qode_options_proya[pie_charts_fontsize]" type="text" value="<?php 
        if (isset($options['pie_charts_fontsize']) && $options['pie_charts_fontsize']) {
            echo esc_attr($options['pie_charts_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font Weight', 'qode');
        ?>
									<select name="qode_options_proya[pie_charts_fontweight]">
										<option <?php 
        if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Tabs</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Tabs style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Tab Text Size', 'qode');
        ?>
									<input name="qode_options_proya[tabs_text_size]" type="text" value="<?php 
        if (isset($options['tabs_text_size']) && $options['tabs_text_size']) {
            echo esc_attr($options['tabs_border_color'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Tab Font Weight)', 'qode');
        ?>
									<select name="qode_options_proya[tabs_fontweight]">
										<option <?php 
        if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Vertical and Box tabs style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Border Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['tabs_border_color'])) {
            echo 'background-color:' . esc_attr($options['tabs_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[tabs_border_color]" type="text" value="<?php 
        if (isset($options['tabs_border_color']) && $options['tabs_border_color']) {
            echo esc_attr($options['tabs_border_color'], 'qode');
        }
        ?>
" size="10" maxlength="12" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border radius (px)', 'qode');
        ?>
									<input name="qode_options_proya[tabs_border_radius]" type="text" value="<?php 
        if (isset($options['tabs_border_radius']) && $options['tabs_border_radius']) {
            echo esc_attr($options['tabs_border_radius'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border width (px)', 'qode');
        ?>
									<input name="qode_options_proya[tabs_border_width]" type="text" value="<?php 
        if (isset($options['tabs_border_width']) && $options['tabs_border_width']) {
            echo esc_attr($options['tabs_border_width'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Process</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Circle styles', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Hover Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['process_circle_hover_background_color'])) {
            echo 'background-color:' . esc_attr($options['process_circle_hover_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[process_circle_hover_background_color]" type="text" value="<?php 
        if (isset($options['process_circle_hover_background_color']) && $options['process_circle_hover_background_color']) {
            echo esc_attr($options['process_circle_hover_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Text in circle style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Font Weight', 'qode');
        ?>
									<select name="qode_options_proya[process_text_in_circle_font_weight]">
										<option <?php 
        if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>

									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['process_text_hover_color'])) {
            echo 'background-color:' . esc_attr($options['process_text_hover_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[process_text_hover_color]" type="text" value="<?php 
        if (isset($options['process_text_hover_color']) && $options['process_text_hover_color']) {
            echo esc_attr($options['process_text_hover_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Input fields</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Input fields style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Background color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if ($options['input_background_color']) {
            echo 'background-color:' . esc_attr($options['input_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[input_background_color]" type="text" value="<?php 
        if (isset($options['input_background_color'])) {
            if ($options['input_background_color']) {
                echo esc_attr($options['input_background_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['input_border_color'])) {
            echo 'background-color:' . esc_attr($options['input_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[input_border_color]" type="text" value="<?php 
        if (isset($options['input_border_color'])) {
            if ($options['input_border_color']) {
                echo esc_attr($options['input_border_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['input_text_color'])) {
            echo 'background-color:' . esc_attr($options['input_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[input_text_color]" type="text" value="<?php 
        if (isset($options['input_text_color'])) {
            if ($options['input_text_color']) {
                echo esc_attr($options['input_text_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
            <h3>Left Menu Area</h3>
            <div>
            <table class="form-table">
            <tbody>
            <tr>
                <td valign="middle" width="150"><?php 
        esc_html_e('Enable left menu area', 'qode');
        ?>
</td>
                <td>
                    <div class="inline">
                        <select name="qode_options_proya[vertical_area]">
                            <option <?php 
        if (isset($options['vertical_area'])) {
            if (isset($options['vertical_area']) && $options['vertical_area'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
                            <option <?php 
        if (isset($options['vertical_area'])) {
            if (isset($options['vertical_area']) && $options['vertical_area'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
                        </select>
                    </div>
                </td>
            </tr>
            <tr>
                <td valign="middle" width="150"><?php 
        esc_html_e('Enable transparent left menu area', 'qode');
        ?>
</td>
                <td>
                    <div class="inline">
                        <select name="qode_options_proya[vertical_area_transparency]">
                            <option <?php 
        if (isset($options['vertical_area_transparency'])) {
            if (isset($options['vertical_area_transparency']) && $options['vertical_area_transparency'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
                            <option <?php 
        if (isset($options['vertical_area_transparency'])) {
            if (isset($options['vertical_area_transparency']) && $options['vertical_area_transparency'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
                        </select>
                    </div>
                </td>
            </tr>
            <tr>
                <td valign="middle" width="150"><?php 
        esc_html_e('Left menu area background', 'qode');
        ?>
</td>
                <td>
                    <div class="inline">
                        <div class="colorSelector"><div style="<?php 
        if (isset($options['vertical_area_background']) && $options['vertical_area_background']) {
            echo 'background-color:' . esc_attr($options['vertical_area_background'], 'qode') . ';';
        }
        ?>
"></div></div>
                        <input name="qode_options_proya[vertical_area_background]" type="text" value="<?php 
        if (isset($options['vertical_area_background'])) {
            echo esc_attr($options['vertical_area_background'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                    </div>
                </td>
            </tr>
            <tr>
                <td valign="middle" width="150"><?php 
        esc_html_e('Left menu area background image', 'qode');
        ?>
</td>
                <td>
                    <div class="inline" style="width: 700px;">
                        <input type="text" id="vertical_area_background_image" name="qode_options_proya[vertical_area_background_image]" class="vertical_area_background_image" value="<?php 
        if (isset($options['vertical_area_background_image'])) {
            echo $options['vertical_area_background_image'];
        }
        ?>
" size="70">
                        <input class="upload_button" type="button" value="Upload file">
                    </div>
                </td>
            </tr>
            <tr>
                <td valign="middle" width="150"><?php 
        esc_html_e('Left menu area text color (for widgets)', 'qode');
        ?>
</td>
                <td>
                    <div class="inline">
                        <div class="colorSelector"><div style="<?php 
        if (isset($options['vertical_area_text_color']) && $options['vertical_area_text_color']) {
            echo 'background-color:' . esc_attr($options['vertical_area_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                        <input name="qode_options_proya[vertical_area_text_color]" type="text" value="<?php 
        if (isset($options['vertical_area_text_color'])) {
            echo esc_attr($options['vertical_area_text_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                    </div>
                </td>
            </tr>
			<tr>
				<td valign="middle" width="150"><?php 
        esc_html_e('Left Menu Area Alignment', 'qode');
        ?>
</td>
				<td>
					<div class="inline">
						<select name="qode_options_proya[left_menu_alignment]">
							<option <?php 
        if (isset($options['left_menu_alignment'])) {
            if (isset($options['left_menu_alignment']) && $options['left_menu_alignment'] == "") {
                echo "selected='selected'";
            }
        }
        ?>
 value="">Default</option>
							<option <?php 
        if (isset($options['left_menu_alignment'])) {
            if (isset($options['left_menu_alignment']) && $options['left_menu_alignment'] == "left") {
                echo "selected='selected'";
            }
        }
        ?>
 value="left">Left</option>
							<option <?php 
        if (isset($options['left_menu_alignment'])) {
            if (isset($options['left_menu_alignment']) && $options['left_menu_alignment'] == "center") {
                echo "selected='selected'";
            }
        }
        ?>
 value="center">Center</option>
							<option <?php 
        if (isset($options['left_menu_alignment'])) {
            if (isset($options['left_menu_alignment']) && $options['left_menu_alignment'] == "right") {
                echo "selected='selected'";
            }
        }
        ?>
 value="right">Right</option>
						</select>
					</div>
				</td>
			</tr>
            <tr><td colspan='2'><h2>Left Menu</h2></td></tr>
            <tr valign="middle">
                <td scope="row" width="150"><?php 
        esc_html_e('1st level menu style', 'qode');
        ?>
</td>
                <td>
                    <div class="inline">
                        <?php 
        esc_html_e('Color', 'qode');
        ?>
                        <div class="colorSelector"><div style="<?php 
        if (isset($options['vertical_menu_color'])) {
            echo 'background-color:' . esc_attr($options['vertical_menu_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                        <input name="qode_options_proya[vertical_menu_color]" type="text" value="<?php 
        if (isset($options['vertical_menu_color'])) {
            echo esc_attr($options['vertical_menu_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
                        <div class="colorSelector"><div style="<?php 
        if (isset($options['vertical_menu_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['vertical_menu_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
                        <input name="qode_options_proya[vertical_menu_hovercolor]" type="text" value="<?php 
        if (isset($options['vertical_menu_hovercolor'])) {
            echo esc_attr($options['vertical_menu_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Font family', 'qode');
        ?>
                        <select name="qode_options_proya[vertical_menu_google_fonts]">
                            <option value="-1">Default</option>
                            <?php 
        foreach ($fontArrays as $fontArray) {
            ?>
                                <option <?php 
            if (isset($options['vertical_menu_google_fonts']) && $options['vertical_menu_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
                            <?php 
        }
        ?>
                        </select>
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
                        <input name="qode_options_proya[vertical_menu_fontsize]" type="text" value="<?php 
        if (isset($options['vertical_menu_fontsize']) && $options['vertical_menu_fontsize']) {
            echo esc_attr($options['vertical_menu_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
                        <input name="qode_options_proya[vertical_menu_lineheight]" type="text" value="<?php 
        if (isset($options['vertical_menu_lineheight']) && $options['vertical_menu_lineheight']) {
            echo esc_attr($options['vertical_menu_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Font style', 'qode');
        ?>
                        <select name="qode_options_proya[vertical_menu_fontstyle]">
                            <option <?php 
        if (isset($options['vertical_menu_fontstyle']) && $options['vertical_menu_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
                            <option <?php 
        if (isset($options['vertical_menu_fontstyle']) && $options['vertical_menu_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
                            <option <?php 
        if (isset($options['vertical_menu_fontstyle']) && $options['vertical_menu_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
                        </select>
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Font weight', 'qode');
        ?>
                        <select name="qode_options_proya[vertical_menu_fontweight]">
                            <option <?php 
        if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
                            <option <?php 
        if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
                            <option <?php 
        if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
                            <option <?php 
        if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
                            <option <?php 
        if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
                            <option <?php 
        if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
                            <option <?php 
        if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
                            <option <?php 
        if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
                            <option <?php 
        if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
                        </select>
                    </div>
                </td>
            </tr>
            <tr valign="middle">
                <td scope="row" width="150"><?php 
        esc_html_e('2nd level menu style', 'qode');
        ?>
</td>
                <td>
                    <div class="inline">
                        <?php 
        esc_html_e('Color', 'qode');
        ?>
                        <div class="colorSelector"><div style="<?php 
        if (isset($options['vertical_dropdown_color'])) {
            echo 'background-color:' . esc_attr($options['vertical_dropdown_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                        <input name="qode_options_proya[vertical_dropdown_color]" type="text" value="<?php 
        if (isset($options['vertical_dropdown_color'])) {
            echo esc_attr($options['vertical_dropdown_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
                        <div class="colorSelector"><div style="<?php 
        if (isset($options['vertical_dropdown_hovercolor'])) {
            echo 'background-color:' . esc_attr($options['vertical_dropdown_hovercolor'], 'qode') . ';';
        }
        ?>
"></div></div>
                        <input name="qode_options_proya[vertical_dropdown_hovercolor]" type="text" value="<?php 
        if (isset($options['vertical_dropdown_hovercolor'])) {
            echo esc_attr($options['vertical_dropdown_hovercolor'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Font family', 'qode');
        ?>
                        <select name="qode_options_proya[vertical_dropdown_google_fonts]">
                            <option value="-1">Default</option>
                            <?php 
        foreach ($fontArrays as $fontArray) {
            ?>
                                <option <?php 
            if (isset($options['vertical_dropdown_google_fonts']) && $options['vertical_dropdown_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
                            <?php 
        }
        ?>
                        </select>
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
                        <input name="qode_options_proya[vertical_dropdown_fontsize]" type="text" value="<?php 
        if (isset($options['vertical_dropdown_fontsize']) && $options['vertical_dropdown_fontsize']) {
            echo esc_attr($options['vertical_dropdown_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
                        <input name="qode_options_proya[vertical_dropdown_lineheight]" type="text" value="<?php 
        if (isset($options['vertical_dropdown_lineheight']) && $options['vertical_dropdown_lineheight']) {
            echo esc_attr($options['vertical_dropdown_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Font style', 'qode');
        ?>
                        <select name="qode_options_proya[vertical_dropdown_fontstyle]">
                            <option <?php 
        if (isset($options['vertical_dropdown_fontstyle']) && $options['vertical_dropdown_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontstyle']) && $options['vertical_dropdown_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontstyle']) && $options['vertical_dropdown_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
                        </select>
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Font weight', 'qode');
        ?>
                        <select name="qode_options_proya[vertical_dropdown_fontweight]">
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
                        </select>
                    </div>
                </td>
            </tr>
            <tr valign="middle">
                <td scope="row" width="150"><?php 
        esc_html_e('3rd level menu style', 'qode');
        ?>
</td>
                <td>
                    <div class="inline">
                        <?php 
        esc_html_e('Color', 'qode');
        ?>
                        <div class="colorSelector"><div style="<?php 
        if (isset($options['vertical_dropdown_color_thirdlvl'])) {
            echo 'background-color:' . esc_attr($options['vertical_dropdown_color_thirdlvl'], 'qode') . ';';
        }
        ?>
"></div></div>
                        <input name="qode_options_proya[vertical_dropdown_color_thirdlvl]" type="text" value="<?php 
        if (isset($options['vertical_dropdown_color_thirdlvl'])) {
            echo esc_attr($options['vertical_dropdown_color_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Hover/Active color', 'qode');
        ?>
                        <div class="colorSelector"><div style="<?php 
        if (isset($options['vertical_dropdown_hovercolor_thirdlvl'])) {
            echo 'background-color:' . esc_attr($options['vertical_dropdown_hovercolor_thirdlvl'], 'qode') . ';';
        }
        ?>
"></div></div>
                        <input name="qode_options_proya[vertical_dropdown_hovercolor_thirdlvl]" type="text" value="<?php 
        if (isset($options['vertical_dropdown_hovercolor_thirdlvl'])) {
            echo esc_attr($options['vertical_dropdown_hovercolor_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Font family', 'qode');
        ?>
                        <select name="qode_options_proya[vertical_dropdown_google_fonts_thirdlvl]">
                            <option value="-1">Default</option>
                            <?php 
        foreach ($fontArrays as $fontArray) {
            ?>
                                <option <?php 
            if (isset($options['vertical_dropdown_google_fonts_thirdlvl'])) {
                $vertical_dropdown_google_fonts_thirdlvl = $options['vertical_dropdown_google_fonts_thirdlvl'];
                if ($vertical_dropdown_google_fonts_thirdlvl == str_replace(' ', '+', $fontArray["family"])) {
                    echo "selected='selected'";
                }
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
                            <?php 
        }
        ?>
                        </select>
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
                        <input name="qode_options_proya[vertical_dropdown_fontsize_thirdlvl]" type="text" value="<?php 
        if (isset($options['vertical_dropdown_fontsize_thirdlvl'])) {
            echo esc_attr($options['vertical_dropdown_fontsize_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
                        <input name="qode_options_proya[vertical_dropdown_lineheight_thirdlvl]" type="text" value="<?php 
        if (isset($options['vertical_dropdown_lineheight_thirdlvl'])) {
            echo esc_attr($options['vertical_dropdown_lineheight_thirdlvl'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Font style', 'qode');
        ?>
                        <select name="qode_options_proya[vertical_dropdown_fontstyle_thirdlvl]">
                            <option <?php 
        if (isset($options['vertical_dropdown_fontstyle_thirdlvl'])) {
            $vertical_dropdown_fontstyle_thirdlvl = $options['vertical_dropdown_fontstyle_thirdlvl'];
            if ($vertical_dropdown_fontstyle_thirdlvl == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontstyle_thirdlvl'])) {
            $vertical_dropdown_fontstyle_thirdlvl = $options['vertical_dropdown_fontstyle_thirdlvl'];
            if ($vertical_dropdown_fontstyle_thirdlvl == 'normal') {
                echo "selected='selected'";
            }
        }
        ?>
 value="normal">normal</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontstyle_thirdlvl'])) {
            $vertical_dropdown_fontstyle_thirdlvl = $options['vertical_dropdown_fontstyle_thirdlvl'];
            if ($vertical_dropdown_fontstyle_thirdlvl == 'italic') {
                echo "selected='selected'";
            }
        }
        ?>
 value="italic">italic</option>
                        </select>
                    </div>
                    <div class="inline">
                        <?php 
        esc_html_e('Font weight', 'qode');
        ?>
                        <select name="qode_options_proya[vertical_dropdown_fontweight_thirdlvl]">
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) {
            $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl'];
            if ($vertical_dropdown_fontweight_thirdlvl == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) {
            $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl'];
            if ($vertical_dropdown_fontweight_thirdlvl == '200') {
                echo "selected='selected'";
            }
        }
        ?>
 value="200">200</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) {
            $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl'];
            if ($vertical_dropdown_fontweight_thirdlvl == '300') {
                echo "selected='selected'";
            }
        }
        ?>
 value="300">300</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) {
            $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl'];
            if ($vertical_dropdown_fontweight_thirdlvl == '400') {
                echo "selected='selected'";
            }
        }
        ?>
 value="400">400</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) {
            $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl'];
            if ($vertical_dropdown_fontweight_thirdlvl == '500') {
                echo "selected='selected'";
            }
        }
        ?>
 value="500">500</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) {
            $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl'];
            if ($vertical_dropdown_fontweight_thirdlvl == '600') {
                echo "selected='selected'";
            }
        }
        ?>
 value="600">600</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) {
            $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl'];
            if ($vertical_dropdown_fontweight_thirdlvl == '700') {
                echo "selected='selected'";
            }
        }
        ?>
 value="700">700</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) {
            $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl'];
            if ($vertical_dropdown_fontweight_thirdlvl == '800') {
                echo "selected='selected'";
            }
        }
        ?>
 value="800">800</option>
                            <option <?php 
        if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) {
            $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl'];
            if ($vertical_dropdown_fontweight_thirdlvl == '900') {
                echo "selected='selected'";
            }
        }
        ?>
 value="900">900</option>
                        </select>
                    </div>
                </td>
            </tr>
            </tbody>
            </table>
            <?php 
        display_save_changes_button();
        ?>
            </div>
			<h3>Side Area</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Side Area', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[enable_side_area]">
										<option <?php 
        if (isset($options['enable_side_area']) && $options['enable_side_area'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">yes</option>
										<option <?php 
        if (isset($options['enable_side_area']) && $options['enable_side_area'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">no</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Side Area Title', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<input name="qode_options_proya[side_area_title]" type="text" value="<?php 
        if (isset($options['side_area_title'])) {
            if ($options['side_area_title']) {
                echo esc_attr($options['side_area_title'], 'qode');
            }
        }
        ?>
" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background Color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['side_area_background_color']) && $options['side_area_background_color']) {
            echo 'background-color:' . esc_attr($options['side_area_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[side_area_background_color]" type="text" value="<?php 
        if (isset($options['side_area_background_color'])) {
            if ($options['side_area_background_color']) {
                echo esc_attr($options['side_area_background_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Text', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['side_area_text_color']) && $options['side_area_text_color']) {
            echo 'background-color:' . esc_attr($options['side_area_text_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[side_area_text_color]" type="text" value="<?php 
        if (isset($options['side_area_text_color'])) {
            if ($options['side_area_text_color']) {
                echo esc_attr($options['side_area_text_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Hover Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['side_area_text_hover_color']) && $options['side_area_text_hover_color']) {
            echo 'background-color:' . esc_attr($options['side_area_text_hover_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[side_area_text_hover_color]" type="text" value="<?php 
        if (isset($options['side_area_text_hover_color'])) {
            if ($options['side_area_text_hover_color']) {
                echo esc_attr($options['side_area_text_hover_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font Size (px)', 'qode');
        ?>
									<input name="qode_options_proya[side_area_text_font_size]" type="text" value="<?php 
        if (isset($options['side_area_text_font_size'])) {
            if ($options['side_area_text_font_size']) {
                echo esc_attr($options['side_area_text_font_size'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter Spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[side_area_text_letter_spacing]" type="text" value="<?php 
        if (isset($options['side_area_text_letter_spacing'])) {
            if ($options['side_area_text_letter_spacing']) {
                echo esc_attr($options['side_area_text_letter_spacing'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[side_area_text_font_weight]">
										<option <?php 
        if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Title', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Title', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['side_area_title_color']) && $options['side_area_title_color']) {
            echo 'color:' . esc_attr($options['side_area_title_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[side_area_title_color]" type="text" value="<?php 
        if (isset($options['side_area_title_color'])) {
            if ($options['side_area_title_color']) {
                echo esc_attr($options['side_area_title_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font Size (px)', 'qode');
        ?>
									<input name="qode_options_proya[side_area_title_font_size]" type="text" value="<?php 
        if (isset($options['side_area_title_font_size'])) {
            if ($options['side_area_title_font_size']) {
                echo esc_attr($options['side_area_title_font_size'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Font weight', 'qode');
        ?>
									<select name="qode_options_proya[side_area_title_font_weight]">
										<option <?php 
        if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
										<option <?php 
        if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
										<option <?php 
        if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
										<option <?php 
        if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
										<option <?php 
        if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
										<option <?php 
        if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
										<option <?php 
        if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
										<option <?php 
        if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Letter Spacing (px)', 'qode');
        ?>
									<input name="qode_options_proya[side_area_title_letter_spacing]" type="text" value="<?php 
        if (isset($options['side_area_title_letter_spacing'])) {
            if ($options['side_area_title_letter_spacing']) {
                echo esc_attr($options['side_area_title_letter_spacing'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Close Icon Style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[side_area_close_icon_style]">
										<option <?php 
        if (isset($options['side_area_close_icon_style']) && $options['side_area_close_icon_style'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['side_area_close_icon_style']) && $options['side_area_close_icon_style'] == "light") {
            echo "selected='selected'";
        }
        ?>
 value="light">Light</option>
										<option <?php 
        if (isset($options['side_area_close_icon_style']) && $options['side_area_close_icon_style'] == "dark") {
            echo "selected='selected'";
        }
        ?>
 value="dark">Dark</option>
									</select>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
            <h3>Fullscreen Menu</h3>
            <div>
                <table class="form-table">
                    <tbody>
                    <tr valign="middle">
                        <td scope="row" width="150"><?php 
        esc_html_e('Enable Fullscreen Menu', 'qode');
        ?>
</td>
                        <td>
                            <div class="inline">
                                <select name="qode_options_proya[enable_popup_menu]">
                                    <option <?php 
        if (isset($options['enable_popup_menu']) && $options['enable_popup_menu'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">no</option>
                                    <option <?php 
        if (isset($options['enable_popup_menu']) && $options['enable_popup_menu'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">yes</option>
                                </select>
                            </div>
                        </td>
                    </tr>
                    <tr valign="middle">
                        <td scope="row" width="150"><?php 
        esc_html_e('Logo image for Fullscreen menu', 'qode');
        ?>
</td>
                        <td>
                            <div class="inline" style="width: 700px;">
                                <input type="text" id="logo_image_popup" name="qode_options_proya[logo_image_popup]" class="logo_image_popup" value="<?php 
        if (isset($options['logo_image_popup'])) {
            echo esc_attr($options['logo_image_popup'], 'qode');
        } else {
            echo QODE_ROOT . "/img/logo_white.png";
        }
        ?>
" size="70">
                                <input class="upload_button" type="button" value="Upload file">
                            </div>
                        </td>
                    </tr>
                    <tr valign="top">
                        <td scope="row" width="150"><?php 
        esc_html_e('1st level style', 'qode');
        ?>
</td>
                        <td>
                            <div class="inline">
                                <?php 
        esc_html_e('Color', 'qode');
        ?>
                                <div class="colorSelector"><div style="<?php 
        if (isset($options['popup_menu_color'])) {
            echo 'background-color:' . esc_attr($options['popup_menu_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                                <input name="qode_options_proya[popup_menu_color]" type="text" value="<?php 
        if (isset($options['popup_menu_color'])) {
            echo esc_attr($options['popup_menu_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Hover color', 'qode');
        ?>
                                <div class="colorSelector"><div style="<?php 
        if (isset($options['popup_menu_hover_color'])) {
            echo 'background-color:' . esc_attr($options['popup_menu_hover_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                                <input name="qode_options_proya[popup_menu_hover_color]" type="text" value="<?php 
        if (isset($options['popup_menu_hover_color'])) {
            echo esc_attr($options['popup_menu_hover_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                            </div>
														<div class="inline">
                                <?php 
        esc_html_e('Background hover color', 'qode');
        ?>
                                <div class="colorSelector"><div style="<?php 
        if (isset($options['popup_menu_hover_background_color'])) {
            echo 'background-color:' . esc_attr($options['popup_menu_hover_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                                <input name="qode_options_proya[popup_menu_hover_background_color]" type="text" value="<?php 
        if (isset($options['popup_menu_hover_background_color'])) {
            echo esc_attr($options['popup_menu_hover_background_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Font family', 'qode');
        ?>
                                <select name="qode_options_proya[popup_menu_google_fonts]">
                                    <option value="-1">Default</option>
                                    <?php 
        foreach ($fontArrays as $fontArray) {
            ?>
                                        <option <?php 
            if (isset($options['popup_menu_google_fonts']) && $options['popup_menu_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
                                    <?php 
        }
        ?>
                                </select>
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
                                <input name="qode_options_proya[popup_menu_fontsize]" type="text" value="<?php 
        if (isset($options['popup_menu_fontsize']) && $options['popup_menu_fontsize']) {
            echo esc_attr($options['popup_menu_fontsize'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
                                <input name="qode_options_proya[popup_menu_lineheight]" type="text" value="<?php 
        if (isset($options['popup_menu_lineheight']) && $options['popup_menu_lineheight']) {
            echo esc_attr($options['popup_menu_lineheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Font style', 'qode');
        ?>
                                <select name="qode_options_proya[popup_menu_fontstyle]">
                                    <option <?php 
        if (isset($options['popup_menu_fontstyle']) && $options['popup_menu_fontstyle'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
                                    <option <?php 
        if (isset($options['popup_menu_fontstyle']) && $options['popup_menu_fontstyle'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontstyle']) && $options['popup_menu_fontstyle'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
                                </select>
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Font weight', 'qode');
        ?>
                                <select name="qode_options_proya[popup_menu_fontweight]">
                                    <option <?php 
        if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
                                </select>
                            </div>
							<div class="inline">
								<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
								<input name="qode_options_proya[popup_menu_letterspacing]" type="text" value="<?php 
        if (isset($options['popup_menu_letterspacing']) && $options['popup_menu_letterspacing'] !== '') {
            echo esc_attr($options['popup_menu_letterspacing'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
							</div>
                        </td>
                    </tr>
										<tr valign="top">
                        <td scope="row" width="150"><?php 
        esc_html_e('2nd level style', 'qode');
        ?>
</td>
                        <td>
                            <div class="inline">
                                <?php 
        esc_html_e('Color', 'qode');
        ?>
                                <div class="colorSelector"><div style="<?php 
        if (isset($options['popup_menu_color_2nd'])) {
            echo 'background-color:' . esc_attr($options['popup_menu_color_2nd'], 'qode') . ';';
        }
        ?>
"></div></div>
                                <input name="qode_options_proya[popup_menu_color_2nd]" type="text" value="<?php 
        if (isset($options['popup_menu_color_2nd'])) {
            echo esc_attr($options['popup_menu_color_2nd'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Hover color', 'qode');
        ?>
                                <div class="colorSelector"><div style="<?php 
        if (isset($options['popup_menu_hover_color_2nd'])) {
            echo 'background-color:' . esc_attr($options['popup_menu_hover_color_2nd'], 'qode') . ';';
        }
        ?>
"></div></div>
                                <input name="qode_options_proya[popup_menu_hover_color_2nd]" type="text" value="<?php 
        if (isset($options['popup_menu_hover_color_2nd'])) {
            echo esc_attr($options['popup_menu_hover_color_2nd'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                            </div>
														<div class="inline">
                                <?php 
        esc_html_e('Background hover color', 'qode');
        ?>
                                <div class="colorSelector"><div style="<?php 
        if (isset($options['popup_menu_hover_background_color_2nd'])) {
            echo 'background-color:' . esc_attr($options['popup_menu_hover_background_color_2nd'], 'qode') . ';';
        }
        ?>
"></div></div>
                                <input name="qode_options_proya[popup_menu_hover_background_color_2nd]" type="text" value="<?php 
        if (isset($options['popup_menu_hover_background_color_2nd'])) {
            echo esc_attr($options['popup_menu_hover_background_color_2nd'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Font family', 'qode');
        ?>
                                <select name="qode_options_proya[popup_menu_google_fonts_2nd]">
                                    <option value="-1">Default</option>
                                    <?php 
        foreach ($fontArrays as $fontArray) {
            ?>
                                        <option <?php 
            if (isset($options['popup_menu_google_fonts_2nd']) && $options['popup_menu_google_fonts_2nd'] == str_replace(' ', '+', $fontArray["family"])) {
                echo "selected='selected'";
            }
            ?>
  value="<?php 
            echo str_replace(' ', '+', $fontArray["family"]);
            ?>
"><?php 
            echo $fontArray["family"];
            ?>
</option>
                                    <?php 
        }
        ?>
                                </select>
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Font size (px)', 'qode');
        ?>
                                <input name="qode_options_proya[popup_menu_fontsize_2nd]" type="text" value="<?php 
        if (isset($options['popup_menu_fontsize_2nd']) && $options['popup_menu_fontsize_2nd']) {
            echo esc_attr($options['popup_menu_fontsize_2nd'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Line height (px)', 'qode');
        ?>
                                <input name="qode_options_proya[popup_menu_lineheight_2nd]" type="text" value="<?php 
        if (isset($options['popup_menu_lineheight_2nd']) && $options['popup_menu_lineheight_2nd']) {
            echo esc_attr($options['popup_menu_lineheight_2nd'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Font style', 'qode');
        ?>
                                <select name="qode_options_proya[popup_menu_fontstyle_2nd]">
                                    <option <?php 
        if (isset($options['popup_menu_fontstyle_2nd']) && $options['popup_menu_fontstyle_2nd'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
                                    <option <?php 
        if (isset($options['popup_menu_fontstyle_2nd']) && $options['popup_menu_fontstyle_2nd'] == "normal") {
            echo "selected='selected'";
        }
        ?>
 value="normal">normal</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontstyle_2nd']) && $options['popup_menu_fontstyle_2nd'] == "italic") {
            echo "selected='selected'";
        }
        ?>
 value="italic">italic</option>
                                </select>
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Font weight', 'qode');
        ?>
                                <select name="qode_options_proya[popup_menu_fontweight_2nd]">
                                    <option <?php 
        if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "") {
            echo "selected='selected'";
        }
        ?>
 value=""></option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "200") {
            echo "selected='selected'";
        }
        ?>
 value="200">200</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "300") {
            echo "selected='selected'";
        }
        ?>
 value="300">300</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "400") {
            echo "selected='selected'";
        }
        ?>
 value="400">400</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "500") {
            echo "selected='selected'";
        }
        ?>
 value="500">500</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "600") {
            echo "selected='selected'";
        }
        ?>
 value="600">600</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "700") {
            echo "selected='selected'";
        }
        ?>
 value="700">700</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "800") {
            echo "selected='selected'";
        }
        ?>
 value="800">800</option>
                                    <option <?php 
        if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "900") {
            echo "selected='selected'";
        }
        ?>
 value="900">900</option>
                                </select>
                            </div>
							<div class="inline">
								<?php 
        esc_html_e('Letter spacing (px)', 'qode');
        ?>
								<input name="qode_options_proya[popup_menu_letterspacing_2nd]" type="text" value="<?php 
        if (isset($options['popup_menu_letterspacing_2nd']) && $options['popup_menu_letterspacing_2nd'] !== '') {
            echo esc_attr($options['popup_menu_letterspacing_2nd'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
							</div>
                        </td>
                    </tr>
                    <tr valign="middle">
                        <td scope="row" width="150"><?php 
        esc_html_e('Background Color', 'qode');
        ?>
</td>
                        <td>
                            <div class="inline">
                                <div class="colorSelector"><div style="<?php 
        if (isset($options['popup_menu_background_color']) && $options['popup_menu_background_color']) {
            echo 'background-color:' . esc_attr($options['popup_menu_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
                                <input name="qode_options_proya[popup_menu_background_color]" type="text" value="<?php 
        if (isset($options['popup_menu_background_color'])) {
            if ($options['popup_menu_background_color']) {
                echo esc_attr($options['popup_menu_background_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
                            </div>
                            <div class="inline">
                                <?php 
        esc_html_e('Transparency (From 0 to 1)', 'qode');
        ?>
                                <input name="qode_options_proya[popup_menu_background_transparency]" type="text" value="<?php 
        if (isset($options['popup_menu_background_transparency'])) {
            echo esc_attr($options['popup_menu_background_transparency'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <?php 
        display_save_changes_button();
        ?>
            </div>
			<h3>Content Bottom Area</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Content Bottom Area', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[enable_content_bottom_area]">
										<option <?php 
        if (isset($options['enable_content_bottom_area']) && $options['enable_content_bottom_area'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">yes</option>
										<option <?php 
        if (isset($options['enable_content_bottom_area']) && $options['enable_content_bottom_area'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">no</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Content bottom sidebar to display', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[content_bottom_sidebar_custom_display]">
									<option value="" <?php 
        if (isset($options['content_bottom_sidebar_custom_display'])) {
            $content_bottom_sidebar_custom_display = $options['content_bottom_sidebar_custom_display'];
            if ($content_bottom_sidebar_custom_display == "") {
                echo "selected='selected'";
            }
        }
        ?>
></option>
									<?php 
        foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) {
            if (isUserMadeSidebar(ucwords($sidebar['name']))) {
                ?>
										<option value="<?php 
                echo ucwords($sidebar['id']);
                ?>
" <?php 
                if (isset($options['content_bottom_sidebar_custom_display'])) {
                    $content_bottom_sidebar_custom_display = $options['content_bottom_sidebar_custom_display'];
                    if ($content_bottom_sidebar_custom_display == ucwords($sidebar['id'])) {
                        echo "selected='selected'";
                    }
                }
                ?>
>
											<?php 
                echo ucwords($sidebar['name']);
                ?>
										</option>
										<?php 
            }
        }
        ?>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td valign="middle" width="150"><?php 
        esc_html_e('Content bottom in grid', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[content_bottom_in_grid]">
										<option <?php 
        if (isset($options['content_bottom_in_grid'])) {
            if ($options['content_bottom_in_grid'] == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['content_bottom_in_grid'])) {
            if ($options['content_bottom_in_grid'] == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Background Color', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
        if (isset($options['content_bottom_background_color']) && $options['content_bottom_background_color']) {
            echo 'background-color:' . esc_attr($options['content_bottom_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[content_bottom_background_color]" type="text" value="<?php 
        if (isset($options['content_bottom_background_color'])) {
            if ($options['content_bottom_background_color']) {
                echo esc_attr($options['content_bottom_background_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Parallax</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Parallax on touch devices', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[parallax_onoff]">
									<option <?php 
        if ($options['parallax_onoff'] == "on") {
            echo "selected='selected'";
        }
        ?>
 value="on">on</option>
									<option <?php 
        if ($options['parallax_onoff'] == "off") {
            echo "selected='selected'";
        }
        ?>
 value="off">off</option>
								</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Parallax min height (px)', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<input name="qode_options_proya[parallax_minheight]" type="text" value="<?php 
        if ($options['parallax_minheight']) {
            echo esc_attr($options['parallax_minheight'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
									<?php 
        esc_html_e('Set min-height for last two stages', 'qode');
        ?>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<h3>Portfolio</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr><td colspan='2'><h2>Portfolio single</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Portfolio style', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[portfolio_style]">
									<option <?php 
        if ($options['portfolio_style'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Portfolio small images</option>
									<option <?php 
        if ($options['portfolio_style'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2">Portfolio small slider</option>
									<option <?php 
        if ($options['portfolio_style'] == 5) {
            echo "selected='selected'";
        }
        ?>
 value="5">Portfolio big images</option>
									<option <?php 
        if ($options['portfolio_style'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3">Portfolio big slider</option>
									<option <?php 
        if ($options['portfolio_style'] == 4) {
            echo "selected='selected'";
        }
        ?>
 value="4">Portfolio custom</option>
									<option <?php 
        if ($options['portfolio_style'] == 7) {
            echo "selected='selected'";
        }
        ?>
 value="7">Portfolio full width custom</option>
									<option <?php 
        if ($options['portfolio_style'] == 6) {
            echo "selected='selected'";
        }
        ?>
 value="6">Portfolio gallery</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Portfolio Qode Like', 'qode');
        ?>
</td>
								<td>
									<select name="qode_options_proya[portfolio_qode_like]">
										<option <?php 
        if (isset($options['portfolio_qode_like'])) {
            $portfolio_qode_like = $options['portfolio_qode_like'];
            if ($portfolio_qode_like == 'on') {
                echo "selected='selected'";
            }
        }
        ?>
 value="on">On</option>
										<option <?php 
        if (isset($options['portfolio_qode_like'])) {
            $portfolio_qode_like = $options['portfolio_qode_like'];
            if ($portfolio_qode_like == 'off') {
                echo "selected='selected'";
            }
        }
        ?>
 value="off">Off</option>
									</select>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Lightbox for single project', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[lightbox_single_project]">
										<option <?php 
        if (isset($options['lightbox_single_project'])) {
            $lightbox_single_project = $options['lightbox_single_project'];
            if ($lightbox_single_project == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['lightbox_single_project'])) {
            $lightbox_single_project = $options['lightbox_single_project'];
            if ($lightbox_single_project == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Number of columns for Portfolio gallery style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[portfolio_columns_number]">
										<option <?php 
        if (isset($options['portfolio_columns_number'])) {
            $portfolio_columns_number = $options['portfolio_columns_number'];
            if ($options['portfolio_columns_number'] == 2) {
                echo "selected='selected'";
            }
        }
        ?>
 value="2">2 columns</option>
										<option <?php 
        if (isset($options['portfolio_columns_number'])) {
            $portfolio_columns_number = $options['portfolio_columns_number'];
            if ($options['portfolio_columns_number'] == 3) {
                echo "selected='selected'";
            }
        }
        ?>
 value="3">3 columns</option>
										<option <?php 
        if (isset($options['portfolio_columns_number'])) {
            $portfolio_columns_number = $options['portfolio_columns_number'];
            if ($options['portfolio_columns_number'] == 4) {
                echo "selected='selected'";
            }
        }
        ?>
 value="4">4 columns</option>
									</select>
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Sidebar layout', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[portfolio_single_sidebar]">
									<option <?php 
        if (isset($options['portfolio_single_sidebar'])) {
            $portfolio_single_sidebar = $options['portfolio_single_sidebar'];
            if ($portfolio_single_sidebar == "default") {
                echo "selected='selected'";
            }
        }
        ?>
 value="default">No Sidebar</option>
									<option <?php 
        if (isset($options['portfolio_single_sidebar'])) {
            $portfolio_single_sidebar = $options['portfolio_single_sidebar'];
            if ($portfolio_single_sidebar == 1) {
                echo "selected='selected'";
            }
        }
        ?>
 value="1">Sidebar 1/3 right</option>
									<option <?php 
        if (isset($options['portfolio_single_sidebar'])) {
            $portfolio_single_sidebar = $options['portfolio_single_sidebar'];
            if ($portfolio_single_sidebar == 2) {
                echo "selected='selected'";
            }
        }
        ?>
 value="2">Sidebar 1/4 right</option>
									<option <?php 
        if (isset($options['portfolio_single_sidebar'])) {
            $portfolio_single_sidebar = $options['portfolio_single_sidebar'];
            if ($portfolio_single_sidebar == 3) {
                echo "selected='selected'";
            }
        }
        ?>
 value="3">Sidebar 1/3 left</option>
									<option <?php 
        if (isset($options['portfolio_single_sidebar'])) {
            $portfolio_single_sidebar = $options['portfolio_single_sidebar'];
            if ($portfolio_single_sidebar == 4) {
                echo "selected='selected'";
            }
        }
        ?>
 value="4">Sidebar 1/4 left</option>

								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Sidebar to display', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[portfolio_single_sidebar_custom_display]">
									<option value="" <?php 
        if (isset($options['portfolio_single_sidebar_custom_display'])) {
            $portfolio_single_sidebar_custom_display = $options['portfolio_single_sidebar_custom_display'];
            if ($portfolio_single_sidebar_custom_display == "") {
                echo "selected='selected'";
            }
        }
        ?>
></option>
									<?php 
        foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) {
            if (isUserMadeSidebar(ucwords($sidebar['name']))) {
                ?>
											<option value="<?php 
                echo ucwords($sidebar['id']);
                ?>
" <?php 
                if (isset($options['portfolio_single_sidebar_custom_display'])) {
                    $portfolio_single_sidebar_custom_display = $options['portfolio_single_sidebar_custom_display'];
                    if ($portfolio_single_sidebar_custom_display == ucwords($sidebar['id'])) {
                        echo "selected='selected'";
                    }
                }
                ?>
>
												<?php 
                echo ucwords($sidebar['name']);
                ?>
											</option>
										<?php 
            }
        }
        ?>
								</select>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Portfolio single slug', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<input name="qode_options_proya[portfolio_single_slug]" type="text" value="<?php 
        if (isset($options['portfolio_single_slug']) && $options['portfolio_single_slug'] != "") {
            echo esc_attr($options['portfolio_single_slug'], 'qode');
        }
        ?>
" />
									<?php 
        echo sprintf(__('When you put the slug for portfolio page, you should navigate to ', 'qode') . '<code>%s</code>' . __(' and click save button.', 'qode'), '<a href="' . admin_url('options-permalink.php') . '">' . __('Settings -> Permalinks', 'qode') . '</a>');
        ?>
								</div>
							</td>
						</tr>
						<tr>
							<td valign="middle" width="150"><?php 
        esc_html_e('Enable Portfolio text following', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<select name="qode_options_proya[portfolio_text_follow]">
										<option <?php 
        if (isset($options['portfolio_text_follow'])) {
            $portfolio_text_follow = $options['portfolio_text_follow'];
            if ($portfolio_text_follow == 'portfolio_single_follow') {
                echo "selected='selected'";
            }
        }
        ?>
 value="portfolio_single_follow">Yes</option>
										<option <?php 
        if (isset($options['portfolio_text_follow'])) {
            $portfolio_text_follow = $options['portfolio_text_follow'];
            if ($portfolio_text_follow == 'portfolio_single_no_follow') {
                echo "selected='selected'";
            }
        }
        ?>
 value="portfolio_single_no_follow">No</option>
									</select>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Blog</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Quote/Link box color', 'qode');
        ?>
</td>
							<td>
								<div class="colorSelector"><div style="<?php 
        if ($options['blog_quote_link_box_color']) {
            echo 'background-color:' . esc_attr($options['blog_quote_link_box_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_proya[blog_quote_link_box_color]" type="text" value="<?php 
        if (isset($options['blog_quote_link_box_color']) && $options['blog_quote_link_box_color']) {
            echo esc_attr($options['blog_quote_link_box_color'], 'qode');
        }
        ?>
" size="10" maxlength="30" />
							</td>
						</tr>
						<tr><td colspan='2'><h2>Blog list</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Pagination', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[pagination]">
									<option <?php 
        if ($options['pagination'] == 0) {
            echo "selected='selected'";
        }
        ?>
 value="0">No</option>
									<option <?php 
        if ($options['pagination'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Choose blog layout', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[blog_style]">
									<option <?php 
        if ($options['blog_style'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1"><?php 
        esc_html_e('Blog Large Image', 'qode');
        ?>
</option>
									<option <?php 
        if ($options['blog_style'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2"><?php 
        esc_html_e('Blog Masonry', 'qode');
        ?>
</option>
									<option <?php 
        if ($options['blog_style'] == 5) {
            echo "selected='selected'";
        }
        ?>
 value="5"><?php 
        esc_html_e('Blog Masonry Full Width', 'qode');
        ?>
</option>
									<option <?php 
        if ($options['blog_style'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3"><?php 
        esc_html_e('Blog Large Image Whole Post', 'qode');
        ?>
</option>
									<option <?php 
        if ($options['blog_style'] == 4) {
            echo "selected='selected'";
        }
        ?>
 value="4"><?php 
        esc_html_e('Blog Small Image', 'qode');
        ?>
</option>
									<option <?php 
        if ($options['blog_style'] == 6) {
            echo "selected='selected'";
        }
        ?>
 value="6"><?php 
        esc_html_e('Blog Large Image Simple', 'qode');
        ?>
</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Blog sidebar', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[category_blog_sidebar]">
									<option <?php 
        if ($options['category_blog_sidebar'] == "default") {
            echo "selected='selected'";
        }
        ?>
 value="default">No Sidebar</option>
									<option <?php 
        if ($options['category_blog_sidebar'] == 1) {
            echo "selected='selected'";
        }
        ?>
 value="1">Sidebar 1/3 right</option>
									<option <?php 
        if ($options['category_blog_sidebar'] == 2) {
            echo "selected='selected'";
        }
        ?>
 value="2">Sidebar 1/4 right</option>
									<option <?php 
        if ($options['category_blog_sidebar'] == 3) {
            echo "selected='selected'";
        }
        ?>
 value="3">Sidebar 1/3 left</option>
									<option <?php 
        if ($options['category_blog_sidebar'] == 4) {
            echo "selected='selected'";
        }
        ?>
 value="4">Sidebar 1/4 left</option>

								</select>
								<?php 
        esc_html_e('For category list', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Hide comments', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[blog_hide_comments]">
									<option <?php 
        if (isset($options['blog_hide_comments'])) {
            $blog_hide_comments = $options['blog_hide_comments'];
            if ($blog_hide_comments == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['blog_hide_comments'])) {
            $blog_hide_comments = $options['blog_hide_comments'];
            if ($blog_hide_comments == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
                        <tr valign="middle">
                            <td scope="row" width="150"><?php 
        esc_html_e('Hide author', 'qode');
        ?>
</td>
                            <td>
                                <select name="qode_options_proya[blog_hide_author]">
                                    <option <?php 
        if (isset($options['blog_hide_author'])) {
            $blog_hide_author = $options['blog_hide_author'];
            if ($blog_hide_author == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
                                    <option <?php 
        if (isset($options['blog_hide_author'])) {
            $blog_hide_author = $options['blog_hide_author'];
            if ($blog_hide_author == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
                                </select>
                            </td>
                        </tr>
						<tr valign="middle">
								<td scope="row" width="150"><?php 
        esc_html_e('Blog Qode Like', 'qode');
        ?>
</td>
								<td>
									<select name="qode_options_proya[qode_like]">
										<option <?php 
        if (isset($options['qode_like'])) {
            $qode_like = $options['qode_like'];
            if ($qode_like == 'on') {
                echo "selected='selected'";
            }
        }
        ?>
 value="on">On</option>
										<option <?php 
        if (isset($options['qode_like'])) {
            $qode_like = $options['qode_like'];
            if ($qode_like == 'off') {
                echo "selected='selected'";
            }
        }
        ?>
 value="off">Off</option>
									</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Page Range For Pagination', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[blog_page_range]" type="text" value="<?php 
        if (isset($options['blog_page_range']) && $options['blog_page_range']) {
            echo esc_attr($options['blog_page_range'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Number of words', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[number_of_chars]" type="text" value="<?php 
        if (isset($options['number_of_chars']) && $options['number_of_chars']) {
            echo esc_attr($options['number_of_chars'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
								<?php 
        esc_html_e('Number of words in blog listing', 'qode');
        ?>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Number of words in masonry blog template', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[number_of_chars_masonry]" type="text" value="<?php 
        if (isset($options['number_of_chars_masonry']) && $options['number_of_chars_masonry']) {
            echo esc_attr($options['number_of_chars_masonry'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Number of words in large image blog template', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[number_of_chars_large_image]" type="text" value="<?php 
        if (isset($options['number_of_chars_large_image']) && $options['number_of_chars_large_image']) {
            echo esc_attr($options['number_of_chars_large_image'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
							</td>
						</tr><tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Number of words in small image blog template', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[number_of_chars_small_image]" type="text" value="<?php 
        if (isset($options['number_of_chars_small_image'])) {
            echo esc_attr($options['number_of_chars_small_image'], 'qode');
        }
        ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="middle">
                                <td scope="row" width="150"><?php 
        esc_html_e('Choose Pagination on Masonry type', 'qode');
        ?>
</td>
                                <td>
                                    <select name="qode_options_proya[pagination_masonry]">
                                        <option <?php 
        if (isset($options['pagination_masonry'])) {
            $pagination_masonry = $options['pagination_masonry'];
            if ($pagination_masonry == 'pagination') {
                echo "selected='selected'";
            }
        }
        ?>
 value="pagination">Pagination</option>
                                        <option <?php 
        if (isset($options['pagination_masonry'])) {
            $pagination_masonry = $options['pagination_masonry'];
            if ($pagination_masonry == 'load_more') {
                echo "selected='selected'";
            }
        }
        ?>
 value="load_more">Load More</option>
                                        <option <?php 
        if (isset($options['pagination_masonry'])) {
            $pagination_masonry = $options['pagination_masonry'];
            if ($pagination_masonry == 'infinite_scroll') {
                echo "selected='selected'";
            }
        }
        ?>
 value="infinite_scroll">Infinite Scroll</option>
                                    </select>
                            </td>
                        </tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Show category filter on masonry style', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[blog_masonry_filter]">
									<option <?php 
        if (isset($options['blog_masonry_filter'])) {
            $blog_masonry_filter = $options['blog_masonry_filter'];
            if ($blog_masonry_filter == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['blog_masonry_filter'])) {
            $blog_masonry_filter = $options['blog_masonry_filter'];
            if ($blog_masonry_filter == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Blog Large Image style', 'qode');
        ?>
</td>
							<td>
							<div class="inline">
								<?php 
        esc_html_e('Text in box', 'qode');
        ?>
								<select name="qode_options_proya[blog_large_image_text_in_box]">
									<option <?php 
        if (isset($options['blog_large_image_text_in_box'])) {
            $blog_large_image_text_in_box = $options['blog_large_image_text_in_box'];
            if ($blog_large_image_text_in_box == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
									<option <?php 
        if (isset($options['blog_large_image_text_in_box'])) {
            $blog_large_image_text_in_box = $options['blog_large_image_text_in_box'];
            if ($blog_large_image_text_in_box == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['blog_large_image_text_in_box'])) {
            $blog_large_image_text_in_box = $options['blog_large_image_text_in_box'];
            if ($blog_large_image_text_in_box == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</div>

							<div class="inline">
								<?php 
        esc_html_e('Text Box Border', 'qode');
        ?>
								<select name="qode_options_proya[blog_large_image_border]">
									<option <?php 
        if (isset($options['blog_large_image_border'])) {
            $blog_large_image_border = $options['blog_large_image_border'];
            if ($blog_large_image_border == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
									<option <?php 
        if (isset($options['blog_large_image_border'])) {
            $blog_large_image_border = $options['blog_large_image_border'];
            if ($blog_large_image_border == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['blog_large_image_border'])) {
            $blog_large_image_border = $options['blog_large_image_border'];
            if ($blog_large_image_border == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</div>
							<div class="inline">
								<?php 
        esc_html_e('Text Box Border Color', 'qode');
        ?>
								<div class="colorSelector"><div style="<?php 
        if (isset($options['blog_large_image_border_color'])) {
            echo 'background-color:' . esc_attr($options['blog_large_image_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_proya[blog_large_image_border_color]" type="text" value="<?php 
        if (isset($options['blog_large_image_border_color'])) {
            if ($options['blog_large_image_border_color']) {
                echo esc_attr($options['blog_large_image_border_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
							</div>
							<div class="inline">
								<?php 
        esc_html_e('Text Box Border width(px)', 'qode');
        ?>
								<input name="qode_options_proya[blog_large_image_border_width]" type="text" value="<?php 
        if (isset($options['blog_large_image_border_width'])) {
            if ($options['blog_large_image_border_width']) {
                echo esc_attr($options['blog_large_image_border_width'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
							</div>
							<div class="inline">
								<?php 
        esc_html_e('Text Box Background Color', 'qode');
        ?>
								<div class="colorSelector"><div style="<?php 
        if (isset($options['blog_large_image_background_color'])) {
            echo 'background-color:' . esc_attr($options['blog_large_image_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
								<input name="qode_options_proya[blog_large_image_background_color]" type="text" value="<?php 
        if (isset($options['blog_large_image_background_color'])) {
            if ($options['blog_large_image_background_color']) {
                echo esc_attr($options['blog_large_image_background_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
							</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Blog Medium Image style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Text in box', 'qode');
        ?>
									<select name="qode_options_proya[blog_small_image_text_in_box]">
										<option <?php 
        if (isset($options['blog_small_image_text_in_box'])) {
            $blog_small_image_text_in_box = $options['blog_small_image_text_in_box'];
            if ($blog_small_image_text_in_box == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['blog_small_image_text_in_box'])) {
            $blog_small_image_text_in_box = $options['blog_small_image_text_in_box'];
            if ($blog_small_image_text_in_box == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['blog_small_image_text_in_box'])) {
            $blog_small_image_text_in_box = $options['blog_small_image_text_in_box'];
            if ($blog_small_image_text_in_box == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>

								<div class="inline">
									<?php 
        esc_html_e('Text Box Border', 'qode');
        ?>
									<select name="qode_options_proya[blog_small_image_border]">
										<option <?php 
        if (isset($options['blog_small_image_border'])) {
            $blog_small_image_border = $options['blog_small_image_border'];
            if ($blog_small_image_border == '') {
                echo "selected='selected'";
            }
        }
        ?>
 value=""></option>
										<option <?php 
        if (isset($options['blog_small_image_border'])) {
            $blog_small_image_border = $options['blog_small_image_border'];
            if ($blog_small_image_border == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['blog_small_image_border'])) {
            $blog_small_image_border = $options['blog_small_image_border'];
            if ($blog_small_image_border == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text Box Border Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['blog_small_image_border_color'])) {
            echo 'background-color:' . esc_attr($options['blog_small_image_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[blog_small_image_border_color]" type="text" value="<?php 
        if (isset($options['blog_small_image_border_color'])) {
            if ($options['blog_small_image_border_color']) {
                echo esc_attr($options['blog_small_image_border_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text Box Border width(px)', 'qode');
        ?>
									<input name="qode_options_proya[blog_small_image_border_width]" type="text" value="<?php 
        if (isset($options['blog_small_image_border_width'])) {
            if ($options['blog_small_image_border_width']) {
                echo esc_attr($options['blog_small_image_border_width'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Text Box Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['blog_small_image_background_color'])) {
            echo 'background-color:' . esc_attr($options['blog_small_image_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[blog_small_image_background_color]" type="text" value="<?php 
        if (isset($options['blog_small_image_background_color'])) {
            if ($options['blog_small_image_background_color']) {
                echo esc_attr($options['blog_small_image_background_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Blog Masonry Style', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Border Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['blog_masonry_border_color'])) {
            echo 'background-color:' . esc_attr($options['blog_masonry_border_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[blog_masonry_border_color]" type="text" value="<?php 
        if (isset($options['blog_masonry_border_color'])) {
            if ($options['blog_masonry_border_color']) {
                echo esc_attr($options['blog_masonry_border_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Background Color', 'qode');
        ?>
									<div class="colorSelector"><div style="<?php 
        if (isset($options['blog_masonry_background_color'])) {
            echo 'background-color:' . esc_attr($options['blog_masonry_background_color'], 'qode') . ';';
        }
        ?>
"></div></div>
									<input name="qode_options_proya[blog_masonry_background_color]" type="text" value="<?php 
        if (isset($options['blog_masonry_background_color'])) {
            if ($options['blog_masonry_background_color']) {
                echo esc_attr($options['blog_masonry_background_color'], 'qode');
            }
        }
        ?>
" size="10" maxlength="30" />
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Border Raidus(px)', 'qode');
        ?>
									<input name="qode_options_proya[blog_masonry_border_radius]" type="text" value="<?php 
        if (isset($options['blog_masonry_border_radius'])) {
            if ($options['blog_masonry_border_radius']) {
                echo esc_attr($options['blog_masonry_border_radius'], 'qode');
            }
        }
        ?>
" size="10" maxlength="10" />
								</div>
							</td>
						</tr>
						<tr><td colspan='2'><h2>Blog single</h2></td></tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Sidebar layout', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[blog_single_sidebar]">
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == "default") {
                echo "selected='selected'";
            }
        }
        ?>
 value="default">No Sidebar</option>
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == 1) {
                echo "selected='selected'";
            }
        }
        ?>
 value="1">Sidebar 1/3 right</option>
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == 2) {
                echo "selected='selected'";
            }
        }
        ?>
 value="2">Sidebar 1/4 right</option>
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == 3) {
                echo "selected='selected'";
            }
        }
        ?>
 value="3">Sidebar 1/3 left</option>
									<option <?php 
        if (isset($options['blog_single_sidebar'])) {
            $blog_single_sidebar = $options['blog_single_sidebar'];
            if ($blog_single_sidebar == 4) {
                echo "selected='selected'";
            }
        }
        ?>
 value="4">Sidebar 1/4 left</option>

								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Sidebar to display', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[blog_single_sidebar_custom_display]">
									<option value="" <?php 
        if (isset($options['blog_single_sidebar_custom_display'])) {
            $blog_single_sidebar_custom_display = $options['blog_single_sidebar_custom_display'];
            if ($blog_single_sidebar_custom_display == "") {
                echo "selected='selected'";
            }
        }
        ?>
></option>
									<?php 
        foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) {
            if (isUserMadeSidebar(ucwords($sidebar['name']))) {
                ?>
										<option value="<?php 
                echo ucwords($sidebar['id']);
                ?>
" <?php 
                if (isset($options['blog_single_sidebar_custom_display'])) {
                    $blog_single_sidebar_custom_display = $options['blog_single_sidebar_custom_display'];
                    if ($blog_single_sidebar_custom_display == ucwords($sidebar['id'])) {
                        echo "selected='selected'";
                    }
                }
                ?>
>
											<?php 
                echo ucwords($sidebar['name']);
                ?>
										</option>
										<?php 
            }
        }
        ?>
								</select>
							</td>
						</tr>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
        esc_html_e('Show Blog Author', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[blog_author_info]">
									<option <?php 
        if (isset($options['blog_author_info'])) {
            $blog_author_info = $options['blog_author_info'];
            if ($blog_author_info == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['blog_author_info'])) {
            $blog_author_info = $options['blog_author_info'];
            if ($blog_author_info == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>

							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3><?php 
        esc_html_e('Contact Page', 'qode');
        ?>
</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Mail send to', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[receive_mail]" type="text" value="<?php 
        if ($options['receive_mail']) {
            echo esc_attr($options['receive_mail'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Contact Form', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[enable_contact_form]">
									<option <?php 
        if ($options['enable_contact_form'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
									<option <?php 
        if ($options['enable_contact_form'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Hide Website Field', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[hide_contact_form_website]">
									<option <?php 
        if (isset($options['hide_contact_form_website'])) {
            $hide_contact_form_website = $options['hide_contact_form_website'];
            if ($hide_contact_form_website == 'no') {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['hide_contact_form_website'])) {
            $hide_contact_form_website = $options['hide_contact_form_website'];
            if ($hide_contact_form_website == 'yes') {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Email From', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[email_from]" type="text" value="<?php 
        if ($options['email_from']) {
            echo esc_attr($options['email_from'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Email Subject', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[email_subject]" type="text" value="<?php 
        if ($options['email_subject']) {
            echo esc_attr($options['email_subject'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Use reCaptcha', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[use_recaptcha]">
									<option <?php 
        if ($options['use_recaptcha'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
									<option <?php 
        if ($options['use_recaptcha'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('ReCaptcha public key', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[recaptcha_public_key]" type="text" value="<?php 
        if ($options['recaptcha_public_key']) {
            echo esc_attr($options['recaptcha_public_key'], 'qode');
        }
        ?>
"  />

							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('ReCaptcha private key', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[recaptcha_private_key]" type="text" value="<?php 
        if ($options['recaptcha_private_key']) {
            echo esc_attr($options['recaptcha_private_key'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Heading above contact form', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[contact_heading_above]" type="text" value="<?php 
        if ($options['contact_heading_above']) {
            echo esc_attr($options['contact_heading_above'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Show Section beetwen map and form', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[section_between_map_form]">
									<option <?php 
        if (isset($options['section_between_map_form']) && $options['section_between_map_form'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['section_between_map_form']) && $options['section_between_map_form'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Alignment of section between map and form', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[section_between_map_form_position]">
									<option <?php 
        if (isset($options['section_between_map_form_position']) && $options['section_between_map_form_position'] == "") {
            echo "selected='selected'";
        }
        ?>
 value="">Default</option>
									<option <?php 
        if (isset($options['section_between_map_form_position']) && $options['section_between_map_form_position'] == "left") {
            echo "selected='selected'";
        }
        ?>
 value="left">Left</option>
									<option <?php 
        if (isset($options['section_between_map_form_position']) && $options['section_between_map_form_position'] == "center") {
            echo "selected='selected'";
        }
        ?>
 value="center">Center</option>
									<option <?php 
        if (isset($options['section_between_map_form_position']) && $options['section_between_map_form_position'] == "right") {
            echo "selected='selected'";
        }
        ?>
 value="right">Right</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Title in section between map and form', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[contact_section_above_form_title]" type="text" value="<?php 
        if (isset($options['contact_section_above_form_title']) && $options['contact_section_above_form_title']) {
            echo esc_attr($options['contact_section_above_form_title'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Subtitle in section between map and form', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[contact_section_above_form_subtitle]" type="text" value="<?php 
        if (isset($options['contact_section_above_form_subtitle']) && $options['contact_section_above_form_subtitle']) {
            echo esc_attr($options['contact_section_above_form_subtitle'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Google Map', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[enable_google_map]">
									<option <?php 
        if ($options['enable_google_map'] == "no") {
            echo "selected='selected'";
        }
        ?>
 value="no">No</option>
									<option <?php 
        if ($options['enable_google_map'] == "yes") {
            echo "selected='selected'";
        }
        ?>
 value="yes">Yes</option>
								</select>
								<?php 
        esc_html_e(' If you choose Yes and save, then come back to this section and you will get additional fields for google map settings.', 'qode');
        ?>
							</td>
						</tr>
						<?php 
        if ($options['enable_google_map'] == "yes") {
            ?>
						<tr valign="middle">
							<td scope="row" width="150"><?php 
            esc_html_e('Pin image', 'qode');
            ?>
</td>
							<td>
								<div class="inline" style="width: 705px;">
								<input type="text" id="google_maps_pin_image" name="qode_options_proya[google_maps_pin_image]" class="google_maps_pin_image" value="<?php 
            if (isset($options['google_maps_pin_image'])) {
                echo esc_attr($options['google_maps_pin_image'], 'qode');
            } else {
                echo QODE_ROOT . "/img/pin.png";
            }
            ?>
" size="70">
								<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address" name="qode_options_proya[google_maps_address]" value="<?php 
            if (isset($options['google_maps_address'])) {
                echo esc_attr($options['google_maps_address'], 'qode');
            }
            ?>
" size="130" />
								<?php 
            esc_html_e('Example (Louvre Museum, Paris, France)', 'qode');
            ?>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address 2', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address2" name="qode_options_proya[google_maps_address2]" value="<?php 
            if (isset($options['google_maps_address2'])) {
                echo esc_attr($options['google_maps_address2'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address 3', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address3" name="qode_options_proya[google_maps_address3]" value="<?php 
            if (isset($options['google_maps_address3'])) {
                echo esc_attr($options['google_maps_address3'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address 4', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address4" name="qode_options_proya[google_maps_address4]" value="<?php 
            if (isset($options['google_maps_address4'])) {
                echo esc_attr($options['google_maps_address4'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map address 5', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_address5" name="qode_options_proya[google_maps_address5]" value="<?php 
            if (isset($options['google_maps_address5'])) {
                echo esc_attr($options['google_maps_address5'], 'qode');
            }
            ?>
" size="130" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map zoom', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_zoom" name="qode_options_proya[google_maps_zoom]" value="<?php 
            if (isset($options['google_maps_zoom'])) {
                echo esc_attr($options['google_maps_zoom'], 'qode');
            }
            ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map height (px)', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_height" name="qode_options_proya[google_maps_height]" value="<?php 
            if (isset($options['google_maps_height'])) {
                echo esc_attr($options['google_maps_height'], 'qode');
            }
            ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map style', 'qode');
            ?>
</td>
							<td>
								<select name="qode_options_proya[google_maps_style]">
									<option <?php 
            if (isset($options['google_maps_style'])) {
                $google_maps_style = $options['google_maps_style'];
                if ($google_maps_style == 'no') {
                    echo "selected='selected'";
                }
            }
            ?>
 value="no">No</option>
									<option <?php 
            if (isset($options['google_maps_style'])) {
                $google_maps_style = $options['google_maps_style'];
                if ($google_maps_style == 'yes') {
                    echo "selected='selected'";
                }
            }
            ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map color', 'qode');
            ?>
</td>
							<td>
								<div class="inline">
									<div class="colorSelector"><div style="<?php 
            if (isset($options['google_maps_color'])) {
                echo 'background-color:' . esc_attr($options['google_maps_color'], 'qode') . ';';
            }
            ?>
"></div></div>
									<input name="qode_options_proya[google_maps_color]" type="text" value="<?php 
            if (isset($options['google_maps_color'])) {
                if ($options['google_maps_color']) {
                    echo esc_attr($options['google_maps_color'], 'qode');
                }
            }
            ?>
" size="10" maxlength="30" />
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map saturation (-100 to 100)', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_saturation" name="qode_options_proya[google_maps_saturation]" value="<?php 
            if (isset($options['google_maps_saturation'])) {
                echo esc_attr($options['google_maps_saturation'], 'qode');
            }
            ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map lightness (-100 to 100)', 'qode');
            ?>
</td>
							<td>
								<input id="google_maps_lightness" name="qode_options_proya[google_maps_lightness]" value="<?php 
            if (isset($options['google_maps_lightness'])) {
                echo esc_attr($options['google_maps_lightness'], 'qode');
            }
            ?>
" size="10" maxlength="10" />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
            esc_html_e('Google map scroll on mouse wheel', 'qode');
            ?>
</td>
							<td>
								<select name="qode_options_proya[google_maps_scroll_wheel]">
									<option <?php 
            if (isset($options['google_maps_scroll_wheel'])) {
                $google_maps_scroll_wheel = $options['google_maps_scroll_wheel'];
                if ($google_maps_scroll_wheel == 'no') {
                    echo "selected='selected'";
                }
            }
            ?>
 value="no">No</option>
									<option <?php 
            if (isset($options['google_maps_scroll_wheel'])) {
                $google_maps_scroll_wheel = $options['google_maps_scroll_wheel'];
                if ($google_maps_scroll_wheel == 'yes') {
                    echo "selected='selected'";
                }
            }
            ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<?php 
        }
        ?>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>404 Page</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Title', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[404_title]" type="text" value="<?php 
        if ($options['404_title']) {
            echo esc_attr($options['404_title'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Subtitle', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[404_subtitle]" type="text" value="<?php 
        if (isset($options['404_subtitle']) && $options['404_subtitle']) {
            echo esc_attr($options['404_subtitle'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Text', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[404_text]" type="text" value="<?php 
        if ($options['404_text']) {
            echo esc_attr($options['404_text'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Back to home label', 'qode');
        ?>
</td>
							<td>
								<input name="qode_options_proya[404_backlabel]" type="text" value="<?php 
        if ($options['404_backlabel']) {
            echo esc_attr($options['404_backlabel'], 'qode');
        }
        ?>
"  />
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
			<h3>Social</h3>
			<div>
				<table class="form-table">
					<tbody>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Enable Social Share', 'qode');
        ?>
</td>
							<td>
								<select name="qode_options_proya[enable_social_share]">
									<option <?php 
        if (isset($options['enable_social_share'])) {
            $enable_social_share = $options['enable_social_share'];
            if ($enable_social_share == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
									<option <?php 
        if (isset($options['enable_social_share'])) {
            $enable_social_share = $options['enable_social_share'];
            if ($enable_social_share == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
								</select>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Facebook', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Facebook', 'qode');
        ?>
									<select name="qode_options_proya[enable_facebook_share]">
										<option <?php 
        if (isset($options['enable_facebook_share'])) {
            $enable_facebook_share = $options['enable_facebook_share'];
            if ($enable_facebook_share == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_facebook_share'])) {
            $enable_facebook_share = $options['enable_facebook_share'];
            if ($enable_facebook_share == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Share Icon', 'qode');
        ?>
									<input type="text" id="facebook_icon" name="qode_options_proya[facebook_icon]" class="qode_upload_field" value="<?php 
        if (isset($options['facebook_icon'])) {
            echo esc_attr($options['facebook_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Twitter', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Twitter', 'qode');
        ?>
									<select name="qode_options_proya[enable_twitter_share]">
										<option <?php 
        if (isset($options['enable_twitter_share'])) {
            $enable_twitter_share = $options['enable_twitter_share'];
            if ($enable_twitter_share == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_twitter_share'])) {
            $enable_twitter_share = $options['enable_twitter_share'];
            if ($enable_twitter_share == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Share Icon', 'qode');
        ?>
									<input type="text" id="twitter_icon" name="qode_options_proya[twitter_icon]" class="qode_upload_field" value="<?php 
        if (isset($options['twitter_icon'])) {
            echo esc_attr($options['twitter_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
								<div class="inline">
									<?php 
        esc_html_e('Via', 'qode');
        ?>
									<input name="qode_options_proya[twitter_via]" type="text" value="<?php 
        if (isset($options['twitter_via'])) {
            echo esc_attr($options['twitter_via'], 'qode');
        }
        ?>
"  />
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Google +', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Google +', 'qode');
        ?>
									<select name="qode_options_proya[enable_google_plus]">
										<option <?php 
        if (isset($options['enable_google_plus'])) {
            $enable_google_plus = $options['enable_google_plus'];
            if ($enable_google_plus == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_google_plus'])) {
            $enable_google_plus = $options['enable_google_plus'];
            if ($enable_google_plus == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Share Icon', 'qode');
        ?>
									<input type="text" id="google_plus_icon" name="qode_options_proya[google_plus_icon]" class="qode_upload_field" value="<?php 
        if (isset($options['google_plus_icon'])) {
            echo esc_attr($options['google_plus_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('LinkedIn', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable LinkedIn', 'qode');
        ?>
									<select name="qode_options_proya[enable_linkedin]">
										<option <?php 
        if (isset($options['enable_linkedin'])) {
            $enable_linkedin = $options['enable_linkedin'];
            if ($enable_linkedin == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_linkedin'])) {
            $enable_linkedin = $options['enable_linkedin'];
            if ($enable_linkedin == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Share Icon', 'qode');
        ?>
									<input type="text" id="linkedin_icon" name="qode_options_proya[linkedin_icon]" class="qode_upload_field" value="<?php 
        if (isset($options['linkedin_icon'])) {
            echo esc_attr($options['linkedin_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Tumblr', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Tumblr', 'qode');
        ?>
									<select name="qode_options_proya[enable_tumblr]">
										<option <?php 
        if (isset($options['enable_tumblr'])) {
            $enable_tumblr = $options['enable_tumblr'];
            if ($enable_tumblr == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_tumblr'])) {
            $enable_tumblr = $options['enable_tumblr'];
            if ($enable_tumblr == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Tumblr Icon', 'qode');
        ?>
									<input type="text" id="tumblr_icon" name="qode_options_proya[tumblr_icon]" class="qode_upload_field" value="<?php 
        if (isset($options['tumblr_icon'])) {
            echo esc_attr($options['tumblr_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Pinterest', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable Pinterest', 'qode');
        ?>
									<select name="qode_options_proya[enable_pinterest]">
										<option <?php 
        if (isset($options['enable_pinterest'])) {
            $enable_pinterest = $options['enable_pinterest'];
            if ($enable_pinterest == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_pinterest'])) {
            $enable_pinterest = $options['enable_pinterest'];
            if ($enable_pinterest == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('Pinterest Icon', 'qode');
        ?>
									<input type="text" id="pinterest_icon" name="qode_options_proya[pinterest_icon]" class="qode_upload_field" value="<?php 
        if (isset($options['pinterest_icon'])) {
            echo esc_attr($options['pinterest_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('VK', 'qode');
        ?>
</td>
							<td>
								<div class="inline">
									<?php 
        esc_html_e('Enable VK', 'qode');
        ?>
									<select name="qode_options_proya[enable_vk]">
										<option <?php 
        if (isset($options['enable_vk'])) {
            $enable_vk = $options['enable_vk'];
            if ($enable_vk == "no") {
                echo "selected='selected'";
            }
        }
        ?>
 value="no">No</option>
										<option <?php 
        if (isset($options['enable_vk'])) {
            $enable_vk = $options['enable_vk'];
            if ($enable_vk == "yes") {
                echo "selected='selected'";
            }
        }
        ?>
 value="yes">Yes</option>
									</select>
								</div>
								<div class="inline" style="width: 780px;">
									<?php 
        esc_html_e('VK Icon', 'qode');
        ?>
									<input type="text" id="vk_icon" name="qode_options_proya[vk_icon]" class="qode_upload_field" value="<?php 
        if (isset($options['vk_icon'])) {
            echo esc_attr($options['vk_icon'], 'qode');
        }
        ?>
" size="70">
									<input class="upload_button" type="button" value="Upload file">
								</div>
							</td>
						</tr>
						<tr valign="top">
							<td scope="row" width="150"><?php 
        esc_html_e('Show For', 'qode');
        ?>
</td>
							<td>
							<?php 
        $args_post_types = array('public' => true);
        $post_types = get_post_types($args_post_types);
        foreach ($post_types as $post_type) {
            $post_type_object = get_post_type_object($post_type);
            ?>
								 <input type="checkbox" value="<?php 
            echo $post_type;
            ?>
" <?php 
            if (isset($options["post_types_names_{$post_type}"]) && $options["post_types_names_{$post_type}"] == "{$post_type}") {
                echo "checked='checked'";
            }
            ?>
 name="qode_options_proya[post_types_names_<?php 
            echo $post_type;
            ?>
]" /><?php 
            echo " " . $post_type_object->labels->singular_name;
            ?>
<br /><br />

								<?php 
        }
        ?>
							</td>
						</tr>
					</tbody>
				</table>
				<?php 
        display_save_changes_button();
        ?>
			</div>
		</div>
<?php 
    }

Пример #8

Показать файл

Файл: custom-fields.php Проект: k2jysy/wedev

        /**
         * Display the new Custom Fields meta box
         */
        function displayCustomFields()
        {
            global $post;
            global $qode_options_theme13;
            global $fontArrays;
            ?>
			<div class="form-wrap">
				<?php 
            wp_nonce_field('my-custom-fields', 'my-custom-fields_wpnonce', false, true);
            foreach ($this->customFields as $customField) {
                // Check scope
                $scope = $customField['scope'];
                $dependency = $customField['dependency'];
                $output = false;
                foreach ($scope as $scopeItem) {
                    switch ($scopeItem) {
                        default:
                            if ($post->post_type == $scopeItem) {
                                if ($dependency != "") {
                                    foreach ($dependency as $dependencyKey => $dependencyValue) {
                                        foreach ($dependencyValue as $dependencyVal) {
                                            if ($qode_options_theme13[$dependencyKey] == $dependencyVal) {
                                                $output = true;
                                                break;
                                            }
                                        }
                                    }
                                } else {
                                    $output = true;
                                }
                            } else {
                                break;
                            }
                    }
                    if ($output) {
                        break;
                    }
                }
                // Check capability
                if (!current_user_can($customField['capability'], $post->ID)) {
                    $output = false;
                }
                // Output if allowed
                if ($output) {
                    ?>
							<?php 
                    switch ($customField['type']) {
                        case "checkbox":
                            // Checkbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<input type="checkbox" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="yes"';
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") {
                                echo ' checked="checked"';
                            }
                            echo '" style="width: auto;" />';
                            echo '</div>';
                            break;
                        case "selectbox":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="default" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "default") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>No Sidebar</option>
										<option value="1" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "1") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Sidebar 1/3 right</option>
										<option value="2" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Sidebar 1/4 right</option>
										<option value="3" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "3") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Sidebar 1/3 left</option>
										<option value="4" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "4") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Sidebar 1/4 left</option>
                                    
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-featured-image":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="no" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>No</option>
										<option value="yes" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Yes</option>
									
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-category":
                            $categories = get_categories();
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            echo '<option value=""></option>';
                            foreach ($categories as $category) {
                                echo '<option value="' . $category->term_id . '"';
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == $category->term_id) {
                                    echo 'selected="selected"';
                                }
                                echo '>';
                                echo $category->name;
                                ?>
&nbsp;&nbsp;&nbsp;<?php 
                                echo '</option>';
                            }
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-portfolio-single":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="1" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "1") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio small images</option>
										<option value="2" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio small slider</option>
										<option value="5" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "5") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio big images</option>
										<option value="3" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "3") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio big slider</option>
										<option value="4" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "4") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio custom</option>
										<option value="7" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "7") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio full width custom</option>
										<option value="6" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "6") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Portfolio gallery</option>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-portfolio-columns-number":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="2" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>2 Columns</option>
										<option value="3" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "3") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>3 Columns</option>
										<option value="4" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "4") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>4 Columns</option>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "fontsize-select":
                            // Font size selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="small" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "small") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Small &nbsp;&nbsp;</option>
										<option value="medium" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "medium") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Medium &nbsp;&nbsp;</option>
										<option value="large" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "large") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Large &nbsp;&nbsp;</option>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-portfolio-list-page":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            $args = array('show_option_none' => ' ', 'option_none_value' => '', 'selected' => get_post_meta($post->ID, $this->prefix . $customField['name'], true), 'name' => $this->prefix . $customField['name']);
                            wp_dropdown_pages($args);
                            echo '</div>';
                            break;
                        case "selectbox-animation":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            $page_transitions = "2";
                            if (isset($qode_options_theme13['page_transitions'])) {
                                $page_transitions = $qode_options_theme13['page_transitions'];
                            }
                            if ($page_transitions == "1" || $page_transitions == "2" || $page_transitions == "3" || $page_transitions == "4") {
                                // Selectbox
                                echo '<div class="form-field ' . $float_left . ' form-required">';
                                echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                                echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                                ?>
										<option value="" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "default") {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
></option>
										<option value="no_animation" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no_animation") {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
>No animation</option>
										<option value="updown" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "updown") {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
>Up / Down</option>
										<option value="fade" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "fade") {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
>Fade</option>
										<option value="updown_fade" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "updown_fade") {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
>Up/Down (In) / Fade (Out)</option>
										<option value="leftright" <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "leftright") {
                                    ?>
 selected="selected" <?php 
                                }
                                ?>
>Left / Right</option>
										<?php 
                                echo '</select>';
                                echo '</div>';
                            }
                            break;
                        case "selectbox-yes-no":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="no" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>No</option>
										<option value="yes" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Yes</option>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-title-animation":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="no" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>No animation</option>
										<option value="text_right_left" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "text_right_left") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Text right to left</option>
										<option value="area_top_bottom" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "area_top_bottom") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Title area top to bottom</option>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-fixed-title-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="no" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>No</option>
										<option value="yes" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Yes</option>
										<option value="yes_zoom" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes_zoom") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Yes, with zoom out</option>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-header-style":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="light" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "light") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Light</option>
										<option value="dark" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "dark") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Dark</option>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "image-title-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="title_image" name="' . $this->prefix . $customField['name'] . '" class="title_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            break;
                        case "image-title-overlay-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="title_overlay_image" name="' . $this->prefix . $customField['name'] . '" class="title_overlay_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            break;
                        case "slide-background-type":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;&nbsp;&nbsp;';
                            echo '<label for="image_background" style="display:inline;"><b>Image</b></label>&nbsp;';
                            echo '<input class="slide_background_type" data-type="image_type" type="radio" name="' . $this->prefix . $customField['name'] . '" id="image_background" value="image"';
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "image") {
                                echo ' checked="checked"';
                            }
                            echo '" style="width: auto;" />';
                            echo '<label for="video_background" style="display:inline;"><b>Video</b></label>&nbsp;';
                            echo '<input class="slide_background_type" data-type="video_type" type="radio" name="' . $this->prefix . $customField['name'] . '" id="video_background" value="video"';
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "video") {
                                echo ' checked="checked"';
                            }
                            echo '" style="width: auto;" />';
                            echo '</div>';
                            break;
                        case "slide-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<div class="image_type">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="slide_image" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            echo '</div>';
                            break;
                        case "slide-thumbnail":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="slide_thumbnail" name="' . $this->prefix . $customField['name'] . '" class="slide_thumbnail" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            break;
                        case "selectbox-thumbnail-animation":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' ">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="flip" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "flip") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Flip</option>
										<option value="fade" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "fade") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Fade</option>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "slide-video-input":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<div class="video_type">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />';
                            echo '</div>';
                            echo '</div>';
                            break;
                        case "slide-video-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<div class="video_type">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="slide_video_image" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            echo '</div>';
                            break;
                        case "slide-video-overlay-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<div class="video_type">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="slide_video_overlay_image" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            echo '</div>';
                            break;
                        case "slide-video-checkbox":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<div class="video_type">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<input type="checkbox" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="yes"';
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") {
                                echo ' checked="checked"';
                            }
                            echo '" style="width: auto;" />';
                            echo '</div>';
                            echo '</div>';
                            break;
                        case "font-family":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' ">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "-1") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Default</option>
										<?php 
                            foreach ($fontArrays as $fontArray) {
                                ?>
											<option <?php 
                                if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == str_replace(' ', '+', $fontArray["family"])) {
                                    echo "selected='selected'";
                                }
                                ?>
  value="<?php 
                                echo str_replace(' ', '+', $fontArray["family"]);
                                ?>
"><?php 
                                echo $fontArray["family"];
                                ?>
</option>
										<?php 
                            }
                            ?>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "font-style":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' ">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="normal" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "normal") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Normal</option>
										<option value="italic" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "italic") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Italic</option>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "font-weight":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' ">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="200" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "200") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>200</option>
										<option value="300" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "300") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>300</option>
										<option value="400" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "400") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>400</option>
										<option value="600" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "600") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>600</option>
										<option value="800" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "800") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>800</option>
										
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-content-alignment":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' ">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="left" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "left") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Left</option>
										<option value="center" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "center") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Center</option>
										<option value="right" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "right") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Right</option>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-title-alignment":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="left" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "left") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Left</option>
										<option value="center" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "center") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Center</option>
	
									
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "selectbox-sidebar":
                            // Selectbox
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '">';
                            echo '<option value=""></option>';
                            foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) {
                                if (isUserMadeSidebar(ucwords($sidebar['name']))) {
                                    ?>
											
										 <option value="<?php 
                                    echo ucwords($sidebar['id']);
                                    ?>
" <?php 
                                    if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == ucwords($sidebar['id'])) {
                                        ?>
 selected="selected" <?php 
                                    }
                                    ?>
>
												<?php 
                                    echo ucwords($sidebar['name']);
                                    ?>
										 </option>	 
									<?php 
                                }
                            }
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "carousel-image":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<div class="image_holder"><input type="text" id="carousel-image" name="' . $this->prefix . $customField['name'] . '" class="title_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>';
                            echo '</div>';
                            break;
                        case "selectbox-carousel-item-target":
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label>&nbsp;&nbsp;';
                            echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> ';
                            ?>
										<option value="" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
></option>
										<option value="_self" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "_self") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Self</option>
										<option value="_blank" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "_blank") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Blank</option>
										<option value="_parent" <?php 
                            if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "_parent") {
                                ?>
 selected="selected" <?php 
                            }
                            ?>
>Parent</option>
									<?php 
                            echo '</select>';
                            echo '</div>';
                            break;
                        case "datepicker":
                            // Datepicker
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<input type="text" class="datepicker" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />';
                            echo '</div>';
                            break;
                        case "colorpicker":
                            //Colorpicker
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' colorpicker_input">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<div class="colorSelector"><div style="background-color:' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '"></div></div>';
                            echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" size="10" maxlength="10" />';
                            echo '</div>';
                            break;
                        case "textarea":
                        case "wysiwyg":
                            // Text area
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<textarea name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" columns="30" rows="3">' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '</textarea>';
                            // WYSIWYG
                            if ($customField['type'] == "wysiwyg") {
                                ?>
										<script type="text/javascript">
											jQuery( document ).ready( function() {
												jQuery( "<?php 
                                echo $this->prefix . $customField['name'];
                                ?>
" ).addClass( "mceEditor" );
												if ( typeof( tinyMCE ) == "object" && typeof( tinyMCE.execCommand ) == "function" ) {
													tinyMCE.execCommand( "mceAddControl", false, "<?php 
                                echo $this->prefix . $customField['name'];
                                ?>
" );
												}
											});
										</script>
									<?php 
                            }
                            echo '</div>';
                            break;
                        case "short-text-200":
                            // Plain text field
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' short_text_200">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />';
                            echo '</div>';
                            break;
                        default:
                            // Plain text field
                            if ($customField['float_left'] == 'yes') {
                                $float_left = 'float_left';
                            } else {
                                $float_left = '';
                            }
                            echo '<div class="form-field ' . $float_left . ' form-required">';
                            echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>';
                            echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />';
                            echo '</div>';
                            break;
                    }
                    ?>
							<?php 
                    if ($customField['description']) {
                        echo '<p>' . $customField['description'] . '</p>';
                    }
                    ?>
							<?php 
                    if ($customField['clear_after'] == 'yes') {
                        echo '<div class="clear"></div>';
                    }
                    ?>
						
					<?php 
                }
            }
            ?>
			</div>
			<?php 
        }