-
Notifications
You must be signed in to change notification settings - Fork 2.3k
/
index.html
162 lines (152 loc) · 6.2 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE HTML>
<!--
Read Only by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Ichiyasa Git User Group</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="assets/css/main.css"/>
</head>
<body>
<!-- Header -->
<section id="header">
<header>
<span class="image avatar"><img src="images/avatar.png" alt=""/></span>
<h1 id="logo"><a href="#">Ichiyasa Git User Group</a></h1>
</header>
<nav id="nav">
<ul>
<li><a href="#one" class="active">Japan Git User Groupとは</a></li>
<li><a href="#two">イベントのお知らせ</a></li>
<li><a href="#three">過去のイベント</a></li>
</ul>
</nav>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="container">
<header class="major">
<h2>Ichiyasa Git User Group</h2>
</header>
<p>Gitを利用する人々のコミュニティです。</p>
<p>勉強会を企画・運営し、情報交換の場を提供しています。</p>
<p>このコミュニティーは、非営利目的で活動しています。</p>
</div>
</section>
<!-- Two -->
<section id="two">
<div class="container">
<h2>第２回Git勉強会</h2>
<div class="features">
<p>第２回Git勉強会を開催します。みなさま、是非ご参加ください！</p>
<article>
<h3>イベント日時・場所</h3>
<p>3月23日 19:00開始</p>
<p>株式会社〇〇 イベントセミナー会場</p>
</article>
<article>
<h3>スピーカー</h3>
<div class="speaker">
<img src="images/speaker1.png" alt="" class="image"/>
<div class="inner">
<h4>1人目: 未定</h4>
<p>1人目のプロフィール</p>
</div>
</div>
<div class="speaker">
<img src="images/speaker2.png" alt="" class="image"/>
<div class="inner">
<h4>2人目: 未定</h4>
<p>2人目のプロフィール</p>
</div>
</div>
</article>
<article>
<h3>タイムテーブル</h3>
<div class="table-wrapper">
<table class="alt">
<thead>
<tr>
<th>時間</th>
<th>内容</th>
</tr>
</thead>
<tbody>
<tr>
<td>19:00〜19:05</td>
<td>オープニング</td>
</tr>
<tr>
<td>19:05〜19:50</td>
<td>セッション1: 未定</td>
</tr>
<tr>
<td>19:50〜20:00</td>
<td>休憩</td>
</tr>
<tr>
<td>20:00〜20:45</td>
<td>セッション2: 未定</td>
</tr>
<tr>
<td>20:45〜21:00</td>
<td>クロージング</td>
</tr>
<tr>
<td>21:00〜</td>
<td>懇親会</td>
</tr>
</tbody>
</table>
</div>
</article>
</div>
</div>
</section>
<!-- Three -->
<section id="three">
<div class="container">
<h2>過去のイベント</h2>
<h3>第１回Git勉強会</h3>
<div class="features">
<article>
<h4>Gitはじめの一歩 (@ihcomegaさん)</h4>
<iframe width="560" height="315" src="https://www.youtube.com/embed/RZizY7tGPn8?rel=0"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</article>
<article>
<h4>Git実践入門 (@syobochimさん)</h4>
<iframe width="560" height="315" src="https://www.youtube.com/embed/LocX863UA_w?rel=0"
frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</article>
</div>
</div>
</section>
</div>
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>© Untitled. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollzer.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>