Failed to load resource: the server responded with a status of 404 (Not Found)

前提・実現したいこと

表題の通り、エラーが出ます。
daenkeiであれば、パスも何回も確認しているのに見つからないという反応になることに理解ができず
質問しました

Error
folder構造

folder構造

発生している問題・エラーメッセージ

試したこと

Failed to load resource: the server responded with a status of 404 (Not Found)
を使い、検索しましたが解決できませんでした

該当のソースコード

HTML
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="robots" content="noindex">
    <title>ユアコーディング</title>
     <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100&display=swap" rel="stylesheet">
    <!---->
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
    <link rel="stylesheet" href="./CSS/destyle.css">
    <link rel="stylesheet" href="CSS/slick.css">
    <link rel="stylesheet" href="CSS/slick-theme.css">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <link rel="stylesheet" href="./CSS/style.css">
</head>
<body>
  <section class="fv">
        <div class="inner fv-fx">
            <div class="fv-img">
                <img src="./image/manager.png" alt="" class="manager">
            </div><!-- /.fv-img -->
            <div class="fv-txt">
                <div class="fv-ttl">コーディングの手間を <br> 最小に、デザインに注力 <br> する助けに</div><!-- /.fv-ttl -->
                <p>ユアコーディングはコーディングに <br> 特化したフリーランス <br> デザインに注力されたい方の <br> 助けになります</p>
    
                <div class="cmn-link fv-link">
                    <a href="#contact-link">お問い合わせ</a>
        </div><!-- /.inner -->
    </section><!-- /.fv -->
    <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="js/slick.min.js"></script>
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
</body>
</html>

CSS
.fv {
  width: 100%;
  height: 674px;
  position: relative;
  background-image: url(../../image/daenkei.png);
  background-position: top -150px right -220px;
  background-repeat: no-repeat;
  background-size: auto;
}

.fv .fv-img {
  width: 40%;
  position: absolute;
  vertical-align: bottom;
  top: 150px;
  left: 800px;
}

@media screen and (max-width: 769px) {
  .fv .fv-img {
    width: 50%;
    position: absolute;
    top: 70%;
    left: 50%;
  }
}

@media screen and (max-width: 576px) {
  .fv .fv-img {
    width: 40%;
    position: absolute;
    top: 80%;
    left: 40%;
    vertical-align: bottom;
  }
}

@media print, screen and (max-width: 1024px) {
  .fv .fv-img .manger {
    width: 100%;
  }
}

.fv .fv-txt {
  margin-left: 192px;
}

.fv .fv-txt .fv-ttl {
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 160px;
  margin-left: 190px;
  font-weight: bold;
  position: absolute;
  top: 60px;
  left: 10px;
}

@media screen and (max-width: 576px) {
  .fv .fv-txt .fv-ttl {
    font-size: 2.5rem;
  }
}

@media screen and (max-width: 1200px) {
  .fv .fv-txt .fv-ttl {
    top: 60px;
    left: -40px;
  }
}

.fv .fv-txt > p {
  display: block;
  margin-top: 44px;
  margin-left: 190px;
  font-weight: bold;
  position: absolute;
  top: 350px;
  left: 10px;
  line-height: 1.6875;
}

@media screen and (max-width: 1200px) {
  .fv .fv-txt > p {
    padding-top: -30px;
    left: -40px;
  }
}

.fv .fv-link {
  position: absolute;
  top: 500px;
  left: 10px;
  margin-left: 192px;
}

.fv .fv-link > a {
  display: block;
  text-align: center;
  padding: 8px;
  color: #FFF;
}

js
 $(function(){
  $('#slider').slick({
    infinite: true,
    slidesToShow: 3,
    slidesToScroll: 3,
    autoplay : true,
    Speed: 3000,
    autoplaySpeed: 5000,
    arrows: false,
    centerPadding: '100px',
    centerMode: true,
  responsive: [
      {
        breakpoint: 753,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
          infinite: true,
          dots: true,
          centerPadding: 0,
          centerMode: true,
          
        }
      },
      
    ]
    }); 
});

fj68

2021/10/28 08:32

「Failed to load resource:〜」はファイルが見つからない時のエラーです。 CSS, JS, 画像など提示されたソースコードで読み込まれている各ファイルの配置がわかる情報を追記してください。もしかしたらエラーが出た画像を貼り付けてくださるおつもりだったのでしょうか。わかりやすくていいのですが、残念ながらMarkdownの書き間違いで画像ファイルが表示されておらず、見ることが叶いません。「```」で「![Error](〜.jpeg)」が囲われてしまっているせいですので、「![Error](〜.jpeg)」の上下の「```」を削除してください。また、何らかのサーバを利用しているのであればその情報も追記してください。ローカル環境で開発サーバを立てているとか、それとも何かしらのホスティングサービス（GitHub Pagesとか）を使っているとか。