-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtrainingindex.html
120 lines (112 loc) · 4.72 KB
/
trainingindex.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
<!DOCTYPE html>
<html lang="ja">
<!-- 最初の設定は終わっています 必要な方は触ってください -->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>練習版チーズアカデミー</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<!-- 最初の設定は終わっています 必要な方は触ってください -->
<body>
<!-- この中に記述していく -->
<!-- ここから下にコードを書く -->
<div class="wrap">
<header id="header">
<div class="headerbox">
<div class="logo">
<img src="img/header_logo.png" alt="ロゴ" />
</div>
<div class="navi">
<p class="n">ABOUT</p>
<p class="n">COURSE</p>
<p class="n">NEWS</p>
<p class="n">ACCESS</p>
<p class="n">contact</p>
</div>
</div>
</header>
<!-- /#header -->
<div class="mainvisual">
<h1 class="m1">セカイを変えるチーズを作ろう</h1>
<h2 class="m2">チーズ職人養成学校「チーズアカデミーTOKYO」</h2>
</div>
<!-- /.mainvisual -->
<div class="content">
<h1 class="title1">ABOUT</h1>
<div>
<h2 class="heading1">チーズアカデミーは、チーズ職人養成学校です。</h2>
<p>チーズの素晴らしさを、自給自足を通じて、できるだけ多くの人に知っていただきたい。</p>
<p>そして、食卓にはいつもチーズがあった、あの頃の当たり前をこの手で取り戻した</p>
<p class="yohaku">そんな思いから、チーズ職人養成学校「チーズアカデミーTOKYO」は歩みを始めています。</p>
<p>卒業後、チーズ自給自足のバックアップはもちろんのこと、</p>
<p>チーズ職人への就職・転職もサポートします。</p>
</div>
<div>
<!-- DIVブロックは縦に並ぶ、インライン要素は横に並ぶ。基本的にはブロック要素にしてDisplay flexで横並びにする。 -->
<div>
<img class="slide" src="img/about_04.jpg" alt="ピザ">
<img class="slide" src="img/about_03.jpg" alt="人">
<img class="slide" src="img/about_02.jpg" alt="畑">
<img class="slide" src="img/about_01.jpg" alt="こねてる">
</div>
<div class="courcezentai">
<h1 class="cource" >COURCE</h1>
<p>未経験からでもスタートができるよう、カリキュラムは多くの専門家や</p>
<p>現役チーズ職人のアドバイスのもと、作られました。</p>
<div class="c1">
<div class="c11">
<img class="c111" src="img/course_01.jpg" alt="hatake">
<div class="c112">
<h1 class="c1121">本格的な農園を使った実地研修</h1>
<p class="c1122">チーズアカデミーでは、本格的な農園を使った実地研修を
行うことができます。プロとして活躍するチーズ職人も
使用するような、広大で環境も整った農園を余すところ
なく使い、卒業時には本格的なチーズを自分の力で作れる
実践力の養成を目指します。</p>
</div>
</div>
</div>
<div class="c2">
<div class="c21">
<div class="c211">
<h1 class="c2111">必要な知識もしっかりと取得</h1>
<p class="c2112">チーズ作りには、しっかりとした食に関する知識が
欠かせません。チーズアカデミーでは、一流講師陣による、
チーズ作りに必要ないろはを余すところなく学べます。
チーズそのものでなく、栄養学全般を学ぶことも
可能ですので、チーズ以外への展開も夢ではないでしょう。</p>
</div>
<div class="c212">
<img class="c2121" src="img/course_02.jpg" alt="hito">
</div>
</div>
</div>
<div class="c3">
<div class="c31">
<img class="c311" src="img/course_03.jpg" alt="konekone">
<div class="c312">
<h1 class="c3121">必要な知識もしっかりと取得/h1>
<p class="c3122">チーズ作りには、しっかりとした食に関する知識が
欠かせません。チーズアカデミーでは、一流講師陣による、
チーズ作りに必要ないろはを余すところなく学べます。
チーズそのものでなく、栄養学全般を学ぶことも
可能ですので、チーズ以外への展開も夢ではないでしょう。</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.content -->
<div id="footer">//この中に書いていく</div>
<!-- /#footer -->
</div>
<!-- ここから上にコードを書く -->
<!-- この中に記述していく -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>