-
Notifications
You must be signed in to change notification settings - Fork 3
/
mentor.html
196 lines (192 loc) · 7.89 KB
/
mentor.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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!doctype html>
<html lang="ja">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-131325812-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-131325812-1');
</script>
<meta charset="utf-8">
<meta http-equiv="content-language" content="ja">
<title>メンターになる | CoderDojo 堺</title>
<meta name="description" content="Coderdojo堺は、ボランティアで協力していただけるメンターを募集しています。メンターになるための資格等は特に必要はないので「子どもが好きで、一緒にプログラミングを楽しめる方」は是非ご協力いただければと思います。">
<meta name="keywords" content="CoderDojo,堺,コーダー道場,プログラミング,子ども,泉北ニュータウンまちびらき５０周年事業" />
<meta name="author" content="CoderDojo堺" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" sizes="192x192" href="img/favicon/touch-icon.png">
<link rel="icon" type="image/png" href="img/favicon/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="img/favicon/favicon.ico">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<div class="container-fluid" id="pageTop">
<div class="row">
<div class="header-nav-wrapper">
<div class="logo">
<a href="./index.html"><img src="img/CoderDojoLogo.png" alt="コーダー道場さかい"></a>
</div>
<div class="primary-nav-wrapper">
<nav>
<ul class="primary-nav">
<li><a href="./index.html">ホーム</a></li>
<li><a href="./coderdojo.html">CoderDojoとは</a></li>
<li class="now"><a href="./mentor.html">メンターになる</a></li>
<li><a href="./ninja.html">子供の参加</a></li>
<li><a href="./report.html">会計報告</a></li>
</ul>
</nav>
<div class="secondary-nav-wrapper">
<ul class="secondary-nav">
<li class="subscribe"><a href="./donation.html">寄付をする</a></li>
</ul>
</div>
</div>
<div class="navicon">
<a class="nav-toggle" href="#"><span></span></a>
</div>
</div>
</div>
</div>
<section class="head has-padding" style="padding-bottom: 0;">
<div class="container">
<div class="row">
<h1 class="wp1">メンターになる</h1>
<div class="col-md-6 col-md-offset-3" style="margin-top: 40px;">
<p><img class="myImg" src="./img/mentor001.jpg" alt="CoderDojo堺の様子"></p>
</div>
</div>
</div>
</section>
<!-- SECTION: Intro -->
<section class="collective has-padding">
<div class="container">
<div class="row">
<div class="col-md-3">
<h4>メンターが一番楽しむ</h4>
</div>
<div class="col-md-9">
<p>
メンターはボランティアとして参加して頂きます。<br>
よって、報酬や交通費などはありません。<br>
だからこそ、参加されるメンターには、一番楽しんで欲しいと考えています。
</p>
<p>
例えばの話ですが、楽しみの一つとして、自分の知識や技術を、忍者（子ども）たちに自慢してみて下さい。<br>
そうすると、忍者（子ども）たちは、感嘆の声をあげると思います。<br>
他の人から「これはいいね」って言われると、嬉しいと思いませんか。<br>
また、忍者（子ども）たちの中には、「あんなものを作ってみたい！」と思い、スキルアップしようとする忍者（子ども）も出てくるかも知れません。<br>
メンターと忍者（子ども）、それぞれが切磋琢磨し、良い「ものづくり」ができるのではないかと考えています。
</p>
</div>
</div>
</div>
</section>
<!-- END SECTION: -->
<!-- SECTION: -->
<section class="has-padding alternate-bg">
<div class="container">
<div class="row">
<div class="col-md-3">
<h4>メンターになるには？</h4>
</div>
<div class="col-md-9">
<p>
メンターになるための資格等は特に必要ありません。<br>
「子どもが好きで、一緒にプログラミングを楽しめる方」<br>
であれば構いません。
</p>
<p>
もし、参加したいという方がいらっしゃいましたら、この画面下部の「メンターの申し込み」フォームから申し込みができます。<br>
もし、あなたに出来ることがあればCoderDojo堺を一緒に育ててください。
</p>
</div>
</div>
</div>
</section>
<!-- END SECTION: -->
<!-- SECTION: -->
<section class="has-padding">
<div class="container">
<div class="row is-centered">
<div>
<script type="text/javascript">var submitted=false;</script>
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSe_joSYSLTirFrwYa_c3qD52QA9yTSafdtj-Ataq_IOlqQtcw/viewform?embedded=true" scrolling="no" width="100%" height="1560px" frameborder="0" scrolling="yes">読み込んでいます...</iframe>
</div>
</div>
</div>
</section>
<!-- END SECTION: -->
<!-- SECTION: -->
<section class="get-started has-padding text-center">
<div class="container">
<div class="row">
<div class="col-md-12 wp4">
<h2>CoderDojo堺のスポンサー</h2>
</div>
</div>
<div class="row" style="margin-top: 40px;">
<div class="col-md-6">
<p>
<a href="http://www.smartvalue.ad.jp" target="_blank">
<img src="https://coderdojo-sakai.github.io/images/sponsor/smartvalue.png" alt="smartvalue" class="img-responsive center-block">
</a>
</p>
</div>
<div class="col-md-6">
<p>
<a href="http://www.pangea-sein.com" target="_blank">
<img src="https://coderdojo-sakai.github.io/images/sponsor/pangealogo.png" alt="pangea" class="img-responsive center-block">
</a>
</p>
</div>
</div>
</div>
</section>
<!-- END SECTION: -->
<!-- SECTION: Footer -->
<footer class="has-padding footer-bg">
<div class="container">
<div class="row">
<div class="logo">
<a href="./index.html"><img src="img/CoderDojoLogo.png" alt="コーダー道場さかい"></a>
</div>
</div>
<div class="row">
<div class="col-md-12 footer-nav">
<ul class="footer-primary-nav">
<li><a href="./index.html">ホーム</a></li>
<li><a href="./coderdojo.html">CoderDojoについて</a></li>
<li><a href="./mentor.html">メンターになる</a></li>
<li><a href="./ninja.html">子どもの参加</a></li>
<li><a href="./report.html">会計報告</a></li>
</ul>
<ul class="footer-share">
<li><a href="./donation.html">寄付をする</a></li>
</ul>
</div>
</div>
</div>
</footer>
<a href="#pageTop" id="upperBtn">UP</a>
<!-- END SECTION: Footer -->
<!-- JS CDNs -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>
<!-- jQuery local fallback -->
<script>
window.jQuery || document.write('<script src="js/min/jquery-1.11.2.min.js"><\/script>')
</script>
<!-- JS Locals -->
<script src="js/min/bootstrap.min.js"></script>
<script src="js/min/jquery.waypoints.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>