<?php
/**
 * Help Panel.
 *
 * @package roof_water_proofing
 */
?>

<div id="help-panel" class="panel-left visible">
    <div id="#help-panel" class="steps">  
        <h4 class="c">
            <?php esc_html_e( 'Quick Setup for Home Page', 'roof-water-proofing' ); ?>
            <a href="<?php echo esc_url( ROOF_WATER_PROOFING_THEME_DOCUMENTATION ); ?>" class="button button-primary" style="margin-left: 5px; margin-right: 10px;" target="_blank"><?php esc_html_e( 'Free Theme Documentation', 'roof-water-proofing' ); ?></a>
        </h4>
        <hr class="quick-set">
        <p><?php esc_html_e( '1) Go to the Dashboard. navigate to pages, add a new one, and label it "home" or whatever else you like.The page has now been created.', 'roof-water-proofing' ); ?></p>
        <p><?php esc_html_e( '2) Go back to the Dashboard and then select Settings.', 'roof-water-proofing' ); ?></p>
        <p><?php esc_html_e( '3) Then Go to readings in the setting.', 'roof-water-proofing' ); ?></p>
        <p><?php esc_html_e( '4) There are 2 options your latest post or static page.', 'roof-water-proofing' ); ?></p>
        <p><?php esc_html_e( '5) Select static page and select from the dropdown you wish to use as your home page, save changes.', 'roof-water-proofing' ); ?></p>
        <p><?php esc_html_e( '6) You can set the home page in this manner.', 'roof-water-proofing' ); ?></p>
        <br>
        <h4><?php esc_html_e( 'Setup Banner Section', 'roof-water-proofing' ); ?></h4>
        <hr class="quick-set">
        <p><?php esc_html_e( '1) Go to Dashboard > Go to Appereance > then Go to Customizer.', 'roof-water-proofing' ); ?></p>
        <p><?php esc_html_e( '2) In Customizer > Go to Front Page Options > Go to Banner Section.', 'roof-water-proofing' ); ?></p>
        <p><?php esc_html_e( '3) For Setup Banner Section you have to create post in dashbord first.', 'roof-water-proofing' ); ?></p>
        <p><?php esc_html_e( '4) In Banner Section > Enable the Toggle button > and fill the following details.', 'roof-water-proofing' ); ?></p>
        <p><?php esc_html_e( '5) In this way you can set Banner Section.', 'roof-water-proofing' ); ?></p>
        <br>
        <h4><?php esc_html_e( 'Setup Product Section', 'roof-water-proofing' ); ?></h4>
        <hr class="quick-set">
        <p><?php esc_html_e( '1) Go to Dashboard > Go to Appereance > then Go to Customizer.', 'roof-water-proofing' ); ?></p>
        <p><?php esc_html_e( '2) In Customizer > Go to Front Page Options > Go to Services Section.', 'roof-water-proofing' ); ?></p>
        <p><?php esc_html_e( '3) In Services Section > Enable the Toggle button > and fill the following details which you want.', 'roof-water-proofing' ); ?></p>
        <p><?php esc_html_e( '4) In this way you can set Services Section.', 'roof-water-proofing' ); ?></p>
        <br>
    </div>
    <div class="custom-setting">
        <h4><?php esc_html_e( 'Quick Customizer Settings', 'roof-water-proofing' ); ?></h4>
        <span><a href="<?php echo esc_url( admin_url( 'customize.php' ) ); ?>" target="_blank" class=""><?php esc_html_e( 'Customize', 'roof-water-proofing' ); ?></a></span>
    </div>
    <hr>
   <div class="setting-box">
        <div class="custom-links">
            <div class="icon-box">
                <img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/img1.png'; ?>" />
            </div>
            <h5><?php esc_html_e( 'Site Logo', 'roof-water-proofing' ); ?></h5>
            <a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[control]=custom_logo' ) ); ?>" target="_blank" class=""><?php esc_html_e( 'Customize', 'roof-water-proofing' ); ?></a>
            
        </div>
        <div class="custom-links">
            <div class="icon-box">
                <img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/img2.png'; ?>" />
            </div>
            <h5><?php esc_html_e( 'Color Picker', 'roof-water-proofing' ); ?></h5>
            <a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[control]=roof_water_proofing_primary_color' ) ); ?>" target="_blank" class=""><?php esc_html_e( 'Customize', 'roof-water-proofing' ); ?></a>
            
        </div>
        <div class="custom-links">
            <div class="icon-box">
                <img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/img3.png'; ?>" />
            </div>
            <h5><?php esc_html_e( 'Theme Options', 'roof-water-proofing' ); ?></h5>
            <a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[panel]=roof_water_proofing_theme_options' ) ); ?>"target="_blank" class=""><?php esc_html_e( 'Customize', 'roof-water-proofing' ); ?></a>
            
        </div>
    </div>
    <div class="setting-box">
        <div class="custom-links">
            <div class="icon-box">
                <img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/img4.png'; ?>" />
            </div>
            <h5><?php esc_html_e( 'Header Image ', 'roof-water-proofing' ); ?></h5>
            <a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[control]=header_image' ) ); ?>" target="_blank" class=""><?php esc_html_e( 'Customize', 'roof-water-proofing' ); ?></a>
            
        </div>
        <div class="custom-links">
            <div class="icon-box">
                <img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/img5.png'; ?>" />
            </div>
            <h5><?php esc_html_e( 'Footer Option ', 'roof-water-proofing' ); ?></h5>
            <a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[control]=roof_water_proofing_footer_copyright_text' ) ); ?>" target="_blank" class=""><?php esc_html_e( 'Customize', 'roof-water-proofing' ); ?></a>
            
        </div>
        <div class="custom-links">
            <div class="icon-box">
                <img src="<?php echo esc_url(get_template_directory_uri()) .'/theme-library/getting-started/images/img6.png'; ?>" />
            </div>
            <h5><?php esc_html_e( 'Front Page Option', 'roof-water-proofing' ); ?></h5>
            <a href="<?php echo esc_url( admin_url( 'customize.php?autofocus[panel]=roof_water_proofing_front_page_options' ) ); ?>" target="_blank" class=""><?php esc_html_e( 'Customize', 'roof-water-proofing' ); ?></a>
            
        </div>
    </div>
</div>