https://www.snow2021.net/contact.html

1<!doctype html>
2<html lang="ja">
3<head>
4<meta charset="utf-8">
5<meta http-equiv="content-type" content="text/html; charset=UTF-8">
6<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
7<title>SNOW Web Site</title>
8<meta name="Keywords" content="SNOW Web Site,ブログ,プログラミング,Perl,料理,みーちゃん">
9<meta name="Description" content="ブログで趣味でプログラミングからお料理まで呟いているWeb Siteです。">
10<link rel="stylesheet" href="css/style.css" />
11<link rel="stylesheet" href="css/mailform.css" />
12<link href="https://fonts.googleapis.com/earlyaccess/sawarabimincho.css" rel="stylesheet" />
13<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond" rel="stylesheet"> 
14<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> 
15<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">

16<script>
17function check(){
18    if(document.form1.kakunin_flg.checked) {
19        return true;
20    }else{
21        window.alert("チェックボックスにチェックが入っておりません。");
22        return false;
23    }
24}
25</script>

25
26
27</head>
28<body>
29
30
31<header>
32<div class="bg_bl"></div>
33    <h1><a href="index.html"><img src="img/logo.png" alt="snow web site logo"></a></h1>
34<a class="menu_btn">
35    <span class="top"></span>
36    <span class="middle"></span>
37    <span class="bottom"></span>
38</a>
39
40<div class="h_btn"><a href="contact.html"><i class="fas fa-envelope"></i><span>お問合わせ</span></a></div>
41<div class="h_tel font_mincho"><a href="about_us.html"><span>About us</span></a></div>
42<nav id="g_navi">
43    <ul class="navi_base">
44    <li><a href="index.html">HOME</a></li>
45      <li><a class="ac_menu">History</a>
46      <div class="ac_list">
47      <ul>
48      <li><a href="./cgi/new10_2.cgi?mode=menu">What's New</a></li>
49      <li><a href="./cgi/best10_2.cgi?mode=menu">Best10</a></li>
50      <li><a href="walk.html">サイトの歩き方</a></li>
51      </ul>
52      </div>
53      </li>  
54      <li><a class="ac_menu">Blog</a>
55      <div class="ac_list">
56      <ul>
57      <li><a href="./cgi/index3.cgi?mode=view&category_no=1">Perlについて</a></li>
58      <li><a href="./cgi/index3.cgi?mode=view&category_no=2">他言語について</a></li>
59      <li><a href="./cgi/index3.cgi?mode=view&category_no=3">アプリについて</a></li>
60      <li><a href="./cgi/index3.cgi?mode=view&category_no=4">スマホについて</a></li>
61      <li><a href="./cgi/index3.cgi?mode=view&category_no=5">デザインについて</a></li>
62      <li><a href="./cgi/index3.cgi?mode=view&category_no=6">PCについて</a></li>
63      <li><a href="./cgi/index3.cgi?mode=view&category_no=7">日頃のレシピ</a></li>
64      <li><a href="./cgi/index3.cgi?mode=view&category_no=8">雑記</a></li>
65      <li><a href="./cgi/index3.cgi?mode=view&category_no=9">お気に入り雑貨</a></li>
66      <li><a href="./cgi/index3.cgi?mode=view&category_no=10">詩、小説</a></li>
67      <li><a href="./cgi/index3.cgi?mode=view&category_no=11">本の紹介</a></li>
68      <li><a href="./cgi/index3.cgi?mode=view&category_no=18">ニュ－ス</a></li>
69      </ul>
70      </div>
71      </li>   
72      <li><a class="ac_menu">App</a>
73      <div class="ac_list">
74      <ul>
75      <li><a href="app01.html">Webアプリシリーズ</a></li>
76      <li><a href="app02_1.html">ブログエディター</a></li>
77      <li><a href="#">メモエディター</a></li>
78      <li><a href="#">スケジュールエディター</a></li>
79      <li><a href="#">BBSエディター</a></li>
80      <li><a href="present.html">Present</a></li>
81      <li><a href="donate.html">寄付する</a></li>
82      </ul>
83      </div>
84      </li>
85      <li><a class="ac_menu">SNS</a>
86      <div class="ac_list">
87      <ul>
88      <li><a href="./cgi/bbs3.cgi?mode=bbs">掲示板</a></li>
89      <li><a href="./cgi/chat4.cgi?mode=chat1">チャット</a></li>
90      </ul>
91      </div>
92      </li>
93    <li><a href="link.html">Link</a></li>
94    </ul>
95</nav>
96
97<ul class="h_sns">
98      <li><a href="https://www.snow2021.net/cgi/new10_2.cgi?mode=new_blog_sogo"><i class="fas fa-book"></i></a></li>
99      <li><a href="https://x.com/michan2021/"><i class="fab fa-twitter"></i></a></li>
100      <li><a href="https://www.instagram.com/michan202101/"><i class="fab fa-instagram"></i></a></li>
101</ul>
102</header>
103
104<div id="sub_top" class="contact">
105<!-- <div class="top_base cl_02"></div> -->
106<span>Contact us</span>
107</div>
108
109<div class="pankuzu">
110<ul>
111<li><a href="index.html"><i class="fas fa-home"></i>HOME</a></li>
112<li><a href="javascript:history.back()">1つ前に戻る</a></li>
113<li>お問合わせ</li>
114</ul>
115</div>
116
117<div class="content">
118<h2 class="effect">お問合わせ<br>
119<span>mailにて受け付けます</span></h2>
120<div class="cont_wrap">
121
122<div class="effect d_02">
123<h3>お問合わせフォーム</h3>
124  <p>下記フォームに必要事項をご入力いただき、送信してください。<br>
125<span class="chui">※mailを受付て、ご返信するまで2～3日お時間をください。早急に対応します。</span>
126</p>
127<form action="./cgi/mail_okuru2.cgi" method="POST" name="form1" id="mail_form" onSubmit="return check()">
128<input type="hidden" name="mode" value="m_kak">
129		<dl>
130      <dt>会社名<span>Your company name</span></dt>
131			<dd><input type="text" id="name_1" name="company" value="" /> </dd>
132			
133			<dt>お名前<span>Your Name</span></dt>
134			<dd class="required"><input type="text" id="name_2" name="user_nm" value="" /></dd>
135
136			<dt>メールアドレス<span>Mail Address</span></dt>
137			<dd class="required"><input type="text" id="mail_address" name="email1" value="" /></dd>
138			
139			<dt>メールアドレス(確認)<span>Mail Address Confirm</span></dt>
140			<dd class="required"><input type="text" id="mail_address_confirm" name="email2" value="" /></dd>
141			
142			<dt>お問い合わせの種類<span>Type of question</span></dt>
143			<dd class="required">
144            <select id="kind" name="q_type">
145					<option value="">選択してください  Please select. </option>
146					<option value="ご質問 question">ご質問 question</option>
147          <option value="ご要望 request">ご要望 request </option>
148          <option value="ご相談 consultation">ご相談 consultation</option>
149					<option value="ご感想 your thoughts">ご感想 your thoughts</option>
150					<option value="ご依頼 commission">ご依頼 commission</option>
151					<option value="その他 other">その他 other</option>
152				</select>
153			</dd>
154<!--
155			<dt>電話番号<span>Phone Number</span></dt>
156			<dd><input type="text" id="phone" name="phone" value="" /></dd>
157-->
158			<dt>お問い合わせ内容<span>

158Mail Contents</span></dt>
159			<dd class="required"><textarea id="mail_contents" name="emailmsg" cols="40" rows="5" maxlength="5000"></textarea></dd>
160			
161			<dt>確認です<span>Robot Chack 1</span></dt>
162      <dd class="required"><input type="checkbox" id="robot_flg" name="robot_flg" value="1">私は、ロボットではありません。</dd>
163
164			<dt>確認です<span>Mail Send Chack 2</span></dt>
165      <dd><input type="checkbox" name="reply_flg" value="1">メールを自分にも送ってほしい。</dd>
166
167			<dt>送信の為の確認をする<span>Confirmation</span></dt>
168			<dd class="required"><input type="submit" id="mail_submit_button" name="mail_submit_button" value="確認する"></dd>
169		</dl>
170	</form>
171
172</div>
173
174
175</div><!--/cont_wrap-->
176
177</div><!--/content-->
178
179
180<div class="box_contact effect">
181<div class="arrow_tbm"><img src="img/sankaku.png" alt="↓"></div>
182</div><!--/box_contact-->
183
184<footer>
185<ul class="f_bn">
186      <li><a href="https://www.snow2021.net/cgi/new10_2.cgi?mode=new_blog_sogo"><i class="fas fa-book"></i><span>Blog</span></a></li>
187      <li><a href="https://x.com/michan2021/"><i class="fab fa-twitter"></i><span>X(Twitter)</span></a></li>
188      <li><a href="https://www.instagram.com/michan202101/"><i class="fab fa-instagram"></i><span>Instagram</span></a></li>
189</ul>
190
191<div class="cont_wrap">
192
193<ul class="f_list">
194<li class="list_top"><a href="index.html">HOME</a></li>
195<li class="list_top">History
196      <ul>
197      <li><a href="./cgi/new10_2.cgi?mode=menu">What's New</a></li>
198      <li><a href="./cgi/best10_2.cgi?mode=menu">Best10</a></li>
199      <li><a href="walk.html">サイトの歩き方</a></li>
200      </ul>
201</li>
202</ul>
203
204<ul class="f_list">
205<li class="list_top">Blog
206      <ul>
207      <li><a href="./cgi/index3.cgi?mode=view&category_no=1">Perlについて</a></li>
208      <li><a href="./cgi/index3.cgi?mode=view&category_no=2">他言語について</a></li>
209      <li><a href="./cgi/index3.cgi?mode=view&category_no=3">アプリについて</a></li>
210      <li><a href="./cgi/index3.cgi?mode=view&category_no=4">スマホについて</a></li>
211      <li><a href="./cgi/index3.cgi?mode=view&category_no=5">デザインについて</a></li>
212      <li><a href="./cgi/index3.cgi?mode=view&category_no=6">PCについて</a></li>
213      <li><a href="./cgi/index3.cgi?mode=view&category_no=7">日頃のレシピ</a></li>
214      <li><a href="./cgi/index3.cgi?mode=view&category_no=8">雑記</a></li>
215      <li><a href="./cgi/index3.cgi?mode=view&category_no=9">お気に入り雑貨</a></li>
216      <li><a href="./cgi/index3.cgi?mode=view&category_no=10">詩、小説</a></li>
217      <li><a href="./cgi/index3.cgi?mode=view&category_no=11">本の紹介</a></li>
218      <li><a href="./cgi/index3.cgi?mode=view&category_no=18">ニュ－ス</a></li>
219      </ul>
220</li>  
221</ul>
222
223<ul class="f_list">
224<li class="list_top">App
225      <ul>
226      <li><a href="app01.html">Webアプリシリーズ</a></li>
227      <li><a href="app02_1.html">ブログエディター</a></li>
228      <li><a href="#">メモエディター</a></li>
229      <li><a href="#">スケジュールエディター</a></li>
230      <li><a href="#">BBSエディター</a></li>
231      <li><a href="present.html">Present</a></li>
232      <li><a href="donate.html">寄付する</a></li>
233      </ul>
234</li>
235</ul>
236
237<ul class="f_list">
238<li class="list_top">SNS
239      <ul>
240      <li><a href="./cgi/bbs3.cgi?mode=bbs">掲示板</a></li>
241      <li><a href="./cgi/chat4.cgi?mode=chat1">チャット</a></li>
242      </ul>
243</li>
244</ul>
245
246<ul class="f_list">
247<li class="list_top"><a href="link.html">Link</a></li>
248</ul>
249</div>
250
251<address>
252  Copyright (C) SNOW Web Site All rights reserved.
253</address>
254
255</footer>
256
257<div class="to_top"><a href="#" title="トップへ戻る"><i class="fas fa-chevron-up"></i></a></div>

258<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

258

259<script src="js/jquery.inview.min.js"></script>

259

260<script src="js/script.js"></script>

260

261<script src="js/mailform.js"></script>

261
262
263</body>
264</html>