https://kawasemi.co.jp/works.html

1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5
6<meta charset="UTF-8">
7<meta name="viewport"
8      content="width=device-width, initial-scale=1.0">
9
10<title>KAWASEMI ORIGINAL PRODUCTS
11</title>
12
13<link rel="stylesheet" href="css/works.css">
14
15</head>
16
17<body>
18
19<!--=====================
20LOGO
21======================-->
22
23<a href="index.html" class="home-logo">
24
25<img src="img/top/kawasemitop.png"
26     alt="KAWASEMI.CO"
27     class="top-logo">
28
29</a>
30
31<!--=====================
32HEADER
33======================-->
34
35<header>
36
37<h1>KAWASEMI ORIGINAL PRODUCTS
38</h1>
39
40<div class="category">
41
42<div class="category">
43
44<button data-category="newspaper">
45News<br>Paper
46</button>
47
48<button data-category="brochure">
49Brochure
50</button>
51
52<button data-category="book">
53Book
54</button>
55
56<button data-category="poster">
57Poster<br>Flyer
58</button>
59
60<button data-category="other">
61Other
62</button>
63
64</div>
65
66</header>
67
68<!--=====================
69WORK AREA
70======================-->
71
72<section id="worksArea"></section>
73
74<!--=====================
75MESSAGE
76======================-->
77
78<section id="worksText">
79
80<h2 id="worksTitle">
81
82Editorial Design
83
84</h2>
85
86<p id="worksMessage">
87
88紙だから伝わること。<br>
89Webだから広がること。
90
91</p>
92
93<p>
94
95編集・デザイン・イラスト・
96アニメーションで
97
98伝わるコンテンツを
99制作しています。
100
101</p>
102
103</section>
104

105<script src="js/works.js"></script>

105
106
107</body>
108</html>