-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (122 loc) · 5.22 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
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Work</title>
<link rel="stylesheet" href="CSS/style.css">
<link rel="stylesheet" href="CSS/reset.css">
<meta name="description" content="">
<!-- 解説のコード -->
<!-- <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css"> -->
</head>
<body>
<div class="header">
<h1 class="site-title">My Work</h1>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#works">Works</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href=""><img src="img/icons-instagram.png" alt="instagramのアイコン"></a></li>
</ul>
</nav>
</div>
<img class="img_header" src="img/img_header.jpeg" alt="">
<div class="container">
<section class="about wrapper">
<h1 class="sec-title">About</h1>
<ul>
<li class="name">
<p>Xxxxx Ashley</p>
</li>
<li class="adress">
<p>2th Floor xxxxx Building x-x-x Nishiazabu, Minato-ku, Tokyo 106-0031 Japan</p>
</li>
<li class="tel">
<p>tel: 000-0000-0000</p>
</li>
<li class="url">
<p>url: www.xxxxxx.jp </p>
</li>
<li class="mail">
<p>mail: [email protected]</p>
</li>
<li class="profile">
<p>プロフィールテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキスト</p>
</li>
</ul>
</section>
<section class="works wrapper">
<h1 class="sec-title">Works</h1>
<ul>
<li class="work">
<img src="img/img_work1.JPG" alt="">
</li>
<li class="work">
<img src="img/img_work2.JPG" alt="">
</li>
<li class="work">
<img src="img/img_work3.JPG" alt="">
</li>
<li class="work">
<img src="img/img_work4.JPG" alt="">
</li>
<li class="work">
<img src="img/img_work5.JPG" alt="">
</li>
<li class="work">
<img src="img/img_work6.JPG" alt="">
</li>
</ul>
</section>
<div class="news wrapper">
<h1 class="sec-title">News</h1>
<dl>
<dt>2020.XX.XX</dt>
<dd class="first-dd">デザイン雑誌「ＸＸＸＸＸＸ Vol.11』に掲載していただきました。</dd>
<dt>2020.XX.XX</dt>
<dd>ＸＸ月ＸＸ日から写真集「ＸＸＸＸＸＸＸ」の販売を開始します。</dd>
<dt>2019.XX.XX</dt>
<dd>【イベント開催のお知らせ】テキストテキストテキストテキストテキストテキストテキスト</dd>
<dt>2019.XX.XX</dt>
<dd>デザイン雑誌「ＸＸＸＸＸＸ Vol.10』に掲載していただきました。</dd>
<dt>2019.XX.XX</dt>
<dd>【個展開催のお知らせ】テキストテキストテキストテキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト</dd>
</dl>
</div>
<section class="contact wrapper">
<h1 class="sec-title">Contact</h1>
<form action="#" method="post">
<dl>
<dt><label>NAME</label></dt>
<dd><input type="text" class="name2"></dd>
<dt><label>E-mail</label></dt>
<dd><input type="text" class="e-mail"></dd>
<dt class="message"><label>MESSAGE</label></dt>
<dd><textarea rows="10px" cols="60px"></textarea></dd>
</dl>
<!-- <button class="btn"> -->
<div class="button">
<!-- <a href="" class="send">送信</a> -->
<input type="submit" value="送信">
<!-- </button> -->
</div>
</form>
</section>
</div>
<div class="footer">
<div class="pp_link w_inner">
<a href="">個人情報保護方針</a>
</div>
<div class="copy">
©2023 My Work
</div>
</div>
</body>
</html>