-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevent.html
162 lines (147 loc) · 6.57 KB
/
event.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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="common/css/style.css">
<script src="common/js/vendor/modernizr-2.6.2.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="common/js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="common/js/vendor/jquery.carouFredSel-6.2.1.js"></script>
<script src="common/js/vendor/scrollsmoothly.js"></script>
<script src="common/js/vendor/jquery.tile.min.js"></script>
<script src="common/js/main.js"></script>
</head>
<body id="pagetop" class="info">
<header id="area_header">
<div class="mod_header">
<h1><img src="common/img/toplogo.jpg" width="184" height="90" alt="コワーキング協同組合"></h1>
<nav class="mod_header_nav">
<p class="navtitle">MENU</p>
<ul class="ex_clearfix">
<li><a href="about.html">About</a></li>
<li><a href="#">information</a></li>
<li><a href="#">coworking space</a></li>
<li><a href="#">visa.jp</a></li>
<li><a href="#">job</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">contact</a></li>
</ul>
<!--mod_header_nav_end--></nav>
<!--mod_header_end--></div>
<!--area_header_end--></header>
<article id="area_main">
<header class="mod_pageheader ex_clearfix">
<h1><span>information</span><strong>イベント、セミナーのお知らせ</strong></h1>
<!--mod_pageheader_end--></header>
<div class="mod_breadcrumbs">
<ol>
<li><a href="index.html">HOME</a></li>
<li><a href="information.html">information</a></li>
<li>イベント情報</li>
</ol>
<!-- mod_breadcrumbs_end --></div>
<section class="mod_pagecontents">
<h1 class="pagetitle">イベント情報</h1>
<section class="mod_pagecontents_sec ex_clearfix">
<h1 class="sectitle">イベント</h1>
<div class="mod_entry">
<header class="mod_entry_header">
<h1><em>2013/06/24</em><span>イベントタイトルを入れます</span></h1>
<!--mod_entry_header_end--></header>
<div class="mod_entry_inner">
<h2>イベント紹介します。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。</h2>
<p>イベントの詳細を掲載します。このテキストはダミーです。<br>
文字の大きさや、量、字間、行間等を確認するために入れています。イベントの詳細を掲載します。このテキストはダミーです。文字の大きさや、量、字間、行間等を確認するために入れています。文字の大きさや、量、字間、行間等を確認するために入れています。イベントの詳細を掲載します。このテキストはダミーです。文字の大きさや、量、字間、行間等を確認するために入れています。</p>
<img src="img/info/event_cut_01.jpg" width="640" height="480" alt="">
<dl class="tabletype wide">
<dt>開催日</dt>
<dd>2013年9月21日(土） 10:00〜19:00</dd>
<dt>場所</dt>
<dd>開催場所を記載しますこれはダミーです。</dd>
<dt>参加費</dt>
<dd>無料</dd>
<dt>参考URL</dt>
<dd><a href="https://www.facebook.com/bccjp.net?fref=ts">https://www.facebook.com/bccjp.net?fref=ts</a></dd>
<dt>主催者</dt>
<dd>ここは名前か、twiiterアカウントか、facebookアカウントか</dd>
</dl>
<p class="link ex_opaity"><a href="#">お申し込みはこちらから</a></p>
<!--mod_entry_inner_end--></div>
<!--mod_entry_end--></div>
<!--mod_pagecontents_sec_end--></section>
<!--mod_contents_end--></section>
<footer class="mod_mainfooter">
<p class="lead">コワーキング協同組合は、新しい働き方で社会、暮らしを豊かなものにかえていきます。</p>
<p class="pagetop"><a class="smoothScroll" href="#pagetop"><img src="common/img/pagetop.gif" width="100" height="48" alt="ページの上部へ戻る"></a></p>
</footer>
<!--area_main_end--></article>
<footer id="area_footer">
<div class="mod_footer">
<nav class="mod_footernav ex_clearfix">
<h1 class="footernavtitle"><img src="common/img/footerlogo.gif" width="191" height="125" alt="コワーキング協同組合"></h1>
<div class="mod_footernav_block">
<section>
<h1><a href="about.html">コワーキング協同組合について</a></h1>
<ul>
<li><a href="#">Vision</a></li>
<li><a href="#">コワーキングとは</a></li>
<li><a href="#">組合概要</a></li>
<li><a href="#">入会案内</a></li>
<li><a href="#">加入お申し込み</a></li>
<li><a href="#">よくある質問</a></li>
</ul>
</section>
<!--mod_footernav_block_end--></div>
<div class="mod_footernav_block">
<section>
<h1><a href="#">インフォメーション</a></h1>
<ul>
<li><a href="#">イベント一覧</a></li>
<li><a href="#">お知らせ一覧</a></li>
</ul>
</section>
<section class="even">
<h1><a href="#">コワーキングスペースの紹介</a></h1>
<ul>
<li><a href="#">コワーキングスペース一覧</a></li>
</ul>
</section>
<!--mod_footernav_block_end--></div>
<div class="mod_footernav_block">
<section>
<h1><a href="#">コワーキングvisa.jp</a></h1>
<ul>
<li><a href="#">Visa.jpとは</a></li>
<li><a href="#">Visa.jp一覧</a></li>
</ul>
</section>
<section class="even">
<h1><a href="#">ブログ</a></h1>
<h1><a href="#">お問い合わせ</a></h1>
<h1><a href="#">プライバシー・ポリシー</a></h1>
</section>
<!--mod_footernav_block_end--></div>
<!--mod_footernav_end--></nav>
<div class="mod_relation ex_clearfix">
<ul class="ex_opaity">
<li><a href="https://www.facebook.com/bccjp.net"><img src="common/img/icon_fb.gif" width="36" height="35" alt="facebook"></a></li>
<li><a href="#"><img src="common/img/icon_twitter.gif" width="36" height="35" alt="Twitter"></a></li>
</ul>
<form id="searchform" method="get" action="XXX.cgi">
<p class="search ex_clearfix">
<input type="text" value="" id="search" name="search" class="search">
<input type="image" alt="検索" src="common/img/icon_search.gif" id="search_btn" class="search_btn">
</p>
</form>
<!-- mod_relation_end --></div>
<!--mod_footer_end--></div>
<!--area_footer_end--></footer>
</body>
</html>