-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (92 loc) · 4.15 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
<!DOCTYPE html>
<html lang='ja'>
<head>
<meta charset='utf-8'>
<meta content='width=device-width, initial-scale=1' name='viewport'>
<title>The experiment page</title>
<link href="./stylesheets/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="./stylesheets/grayscale.css" rel="stylesheet" type="text/css" />
<link href="./font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<nav class='navbar navbar-custom navbar-fixed-top' role='navigation'>
<div class='container'>
<div class='navbar-header'>
<button class='navbar-toggle' data-target='.navbar-main-collapse' data-toggle='collapse' type='button'>
<i class='fa fa-bars'></i>
</button>
</div>
<a class='navbar-brand page-scroll' href='#page-top'>
<span class='light'>Code for Hakodate</span>
</a>
<div class='collapse navbar-collapse navbar-right navbar-main-collapse'>
<ul class='nav navbar-nav'>
<li class='hidden'>
<a href='#page-top'></a>
</li>
<li>
<a class='page-scroll' href='http://codeforhakodate.org'>Home</a>
</li>
<li>
<a class='page-scroll' href='http://codeforhakodate.org/about_us'>Code for Hakodate について</a>
</li>
</ul>
</div>
</div>
</nav>
<header class='intro'>
<div class='intro-body'>
<div class='container'>
<div class='row'>
<div class='col-md-8 col-md-offset-2'>
<h1 class='brand-heading'>Code for Hakodate</h1>
<p class='intro-text'>ITで函館の街の課題を解決する非営利団体</p>
<a class='btn btn-circle page-scroll' href='#about'>
<i class='fa fa-angle-double-down animated'></i>
</a>
</div>
</div>
</div>
</div>
</header>
<section class='container content-section text-center' id='about'>
<div class='row'>
<div class='col-lg-8 col-lg-offset-2'>
<h2>Code for Hakodate について</h2>
<p>各地域には様々な問題が発生しています。その中には、ITやデザインの力を使うことで解決できるものも多くありますが、すべての団体にそのスキルが備わっているわけではありません。Code for Hakodateは、函館という地域の課題をITの力で解決していこうという非営利団体です。</p>
<a class='btn btn-default btn-lg' href='http://codeforhakodate.org/about_us'>詳しくは</a>
</div>
</div>
</section>
<section class='container content-section text-center' id='social-button'>
<div class='row'>
<div class='col-lg-8 col-lg-offset-2'>
<h2>ソーシャル</h2>
<ul class='list-inline banner-social-buttons'>
<li>
<a class='btn btn-default btn-lg' href='https://github.com/codeforhakodate' target='blank'>
<i class='fa fa-github fa-fw'></i>
</a>
<a class='btn btn-default btn-lg' href='https://www.facebook.com/code4hakodate' target='blank'>
<i class='fa fa-facebook fa-fw'></i>
</a>
<a class='btn btn-default btn-lg' href='https://twitter.com/codeforhakodate' target='blank'>
<i class='fa fa-twitter fa-fw'></i>
</a>
</li>
</ul>
</div>
</div>
</section>
<footer>
<div class='container text-center'>
<p>このウェブサイトのコンテンツはクリエイティブ・コモンズ 表示 4.0 国際 ライセンスの下で提供されています。</p>
<p>Copyright © 2015 Code for Hakodate</p>
</div>
</footer>
<script src="./javascripts/jquery.js" type="text/javascript"></script>
<script src="./javascripts/bootstrap.min.js" type="text/javascript"></script>
<script src="./javascripts/jquery.easing.min.js" type="text/javascript"></script>
<script src="./javascripts/grayscale.js" type="text/javascript"></script>
</body>
</html>