Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change session title #973

Open
wants to merge 11 commits into
base: master
Choose a base branch
from
Binary file added images/speaker1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/speaker2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
290 changes: 157 additions & 133 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,162 +1,186 @@
<!DOCTYPE HTML>
<!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>
<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>
<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">
</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>
<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">
</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>
<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>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 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>
<th>内容</th>
</tr>
</thead>
<tbody>
<tr>
<td>19:00〜19:05</td>
<td>コミュニティスタッフ</td>
<td>オープニング</td>
</tr>
<tr>
<td>19:05〜19:50</td>
<td>いろふさん</td>

<td>わたしのGitの使い方(いろふさん)</td>
</tr>
<tr>
<td>19:50〜20:00</td>
<td>-</td>
<td>休憩</td>
</tr>
<tr>
<td>20:00〜20:45</td>
<td>うらがみさん</td>
<td>
めざせ脱初心者!現場で使える!実践Git(うらがみさん)
</td>
</tr>
<tr>
<td>20:45〜21:00</td>
<td>コミュニティスタッフ</td>
<td>クロージング</td>
</tr>
<tr>
<td>21:00〜</td>
<td>-</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 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>
</div>

<!-- Footer -->
<section id="footer">
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>&copy; Untitled. All rights reserved.</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
<ul class="copyright">
<li>&copy; 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>
</section>
</div>

</body>
</html>
<!-- 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>