Hello, what you wont is backend, this is html and css + javascript, this upload is working with uikit from javascript POST, Please read the documentation https://getuikit.com/docs/upload how this file upload is working. folder where you wont to upload file special folder you need to set on backend like on php you catch this request then move this file your special folder with special generated name then upload on database with this name.

Please read the documentation, go to your theme functions.php than you need to add styles and scripts at your template. upload css, fonts, img and js folders to your theme path and than do this.

WARNING: if you not now css and js it will be hard to add this form in your theme, because theme have own css styles and javascripts and whan you add my forms it will mingle everything.

/**
 *  Support theme stylesheet and javascript codes.
 */
function load_styles_scripts()
{
    /**
     * Styles Connect
     */
    wp_enqueue_style('bootstrap-min', get_template_directory_uri() . '/css/bootstrap.min.css');
    wp_enqueue_style('font-awesome', get_template_directory_uri() . '/css/font-awesome.css');
    wp_enqueue_style('uikit-min', get_template_directory_uri() . '/css/uikit.min.css');
    wp_enqueue_style('form-plugin', get_template_directory_uri() . '/css/form-plugin.min.css');
    wp_enqueue_style('style-css', get_stylesheet_uri());

    /**
     * Javascript Connect
     */
    wp_enqueue_script('jquery', get_template_directory_uri() . '/js/jquery.js');
    wp_enqueue_script('bootstrap-min', get_template_directory_uri() . '/js/bootstrap.min.js');
    wp_enqueue_script('uikit-min', get_template_directory_uri() . '/js/uikit.min.js');
    wp_enqueue_script('uikit-icons', get_template_directory_uri() . '/js/uikit-icons.min.js');
}

add_action('wp_enqueue_scripts', 'load_styles_scripts');

Please read the documentation at file

Thanks man )

Thank

Thanks on a positive assessment!

Thank

Thank you!