-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
168 lines (166 loc) · 10.2 KB
/
index.html
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
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./assets/css/style.css">
<title>Igarashi Education Top</title>
</head>
<body class="l-body">
<header class="l-header">
<div class="l-header_inner">
<a href="#"><h1 class="p-siteTitle">igarashi education</h1></a>
<input type="checkbox" id="globalNav" class="p-hum_check">
<label for="headerNav" class="p-hum_open">
<!-- ≡ -->
<span class="p-hum_item"></span>
<span class="p-hum_item"></span>
<span class="p-hum_item"></span>
</label>
<label for="globalNav" class="p-hum_close">x</label>
<label for="globalNav" class="p-hum_back"></label>
<nav class="c-menu p-headerMenu">
<ul class="c-menu_inner p-headerMenu_inner">
<li class="c-menu_list p-headerMenu_list"><a href="#" class="c-menu_item p-headerMenu_item">トップ</a></li>
<li class="c-menu_list p-headerMenu_list"><a href="#" class="c-menu_item p-headerMenu_item">ニュース</a></li>
<li class="c-menu_list p-headerMenu_list"><a href="#" class="c-menu_item p-headerMenu_item">会社概要</a></li>
<li class="c-menu_list p-headerMenu_list"><a href="#" class="c-menu_item p-headerMenu_item">理念</a></li>
<li class="c-menu_list p-headerMenu_list"><a href="#" class="c-menu_item p-headerMenu_item">ブログ</a></li>
<li class="c-menu_list p-headerMenu_list"><a href="#" class="c-menu_item p-headerMenu_item">採用情報</a></li>
<li class="c-menu_list p-headerMenu_list"><a href="#" class="c-menu_item-button p-headerMenu_item-button">お問い合わせ</a></li>
</ul>
</nav>
</div>
</header>
<main class="l-main">
<section class="p-mainVisual">
<div class="p-mainVisual_inner">
<h2 class="p-mainVisual_text">
<span>教育とは</span>
<span class="p-mainVisual_line">
<span>世界を変えるために</span>
<span>用いることができる</span>
</span>
<span>最も強力な武器である</span>
</h2>
<p class="p-mainVisual_subText">Education is the most powerful weapon which you can use to change the world</p>
</div>
</section>
<section class="p-information">
<p class="c-subTitle">information</p>
<ul>
<li class="p-information_item">
<time datetime="2020-06-24" class="p-information_time">2020.6.24</time>
<p class="p-information_text">今年度の夏期講習の申し込み受付を開始致しました。インターネットから申し込み可能です。</p>
</li>
<li class="p-information_item">
<time datetime="2020-06-01" class="p-information_time">2020.6.1</time>
<p class="p-information_text">新型コロナウイルスの対応につきまして。緊急のお知らせです。</p>
</li>
</ul>
</section>
<section class="p-concept">
<div class="c-reverseTitle">
<h2 class="p-sectionTitle">私たちについて</h2>
<p class="c-subTitle">concept</p>
</div>
<div class="p-concept_inner">
<div class="p-concept_card">
<div class="p-concept_title"><p>一人ひとりにあった学び方で</p><p>子どもの可能性を育てる</p></div>
<p class="p-concept_text">ダミーテキスト：お子さんの特徴に合わせた カリキュラム・指導教材を使って個別指導を行います。勉強が苦手な子、友達づき合いやコミュニケーションが苦手な子、発達障害（自閉症スペクトラム障害、注意欠如多動性障害、学習障害、知的障害など）をもつ子どもたちの教室です。</p>
</div>
<img src="./assets/img/jerry-wang-jfnUC7s3iuw-unsplash.png" alt="" class="p-concept_img">
</div>
<div class="p-concept_inner">
<div class="p-concept_card">
<div class="p-concept_title"><p>ロゴとテーマカラーに</p><p>込められた想い</p></div>
<p class="p-concept_text">ダミーテキスト：Igarashi Educationの想いをロゴに込めました。テーマカラーの緑には○○の願いを込めて、また芽が生えることで◇◇を表現しています。親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて</p>
</div>
<img src="./assets/img/concept2.png" alt="" class="p-concept_img">
</div>
</section>
<section class="p-primaryNav">
<div class="p-primaryNav_card">
<div class="p-primaryNav_inner">
<div class="c-reverseTitle">
<h2 class="p-primaryNav_title">会社概要</h2>
<p class="c-subTitle">company</p>
</div>
<p class="p-primaryNav_text">全ての人が輝く教育を。</p>
<button class="c-button-small">詳しく見る</button>
</div>
</div>
<div class="p-primaryNav_card">
<div class="p-primaryNav_inner">
<div class="c-reverseTitle">
<h2 class="p-primaryNav_title">理念</h2>
<p class="c-subTitle">vision</p>
</div>
<p class="p-primaryNav_text">2才から大人まで、長く寄り添える教室に。</p>
<button class="c-button-small">詳しく見る</button>
</div>
</div>
</section>
<section class="p-blog">
<div class="c-reverseTitle">
<h2 class="p-sectionTitle">ブログ</h2>
<p class="c-subTitle">blog</p>
</div>
<div class="p-blog_inner">
<div class="p-blog_card">
<a class="p-blog_imgWrapper" href="#"><img class="p-blog_img" src="./assets/img/aleksandr-eremin-QfHmrIUN9G0-unsplash.png" alt="ひまわり"></a>
<div class="p-blog_category">
<time datetime="2020-06-24" class="p-blog_tag-time">2020.6.24</time>
<span class="p-blog_tag-information">お知らせ</span>
<span class="p-blog_tag-class">夏期講習</span>
</div>
<p class="p-blog_text">今年度の夏期講習の申し込み受付を開始致しました。インターネットから申し込み可能です。</p>
</div>
<div class="p-blog_card">
<a class="p-blog_imgWrapper" href="#"><img class="p-blog_img" src="./assets/img/kelly-sikkema-WIYtZU3PxsI-unsplash.png" alt="アルコール"></a>
<div class="p-blog_category">
<time datetime="2020-06-01" class="p-blog_tag-time">2020.6.1</time>
<span class="p-blog_tag-information">お知らせ</span>
</div>
<p class="p-blog_text">新型コロナウイルスの対応につきまして。緊急のお知らせです。</p>
</div>
<div class="p-blog_card">
<a class="p-blog_imgWrapper" href="#"><img class="p-blog_img" src="./assets/img/sam-mcghee-4siwRamtFAk-unsplash.png" alt="テレビ取材"></a>
<div class="p-blog_category">
<time datetime="2020-05-20" class="p-blog_tag-time">2020.5.20</time>
<span class="p-blog_tag-information">お知らせ</span>
</div>
<p class="p-blog_text">6月1日放送予定の△△TV(○○テレビ系列)で当社の取り組みが紹介されます。</p>
</div>
<div class="p-blog_card">
<a class="p-blog_imgWrapper" href="#"><img class="p-blog_img" src="./assets/img/green-chameleon-s9CC2SKySJM-unsplash.png" alt="勉強"></a>
<div class="p-blog_category">
<time datetime="2020-05-12" class="p-blog_tag-time">2020.5.12</time>
<span class="p-blog_tag-way">学習方法</span>
</div>
<p class="p-blog_text">私たちはなぜ勉強するのでしょう？</p>
</div>
</div>
<button class="c-button-large">記事一覧へ</button>
</section>
</main>
<footer class="l-footer">
<div class="l-footer_inner">
<a href="#"><p class="p-siteTitle-bottom">igarashi education</p></a>
<nav class="c-menu">
<ul class="c-menu_inner">
<li class="c-menu_list p-footerMenu_list"><a href="#" class="c-menu_item">トップ</a></li>
<li class="c-menu_list p-footerMenu_list"><a href="#" class="c-menu_item">ニュース</a></li>
<li class="c-menu_list p-footerMenu_list"><a href="#" class="c-menu_item">会社概要</a></li>
<li class="c-menu_list p-footerMenu_list"><a href="#" class="c-menu_item">理念</a></li>
<li class="c-menu_list p-footerMenu_list"><a href="#" class="c-menu_item">ブログ</a></li>
<li class="c-menu_list p-footerMenu_list"><a href="#" class="c-menu_item">採用情報</a></li>
<li class="c-menu_list p-footerMenu_list"><a href="#" class="c-menu_item-button">お問い合わせ</a></li>
</ul>
</nav>
</div>
<small class="p-copyright">© igarashi education</small>
</footer>
</body>
<script src="./assets/js/index.js"></script>
</html>