HTML_CSS_contact/business.html at master · chemitaro/HTML_CSS_contact · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html" charset="utf-8" />
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <title>株式会社DIVE</title>
  </head>
  <body>
    <div class="container">
      <header class="header clearfix">
        <a href="index.html">
          <img src="./images/logo.png" alt="" class="logo_image">
        </a>

        <nav>
          <ul class="top_menu clearfix">
            <li><a href="index.html">ホーム</a></li>
            <li><a href="business.html">事業内容</a></li>
            <li><a href="company.html">会社概要</a></li>
            <li><a href="contact.html">お問い合わせ</a></li>

          </ul>
        </nav>

      </header>
      <img class="image_area" src="./images/business.png" alt="">
      <div class="wrapper clearfix">
        <aside class="side_menu">
          <nav>
            <ul>
              <li class="point"><a href="business.html">事業内容</a></li>
              <li><a href="company.html">会社概要</a></li>
              <li><a href="contact">お問い合わせ</a></li>
            </ul>
          </nav>
        </aside>
        <article class="content">
          <h2>時代を先取る商品が私たちにはあります！</h2>
          <p>
             優れた製品を絶えず提供し、常にお客様のニーズに応えられる会社でありたい。<br>
             それが当社のモットーです。<br>
             私どもは創業以来様々な商品を作りあげ、多くの成果をあげてまいりました。
             これからもお客様の満足の追求を第一として考え、豊かな生活の一助となるように努めてまいります。
          </p>
          <img class="image_area" src="./images/shakehand.png" alt="">
        </article>

      </div>


      <footer class="footer">
        <p>Copyright © 2018 DIVE INC All RIGHTS RESERVED.</p>

      </footer>

    </div>


  </body>
</html>