This repository has been archived by the owner on Mar 7, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
246 lines (223 loc) · 9.31 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
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!-- ここにコメントを入れます -->
<!DOCTYPE html><!-- HTMLで記述されていますという宣言をしています -->
<html lang="ja"><!-- ファイルの言語は日本語であることを宣言しています -->
<head><!-- ここにホームページのタイトルや検索対策用の情報などを入れます -->
<title>MPSオフィシャルサイト</title>
<meta charset="UTF-8"><!-- 文字エンコーディングの種類を指定します。今回は -->
<meta name="description" content="このサイトはMPSのオフィシャルページとなります。団体プロフィール・活動内容・イベント次回予告を載せています。"><!-- GoogleやYahooなどの検索結果に表示される内容です。 -->
<meta name="keywords" content="MPS,morningprojectsamurai"><!-- 検索ワードに認識されたいキーワードを入れます -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.css">
<script
src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<script>
$(function(){
$('.bxslider').bxSlider({
auto: true,
slideWidth: 640,
speed:1500,
slideMargin:10,
maxSlides: 4,
minSlides:4,
adaptiveHeight:true,
randomStart:false,
hideControlOnEnd: true,
//adaptiveHeight:true,(スライダーの高さの調節)
//video:true,(スライダーに含まれている video をレスポンシブにする場合は 'true' を指定します。またその際は別途［jquery.fitvids.js］を読み込む必要があります。)
})});
</script>
<link rel="stylesheet" href="style.css"><!-- CSSを設置 -->
</head>
<body><!-- ここにページの内容を記述します -->
<div class="caption">
<img class="logo" src="images/mps_white.png" alt="MPS写真" width="200" height="100%">
<p>コワーキングスペース只今：<b>営業中</b></p>
<ul class="sub_menu blue">
<li><a href="#/about">イベント</a></li>
<li><a href="#/organization">Pycamp</a></li>
<li><a href="#/project">Pycafe</a></li>
<li><a href="#/photo">あいう</a></li>
<li><a href="#/photo">かきく</a></li>
<li><a href="#/photo">さしす</a></li>
<li><a href="#/photo">たちつ</a></li>
<li class="freeword">現在開催中の<b>イベント</b>を見る！<br/>Pycamp 横浜講演</li>
</ul>
<ul class="sub_menu green">
<li><a href="#/about">イベント</a></li>
<li><a href="#/organization">Pycamp</a></li>
<li><a href="#/project">Pycafe</a></li>
<li><a href="#/photo">あいう</a></li>
<li><a href="#/photo">かきく</a></li>
<li><a href="#/photo">さしす</a></li>
<li><a href="#/photo">たちつ</a></li>
<li class="freeword">現在開催中の<b>キャンペーン</b>を見る！<br/>Pycamp 横浜講演</li>
</ul>
</div>
<nav>
<ul id="menu">
<li><a href="#/about">活動内容</a></li>
<li><a href="#/organization">実績</a></li>
<li><a href="#/project">アクセス</a></li>
<li><a href="#/photo">コワーキング</a></li>
<li><a href="#/photo">コワーキング</a></li>
</ul>
</nav>
<div class="main_photo"><img src="images/room3.jpg"></div>
<div class="content">
<div class="caption">
<div class="left">
<h3>新着スライド</h3>
<ul class="bxslider">
<div class="description">
<li><img src="images/movie1.png" /><span>あいうえお</span></li>
</div>
<div class="description">
<li><img src="images/movie2.png" /><span>かきくけこ</span></li>
</div>
<div class="description">
<li><img src="images/movie3.png" /><span>さしすせそ</span></li>
</div>
<div class="description">
<li><img src="images/movie4.png" /><span>たちつてと</span></li>
</div>
<div class="description">
<li><img src="images/movie1.png" /><span>なにぬねの</span></li>
</div>
<div class="description">
<li><img src="images/movie2.png" /><span>はひふへほ</span></li>
</div>
</ul>
</div>
<div class="right">
<div class="qiita">
<h3>Deep Learning のための Multi Layer Perceptron </h3>
<h2>Qiita最新記事</h2>
<p>(数学的基礎から学ぶ Deep Learning with Python; MPS Yokohama Deep Learning Series)</p>
</div>
</div>
<div class="center">
<div class="qiita">
<h3>Deep Learning のための Multi Layer Perceptron </h3>
<h2>Qiita最新記事</h2>
<p>(数学的基礎から学ぶ Deep Learning with Python; MPS Yokohama Deep Learning Series)</p>
</div>
</div>
</div>
<div class="caption">
<div class="left">
<h3>新着動画</h3>
<ul class="bxslider">
<div class="description">
<li><img src="images/movie1.png" /><span>あいうえお</span></li>
</div>
<div class="description">
<li><img src="images/movie2.png" /><span>かきくけこ</span></li>
</div>
<div class="description">
<li><img src="images/movie3.png" /><span>さしすせそ</span></li>
</div>
<div class="description">
<li><img src="images/movie4.png" /><span>たちつてと</span></li>
</div>
<div class="description">
<li><img src="images/movie1.png" /><span>なにぬねの</span></li>
</div>
<div class="description">
<li><img src="images/movie2.png" /><span>はひふへほ</span></li>
</div>
</ul>
</div>
<div class="right">
<div class="github">
<h2>Github最新記事</h2>
<h3>作者：mpsamurai/qiita-analyzer</h3>
<h3>題：qiita-analyzerQiita の記事を分析するモジュール</h3>
<p>コード</p>
</div>
</div>
<div class="center">
<div class="qiita">
<h2>MPS概要</h2>
<p>こんにちは！</p>
</div>
</div>
</div>
<div class="caption">
<div class="left">
<h3>Pycamp</h3>
<ul class="bxslider">
<div class="description">
<li><img src="images/a.png" /><span>あいうえお</span></li>
</div>
<div class="description">
<li><img src="images/b.png" /><span>かきくけこ</span></li>
</div>
<div class="description">
<li><img src="images/c.png" /><span>さしすせそ</span></li>
</div>
<div class="description">
<li><img src="images/d.png" /><span>たちつてと</span></li>
</div>
<div class="description">
<li><img src="images/e.png" /><span>なにぬねの</span></li>
</div>
<div class="description">
<li><img src="images/f.png" /><span>はひふへほ</span></li>
</div>
</ul>
</div>
<div class="right">
<div class="qiita">
<h3>Deep Learning のための Multi Layer Perceptron </h3>
<h2>Qiita最新記事</h2>
<p>(数学的基礎から学ぶ Deep Learning with Python; MPS Yokohama Deep Learning Series)</p>
</div>
</div>
<div class="center">
<div class="qiita">
<h3>Deep Learning のための Multi Layer Perceptron </h3>
<h2>Qiita最新記事</h2>
<p>(数学的基礎から学ぶ Deep Learning with Python; MPS Yokohama Deep Learning Series)</p>
</div>
</div>
</div>
<div class="catchcopy">
Morning Project Samurai (MPS) は、メンバ一人一人が「主体的」に「世の中の役に立つソフトウェア開発プロジェクト」を提案し、<br/>
「リーダーとなる機会を持つことのできる環境」を作ります。
</div>
<h2>MPSリンク</h2>
<a href="https://mpsamurai.org/#/about"><p>ここをクリックしてください</p></a>
</div>
<!-- 折り畳まれ部分 -->
<div id="open" style="display:none;clear:both;">
<!--ここの部分が折りたたまれる＆展開される部分になります。
自由に記述してください。-->
<div class="float-sns-box"><!-- フローティングボタン -->
<form action="プログラムのパス" method="post">
<div class="message">
<p>メッセージ</p>
<div class="box16">
<p>あなた：初めまして、こんにちは！</p>
</div>
<div class="box24">
<p>なる：初めまして、こんにちは！</p>
</div>
<textarea rows="5" cols="30"></textarea>
</div>
<div class="submit">
<input type="submit" name="submit" value="送信" />
</div>
<form>
</div>
</div>
<!-- 折り畳み展開ポインタ -->
<div onclick="obj=document.getElementById('open').style; obj.display=(obj.display=='none')?'block':'none';">
<div class="float-sns-box-before"><!-- フローティングボタン -->
<a href="#" class="btn"><b>お問い合わせ</b></a>
</div>
</div>
<!--// 折り畳み展開ポインタ -->
</body>
</html>