33 < head >
44 < meta charset ="UTF-8 " />
55 < title > PanKUN | Contact</ title >
6- < meta name ="viewport " content ="width=device-width, initial-scale=1 " />
6+ < meta
7+ name ="viewport "
8+ content ="width=device-width, initial-scale=1 "
9+ />
710
811 <!-- 共通CSS -->
912 < link rel ="stylesheet " href ="assets/css/base.css " />
10- < link rel ="stylesheet " href ="assets/css/layout.css " />
13+ < link
14+ rel ="stylesheet "
15+ href ="assets/css/layout.css "
16+ />
17+ < link
18+ rel ="stylesheet "
19+ href ="assets/css/contact.css "
20+ />
1121
12- <!-- Contact専用CSS -->
13- < link rel ="stylesheet " href ="assets/css/contact.css " />
22+ <!-- アイコン -->
23+ < link rel ="icon " href ="/favicon.ico " sizes ="any " />
24+ < link
25+ rel ="icon "
26+ type ="image/png "
27+ href ="/assets/img/favicon-32.png "
28+ sizes ="32x32 "
29+ />
30+ < link
31+ rel ="icon "
32+ type ="image/png "
33+ href ="/assets/img/favicon-192.png "
34+ sizes ="192x192 "
35+ />
1436
15- < meta name ="description " content ="エンジニア PanKUNのポートフォリオ " />
37+ < meta
38+ name ="description "
39+ content ="エンジニア PanKUNのポートフォリオ "
40+ />
1641
17- < meta property ="og:title " content ="PanKUN Potrfolio | pankun.dev " />
42+ < meta
43+ property ="og:title "
44+ content ="PanKUN Potrfolio | pankun.dev "
45+ />
1846 < meta
1947 property ="og:description "
2048 content ="エンジニア PanKUNコンタクト/制作したゲームやツール、技術ブログを掲載 "
2957 content ="https://breadmotion.github.io/WebSite/assets/img/ogp.png "
3058 />
3159
32- < meta name ="twitter:card " content ="summary_large_image " />
33- < meta name ="twitter:title " content ="PanKUN Contact | pankun.dev " />
60+ < meta
61+ name ="twitter:card "
62+ content ="summary_large_image "
63+ />
64+ < meta
65+ name ="twitter:title "
66+ content ="PanKUN Contact | pankun.dev "
67+ />
3468 < meta
3569 name ="twitter:description "
3670 content ="エンジニア PanKUNコンタクト "
4882 <!-- header は layout.js が自動挿入 -->
4983 < div class ="page-shell ">
5084 < main class ="main-container ">
51- < section class ="page-header reveal-on-scroll ">
85+ < section
86+ class ="page-header reveal-on-scroll "
87+ >
5288 < h1 > Contact</ h1 >
5389 < p >
5490 お仕事のご相談やご連絡は、以下のフォームまたはメールからお願いします。
5591 </ p >
5692 < p >
5793 メール:
58- < a href ="mailto:yamazakimotionpg@gmail.com "
94+ < a
95+ href ="mailto:yamazakimotionpg@gmail.com "
5996 > yamazakimotionpg@gmail.com</ a
6097 >
6198 </ p >
6299 </ section >
63100
64101 < section class ="section reveal-on-scroll ">
65102 < h2 > お問い合わせフォーム(ダミー)</ h2 >
66- < form id ="contactForm " class ="contact-form ">
103+ < form
104+ id ="contactForm "
105+ class ="contact-form "
106+ >
67107 < div class ="form-field ">
68108 < label for ="name "> お名前</ label >
69- < input type ="text " id ="name " name ="name " required />
109+ < input
110+ type ="text "
111+ id ="name "
112+ name ="name "
113+ required
114+ />
70115 </ div >
71116
72117 < div class ="form-field ">
73- < label for ="email "> メールアドレス</ label >
118+ < label for ="email "
119+ > メールアドレス</ label
120+ >
74121 < input
75122 type ="email "
76123 id ="email "
@@ -80,7 +127,9 @@ <h2>お問い合わせフォーム(ダミー)</h2>
80127 </ div >
81128
82129 < div class ="form-field ">
83- < label for ="message "> 電話番号</ label >
130+ < label for ="message "
131+ > 電話番号</ label
132+ >
84133 < textarea
85134 id ="phone "
86135 name ="phone "
@@ -90,7 +139,9 @@ <h2>お問い合わせフォーム(ダミー)</h2>
90139 </ div >
91140
92141 < div class ="form-field ">
93- < label for ="message "> 内容</ label >
142+ < label for ="message "
143+ > 内容</ label
144+ >
94145 < textarea
95146 id ="message "
96147 name ="message "
@@ -100,7 +151,9 @@ <h2>お問い合わせフォーム(ダミー)</h2>
100151 </ div >
101152
102153 < div class ="form-actions ">
103- < button type ="submit "> 送信(ダミー)</ button >
154+ < button type ="submit ">
155+ 送信(ダミー)
156+ </ button >
104157 </ div >
105158
106159 < p
0 commit comments