ＨＴＭＬに書いた画像が反映されません。

独学の初心者です。ネットでみつけたページを初めて模写しているのですが、HTMLに記載したimgがブラウザ(chrome)に反映されません。階層は間違っていないと思うのですが。ATOMのmarkdownプレビューでみると画像がでてくるのですが、ブラウザで開くと反映されません。原因わかりましたらご教示お願い致します。

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <meta http-equiv="X-UA-Compatible" content="ie=edge">
7  <title>30DAYS</title>
8  <link rel="stylesheet" href="style2.css">
9</head>
10<body>
11  <header>
12   <div class="container">
13    <div class="header-left">
14      <h3>30DAYSトライアル</h3>
15    </div>
16    <div class="header-right">
17      <ul>
18        <li>デイトラとは</li>
19        <li>コース一覧</li>
20        <li>お問い合わせ</li>
21      </ul>
22    </div>
23   </div>
24  </header>
25  <div class="top-wrapper">
26    <div class="container">
27      <h1>1日1課題３０日で</h1>
28      <h1>プロのＷｅｂエンジニアになろう!</h1>
29      <p>毎日設定された課題をこなすだけ！未経験から</p>
30        <p>30日でプログラミングスキルが身につきます</p>
31    </div>
32  </div>
33  <div class="intro-wrapper">
34    <div class="container">
35      <div class="heading">
36        <h4>デイトラとは</h4>
37      </div>
38      <div class="contents">
39        <div class="content">
40          <img src="/img/about.png" alt="ノンタイトル">
41        </div>
42        <div class="content">
43          <p>デイトラとは、無料で・迷わず・楽しく学べるプログラミング学習アプリです。毎日設定された課題をこなして行くだけで、未経験から３０30日でプログラミングスキルが身につきます。1日1題３０日でプロのＷｅｂエンジニアを目指しましょう</p>
44        </div>
45      </div>
46    </div>
47  </div>
48  <div class="lesson-wrapper">
49    <div class="container">
50      <div class="heading">
51        <h4>コース一覧</h4>
52      </div>
53      <div class="lessons">
54        <div class="lesson">
55          <img src="/img/web_first.png" alt="">
56          <p>HTML/CSS/bootstrap</p>
57        </div>
58        <div class="lesson">
59          <img src="/img/web_second.png" alt="">
60          <p>HTML/CSS/JavaScript/jQuery</p>
61        </div>
62        <div class="lesson">
63          <img src="/img/web_third.png" alt="">
64          <p>PHP/WordPress</p>
65        </div>
66      </div>
67    </div>
68  </div>
69  <div class="message-wrapper">
70    <div class="container">
71      <div class="heading">
72        <h4>お問い合わせ</h4>
73      </div>
74      <div class="form">
75        <p>さあ今日から３０日間始めよう！</p>
76        <input type=""name="" value="">
77        <a href="#">無料ではじめる</a>
78      </div>
79    </div>
80  </div>
81  <footer>
82    <div class="footer-right">
83      <h6>Copyright(C) 2020 東京フリーランス ALL Right Reserved</h6>
84    </div>
85  </footer>
86
87</body>
88</html>
89

css
1body{
2   font-family: 'Hiragino Kaku Gothic ProN W3', sans-serif;
3}
4li{
5  list-style:none;
6  float:left;
7  padding-right:30px;
8}
9header{
10  height: 40px;
11  margin:15px;
12}
13.header-left{
14  float:left;
15}
16.header-right{
17  float: right;
18}
19.top-wrapper{
20  padding:180px 0 100px 0;
21  background-image: url("../img/main-vsual-nontitle.png");
22  background-size: cover;
23  text-align: center;
24}
25.container{
26  width:1170px;
27  margin: 0 auto;
28}
29.top-wrapper h1{
30 margin-bottom:2px;
31}
32.top-wrapper p{
33  margin-bottom: 2px;
34  font-weight: bold;
35}
36.intro-wrapper{
37  height: 580px;
38  text-align: center;
39}
40.heading{
41  font-size: 20px;
42  padding-top: 15px;
43  padding-bottom: 10px;
44}
45
46.contents{
47  height:300px;
48}
49.content{
50 float: left;
51 width: 50%;
52}
53