-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (151 loc) · 7.96 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
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<!-- <link rel="shortcut icon" href="../../assets/ico/favicon.ico"> -->
<title>情報支援レスキュー隊 / IT DART (Disaster Assistance Response Team) </title>
<!-- OGP -->
<meta property="og:title" content="情報支援レスキュー隊／IT DART">
<meta property="og:type" content="website">
<meta property="og:description" content="災害発生時に迅速に被災地に赴き、情報の収集・活用・発信に関わる支援活動を行う">
<meta property="og:url" content="http://www.itdart.org">
<meta property="og:image" content="http://www.itdart.org/img/logo_itdart_big.png">
<meta property="og:site_name" content="情報支援レスキュー隊／IT DART">
<!-- Bootstrap core CSS -->
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon.ico" />
</head>
<body>
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="./"><img src="img/logo_itdart.png" alt="IT DART"></a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="about.html">概要</a></li>
<li><a href="contact.html">コンタクト</a></li>
<li><a href="signup/">隊員募集</a></li>
<li><a href="../events/">イベント</a></li>
<li><a href="press/">メディア掲載</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="container">
<div class="itdart-template">
<div class="row">
<div class="col-xs-12 col-sm-6">
<img class="img-responsive" src="img/logo_itdart_big.png" alt="情報支援レスキュー隊 IT DART(Disaster Assistance Response Team)">
<p class="lead">私たちは、災害発生時に迅速に被災地に赴き、情報の収集・活用・発信に関わる支援活動を行う「情報 × ITの緊急支援チーム」発足に向けて活動を始めました。</p>
</div>
<div class="col-xs-12 col-sm-6">
<h3>情報収集</h3>発災時、直ちに被災地に赴き、現地における情報支援ニーズを継続的に収集する。
<h3>情報活用</h3>時々の情報支援ニーズに基づき必要な人材、機材、サービス、プログラム開発を調達・提供するコーディネートを行う。
<h3>情報発信</h3>被災地の状況やニーズを継続的に発信し、被災地の時々の生の現状を広く知らせる。
</div>
</div>
</div>
</div>
<div class="highlight-shadow">
<div class="highlight">
<div class="container">
<div class="row">
<div class="col-xs-12" style="text-align: center">
<h2><a href="https://www.facebook.com/events/486957951481162/"><span class="glyphicon glyphicon-user" style="font-size:50px" aria-hidden="true"></span> 一般社団法人創立総会</a> <span class="glyphicon glyphicon-user" style="font-size:50px" aria-hidden="true"></span></h2>
<div class="content">
<h3>8月8日、一般社団法人 情報支援レスキュー隊（IT DART）の創立総会を行います。</h3>
<p>
<a href="https://www.facebook.com/events/486957951481162/"><span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span>イベント参加申し込みはこちらから</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="itdart-template">
<div class="row">
<div class="col-xs-12 col-sm-6">
<p><img class="img-responsive" src="assets/img/itdart.png" alt="IT DART"></p>
</div>
<div class="col-xs-12 col-sm-6">
<p>詳しくは以下のスライドをご覧ください。</p>
<div class="embed-responsive embed-responsive-4by3">
<!-- <div class="slideshare"> -->
<iframe class="embed-responsive-item" src="http://www.slideshare.net/slideshow/embed_code/33522765" width="476" height="400" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
<!-- </div> -->
</div>
</div>
</div>
</div><!-- /.container -->
<!-- Footer -->
<footer>
<div class="container">
<div class="footer-border"></div>
<div class="row">
<div class="copyright span8">
<p><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.ja"><img alt="クリエイティブ・コモンズ・ライセンス" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png" /></a> This 作品 by <a xmlns:cc="http://creativecommons.org/ns#" href="http://www.itxsaigai.org/" property="cc:attributionName" rel="cc:attributionURL">IT×災害</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.ja">Creative Commons 表示 - 継承 3.0 非移植 License</a></p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!--
<script>
$(function() {
var $allVideos = $("iframe[src^='http://www.slideshare.net'], object, embed"),
$fluidEl = $(".col-sm-6");
$allVideos.each(function() {
$(this)
// jQuery .data does not work on object/embed elements
.attr('data-aspectRatio', this.height / this.width)
.removeAttr('height')
.removeAttr('width');
});
$(window).resize(function() {
var newWidth = $fluidEl.width();
$allVideos.each(function() {
var $el = $(this);
$el
.width(newWidth)
.height(newWidth * $el.attr('data-aspectRatio'));
});
}).resize();
});
</script>
-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-43778521-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>