Wordpress无法加载样式：无法加载资源：服务器响应状态为404（未找到）

I'm trying to convert HTML static website to WordPress. I'm stuck at the very beginning, where I need to load all my styles from css folder in my function.php

<?php 
// Loading styles

add_action( 'wp_enqueue_scripts', 'load_styles' );
function load_styles() {

    wp_enqueue_style( 'animate', get_template_directory_uri() . '/css/animate.css' );
    wp_enqueue_style( 'font-awesome', get_template_directory_uri() . '/css/font-awesome.css' );
    wp_enqueue_style( 'font-awesome2', get_template_directory_uri() . '/css/font-awesome2.css' );
    wp_enqueue_style( 'framework', get_template_directory_uri() . '/css/framework.css' );
    wp_enqueue_style( 'owl', get_template_directory_uri() . '/css/owl.theme.css' );
    wp_enqueue_style( 'style', get_template_directory_uri() . 'style.css' );
}

?>

Here are all my files located in the following directory:

And then I'm trying to inspect element in Google Chrome I got a bunch of errors that are saying the same thing: Failed to load resource: the server responded with a status of 404 (Not Found)

In my header.php I'm calling <?php wp_head(); ?> right before the </head> TAG. In my index.php file I'm calling <?php get_header(); ?>

I tried to move add_action( 'wp_enqueue_scripts', 'load_styles' ); to the bottom;

I tried to set permissions for my folders in Filezilla to 777;

I tried to use get_stylesheet_uri() instead of get_template_directory_uri();

And I don't know what I supposed to do next.

You've probably already figured this out but it looks like you missed /css/ before your style.css

It should look something like this:

wp_enqueue_style( 'style', get_template_directory_uri() . '/css/style.css' );