-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (137 loc) · 5.56 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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>T & A Wada Wedding Party</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="owakon">
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet">
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#">takuto and akiko wedding party!</a>
<div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#place">Place</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
<div class="container">
<div class="hero-unit">
<h1>Takuto and Akiko Wedding Party!!</h1>
<h2>結婚式ニ次会のお知らせ</h2>
<p>
来る4月7日に、和田卓人さん、晶子さんの結婚披露宴が行なわれます。
</p>
<p>
つきましては、披露宴後に彼らの結婚を祝福すべくウェディングパーティを開催したいと思います。
</p>
<p>
(なお、大変恐縮ではございますが、会場の都合上新郎または新婦からの招待制となっております)
</p>
</div>
<div class="row">
<div class="span4">
<h2>Date and Time:</h2>
<p>
<dl>
<dt>date</dt>
<dd>2012/4/7(sat)</dd>
<dt>time</dt>
<dd>
<ul>
<li>OPEN(受付開始) 17:30～ </li>
<li>START(パーティ開始) 18:00～ </li>
</ul>
</dd>
</dl>
</p>
<h2 id="contact">Contact:</h2>
<h4>当日連絡先</h4>
<dt>幹事代表 山城裕 (@yamashiro)</dt>
<dd>090-4370-0331</dd>
</div>
<div class="span4">
<h2>Party fees:</h2>
<h4>会費</h4>
<dl>
<dt>ニ次会から参加される男性</dt><dd>¥10,000</dd>
<dt>披露宴から参加される男性</dt><dd>¥5,000</dd>
<dt>ニ次会から参加される女性</dt><dd>¥7,000</dd>
<dt>披露宴から参加される女性</dt><dd>¥3,000</dd>
</dl>
<h4>支払い方法について</h4>
<p>
当日9F受付にてお支払いお願いします。
</p>
<h2>Dress code:</h2>
<p>略礼装くらいです。可能であればスーツ等でお越しください</p>
</div>
<div class="span4">
<h2 id="place">Place:</h2>
<h4>Caspa(キャスパ)銀座 11F</h4>
<p>(受付は9Fです。9Fまでエレベーターでお越しください)</p>
<dl>
<dt>住所</dt>
<dd>東京都中央区銀座5-5-14 GINZA GATES 11F</dd>
<dt>最寄駅</dt>
<dd>
<ul>
<li>地下鉄銀座線銀座駅 B5番出口 徒歩1分</li>
<li>地下鉄日比谷線日比谷駅 A2番出口 徒歩4分</li>
<li>ＪＲ有楽町駅 徒歩4分</li>
</ul>
</dd>
<dt>TEL</dt>
<dd>070-5569-6426</dd>
<dd>03-6280-6655</dd>
</dl>
<p><a class="btn" href="http://www.ca-spa.jp/access/">View details »</a></p>
<p>
<iframe width="320" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps?q=Caspa+%E9%8A%80%E5%BA%A7&ie=UTF8&hl=ja&hq=Caspa&hnear=%E9%8A%80%E5%BA%A7%E9%A7%85%EF%BC%88%E6%9D%B1%E4%BA%AC%EF%BC%89&t=m&brcurrent=3,0x60188be6424d9b3b:0x2e276cc322f314bd,0&ll=35.671598,139.763604&spn=0.006295,0.006295&output=embed"></iframe><br /><small><a href="http://maps.google.co.jp/maps?q=Caspa+%E9%8A%80%E5%BA%A7&ie=UTF8&hl=ja&hq=Caspa&hnear=%E9%8A%80%E5%BA%A7%E9%A7%85%EF%BC%88%E6%9D%B1%E4%BA%AC%EF%BC%89&t=m&brcurrent=3,0x60188be6424d9b3b:0x2e276cc322f314bd,0&ll=35.671598,139.763604&spn=0.006295,0.006295&source=embed" style="color:#0000FF;text-align:left">大きな地図で見る</a></small>
</p>
</div>
</div>
<!--
<div class="row">
<div class="span4">
<h2>追加のブロック</h2>
<p>内容</p>
</div>
</div>
-->
<hr>
<footer>
<p>© 都営新宿線クラスタ </p>
</footer>
</div>
<!-- /container -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
</body>
</html>