oss/certificate.html at main · Ikko-T/oss · 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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>OSS Life is fun</title>
    <meta name="keywords" content="設備、設計、資格取得、ドローン、動画編集">
    <meta name="description" content="人生を楽しむ！">
    <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">
    <script src="JavaScript #"></script>
    <meta name="viewport" content="width=device-width,initial-scale=1">
  </head>

  <body>
    <header class="header">
      <div class="header-inner">
        <h1 class="logo"><a href="index.html">OSS</a></h1>
        <nav class="main-nav">
          <ul class="main-nav-list">
            <li class="main-nav-item">
              <a href="index.html#concept" class="main-nav-link">コンセプト</a>
            </li>
            <li class="main-nav-item">
              <a href="index.html#business" class="mainNavLink">事業内容</a>
              <ul class="menu-second-level">
                <li><a href="/about.html">設備・設計</a></li>
                <li><a href="/certificate.html">資格</a></li>
                <li><a href="/drone.html">ドローン</a></li>
              </ul>
            </li>
            <li class="main-nav-item">
              <a href="index.html#news" class="main-nav-link">新着情報</a>
            </li>
            <li class="main-nav-item">
              <a href="index.html#contact" class="main-nav-link">お問い合わせ</a>
            </li>
          </ul>
        </nav>
      </div>
    </header>

    <main class="main">
      <div class="certs-bg-image">
      </div>

      <section class="certificate" >
        <h2 class="section-heading01">5ヶ月〜8ヶ月で一生働ける資格を！<span>受講資格なし！<br>あなたにチャンスはあります</span></h2>
          <div class="content-certificate">
            <p class="text-certificate">
              暮らす・生きる・楽しむ
              事業の懸念などをかく。
              テキスト、テキスト、テキスト。
            </p>
            <p class="image-certificate">
              <img src="images/visual-img11.png" alt="visual-image">
            </p>
          </div>
      </section>

      <section class="recommendation" >
      <h2 class="section-heading">こんな方におすすめ！</h2>
        <div class="cards">
          <div class="cardItem">
            <img src="images/visual-img12.png" alt="visual-image">
            <h4 class="heading-title">家事と仕事を両立したい</h4>
            <p class="cardText">テキストテキストテキスト</p>
          </div>
          <div class="cardItem">
            <img src="images/visual-img13.png" alt="visual-image">
            <h4 class="heading-title">就職・転職したい</h4>
            <p class="cardText">テキストテキストテキスト</p>
          </div>
          <div class="cardItem">
            <img src="images/visual-img14.png" alt="visual-image">
            <h4 class="heading-title">一生使える資格が欲しい</h4>
            <p class="cardText">テキストテキストテキスト</p>
          </div>
        </div>
      </section>

      <div>
        <p class="image-middle">
          <img src="images/visual-img01.png" alt="visual-image">
        </p>
      </div>

      <div class="area">
        <p>
          <img src="images/visual-img15.png" alt="visual-image" class="image-bottom">
        </p>
        <p class="area-text">登録販売者講座</p>
        <p class="button">
          <img src="images/btn_application.png" alt="application">
        </p>
      </div>

      <section class="contact" >
        <p class="logo">OSS</p>
        <div class="box">
          <div class="box-item">
            <div class="access-row">
              <address class="access-address">
                <p>会社概要</p><br>
                <hr>
                〒903-1111<br>
                沖縄県沖縄市沖縄1−1−1<br>
                TEL:098-000-9999<br>
                E-mail: oss@example.com
              </address>
            </div>
          </div>
          <div class="box-item">
            <p class="box-title">サイトマップ</p>
            <hr>
              <ul class="nav-list">
                <li class="nav-item">
                  <a href="#concept" class="nav_link">コンセプト</a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav_link">設備・設計</a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav_link">資格取得</a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav_link">ドローン</a>
                </li>
                <li class="nav-item">
                  <a href="#" class="nav_link">新着情報</a>
                </li>
              </ul>
          </div>
          <div class="box-item">
            <div class="sns">
              <ul class="sns-list">
                <li class="sns-item">
                  <a href="#" target="_blank"><img src="images/btn_instagram.png" alt="instagram"></a>
                </li>
                <li class="sns-item">
                  <a href="#" target="_blank"><img src="images/btn_twitter.png" alt="twitter"></a>
                </li>
              </ul>
              <p><img src="images/btn_img01.png" alt="contact"></p>
            </div>
          </div>
        </div>
        <p class="copyright"><small>Copyright &copy; OSS All Rights Reserved.</small></p>
      </section>
    </main>

    <footer class="footer-wrapper">
    </footer>
  </body>
</html>