forked from yasagit-2/ichiyasaGitSample
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
165 lines (155 loc) · 6.7 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
163
164
165
<!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>第2回Git勉強会</h2>
<div class="features">
<p>第2回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>いろふさん</h4>
<p>大阪を中心に仕事している、ふつうのプログラマです。</p>
<p>関西Javaエンジニアの会の中の人。</p>
<p>主に業務Webアプリの開発をしてきました。</p>
</div>
</div>
<div class="speaker">
<img src="images/speaker2.png" alt="" class="image"/>
<div class="inner">
<h4>うらがみさん</h4>
<p>大阪のプログラマーです。GitHubを日常的に利用しています。</p>
<p>一年間毎日コミットをしてプロフィールページのcontributionsを緑一色にしたことがあります。</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>わたしのGitの使い方(いろふさん)</td>
</tr>
<tr>
<td>19:50〜20:00</td>
<td>休憩</td>
</tr>
<tr>
<td>20:00〜20:45</td>
<td>現場で使える!実践Git(うらがみさん)</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>第1回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>