-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (92 loc) · 2.82 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
<html>
<head>
<meta charset = "UTF-8" />
<link rel = "stylesheet " href ="style.css">
<title>Hair OLIVE</title>
</head>
<body>
<header>
<div class = "heading">
<h1 class="title">Hair OLIVE</h1>
<p class = "heading-sentence"> 美しさを引き出すヘアスタイルのご提案</p>
</div>
<div class="navbar">
<ul>
<li>About - ご紹介</li>
<li>How To - ご利用方法</li>
<li>Menu - メニュー・料金</li>
<li>Contact - お問い合わせ・アクセス</li>
</ul>
</div>
</header>
<div class="contents clearfix">
<div class="left-content">
<h2>新着情報</h2>
<table>
<tr>
<th>日にち</th>
<th>ニュース</th>
</tr>
<tr>
<td>2014/10/06</td>
<td>[新規のお客様限定]<strong>10%OFF</strong>キャンペーン</td>
</tr>
<tr>
<td>2014/10/03</td>
<td>うれしい<em>ポイントアップキャンペーン</em></td>
</tr>
<tr>
<td>2014/09/27</td>
<td>2015年成人式 ご予約承ります</td>
</tr>
</table>
<h2>スタイリスト紹介</h2>
<ul>
<li>
<img src="sample1.jpg" alt="mary" class="stylist-image">
<h4 class="stylist-name">Mary</h4>
</li>
<li>
<img src="sample2.jpg" alt="ken" class="stylist-image">
<h4 class ="stylist-name">Ken</h4>
</li>
</ul>
</div>
<div class="right-content">
<h3>recommend</h3>
<p>
15周年キャンペーン
<a href="https://tech-camp.in">->詳しくはこちら</a>
</p>
<h3>アプリで簡単予約</h3>
<p>
<a href="https://itunes.apple.com">App Store</a>
<a href="https://store.google.com">Google Play</a>
</p>
<h3>お問い合わせ</h3>
<form>
<input type="text" placeholder="名前を入力して下さい"><br>
<textarea placeholder="予約日時やご要望をお書き下さい"></textarea><br>
<label>
<input type="radio" name="RadioGroup1" value="0"> 男性
</label><br>
<label>
<input type="radio" name="RadioGroup1" value="1">女性
</label>
アンケートにご協力ください。
<label><br>
<input type="checkbox" name="Checkbox" value="チェックボックス">
このサイトは役立った </label>
<select>
<option value="student">学生</option>
<option value="businessperson">社会人</option>
</select>
<input type="submit" value = "予約メールを送る">
</form>
</div>
</div>
<footer>
<p>Copyright(C) Hair Olive ALL RIGHTS RESERVED</p>
</footer>
</body>
</html>