-
Notifications
You must be signed in to change notification settings - Fork 0
/
landing03.html
746 lines (733 loc) · 44.3 KB
/
landing03.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
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
<meta name="keywords" content="求人,派遣,業務委託,転職,IT,web,ゲーム,エンタメ">
<meta name="description" content="トライブは、IT・Web・ゲーム・エンタメ業界への転職に強いビジネスエージェンシーです。">
<meta property="og:title" content="株式会社トライブ">
<meta property="og:description" content="トライブは、IT・Web・ゲーム・エンタメ業界への転職に強いビジネスエージェンシーです。">
<meta property="og:url" content="http://tribe.bz/">
<meta property="og:image" content="http://tribe.bz/images/tribe_og.jpg">
<meta property="og:country-name" content="Japan">
<meta property="og:region" content="東京都">
<meta property="og:locality" content="渋谷区">
<meta property="og:street-address" content="円山町5-5 NAVI渋谷V 5F">
<title>特別夜間登録会開催のお知らせ|株式会社トライブ</title>
<link rel="shorecut icon" type="image" href="https://tribe.bz/html/images/favicon.ico">
<!-- css -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href="css/animate.css" rel="stylesheet">
<link href="css/landing_night.css" rel="stylesheet">
<!-- boxed bg -->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
<div id="wrapper">
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="top-area">
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-8">
<h1 class="hidden hide">特別夜間登録会開催のお知らせ|株式会社トライブ</h1>
<p class="text-left"><a href="#"> <img src="https://tribe.bz/images/logo_white.png" width="90" alt="株式会社トライブ ロゴ"></a> <span class="hidden-xs marginleft-10"><small>特別夜間登録会開催のお知らせ|株式会社トライブ</small></span></p>
</div>
<div class="col-sm-4 col-md-4">
<p class="text-right"><i class="fa fa-phone-square"></i> 03-5428-5170</p>
</div>
</div>
</div>
</div>
<!-- /.container -->
</nav>
<!-- Section: intro -->
<section id="particles" class="mainvisual">
<section id="intro" class="intro">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="wow fadeInDown" data-wow-duration="3s">
<div class="section-heading text-center snip1285">
<h5>\現在ご在職中の方限定/</h5>
<h1 class="h-bold is-text-glow"><small class="is-text-glow">特別</small>夜間登録会</h1>
</div>
</div>
<p class="is-text-glow">例年1月から4月は、各企業の採用活動も求職者様の転職活動も活発化する時期です。<br>
お仕事に就きながらの転職活動は大変ですが、転職エージェントのサポートとバックアップを受ければ成功の可能性はさらに広がります!<br>
IT・Web・ゲームに特化した転職エージェンシーの株式会社トライブは、<br>
平素より平日19時から登録会を開催しておりますが、<br>
このたび期間限定で20時開始の夜間登録会を開催します!<br>
在職中の皆さん、この機会を活かして転職を考えてみませんか?</p>
</div>
</div>
</div>
<hr class="divider-short hidden-md hidden-lg hidden-sm marginbot-20">
<section class="text-center marginbot-10">
<div class="container">
<div class="row">
<div class="col-lg-4 col-lg-offset-2 col-sm-6">
<h3 class="is-text-white is-bold margintop-10"><i class="fa fa-calendar"></i> Date&Time</h3>
<h4 class="is-text-glow is-bold">2<small class="is-text-glow is-bold">月</small>9<small class="is-text-glow is-bold">日</small> <small class="is-text-glow is-bold">(水)</small> 20:00 - 21:00</h4>
</div>
<div class="margintop-30 hidden-md hidden-lg hidden-sm"></div>
<div class="col-lg-4 col-sm-6">
<h3 class="is-text-white is-bold margintop-10"><i class="fa fa-location-arrow"></i> Place</h3>
<p class="is-text-glow is-bold">東京都渋谷区円山町5-5 Navi渋谷V 3F<br>
<a class=" text-prim is-bold" href="https://goo.gl/maps/i7WkyrpFpsN2" target="_blank"><i class="fa fa-map-marker"></i> Google Mapsで見る</a></p>
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<div class="container marginbot-50">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="callaction is-border-light bg-dark-gradient">
<div class="row">
<div class="col-md-12">
<div class="cta-text is-text-white hidden-md hidden-lg hidden-sm">
<h3>期間限定・夜間登録会</h3>
<p class="hidden-sm hidden-xs">応募の際はお名前・性別・ご年齢・お電話番号を明記ください。登録無料!</p>
</div>
<div class="cta-btn "> <a href="https://tribe.bz/entry/staff_entry.php?type=1" class="btn btn-cta2 btn-shadow is-text-white">エントリーはこちら! <i class="fa fa-chevron-circle-right"></i></a> <br>
<small class="is-text-white">電話受付 <i class="fa fa-phone-square"></i> 03-5428-5170 (平日10時-19時)</small></div>
<div class="cta-text is-text-white hidden-xs">
<h3>期間限定・夜間登録会</h3>
<p class="hidden-sm hidden-xs">応募の際はお名前・性別・ご年齢・お電話番号を明記ください。登録無料!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<!-- Section: boxes -->
<section class=" paddingtop-50 paddingbot-50 bg-white">
<div class="container marginbot-50">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="section-heading text-center">
<h2 class="h-bold">夜間登録会 詳細</h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-6 col-lg-offset-3 col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-12">
<div class="table-responsive">
<table class="table">
<tbody>
<tr>
<th>日程</th>
<td>2月9日 水曜日</td>
</tr>
<tr>
<th>時間</th>
<td>20時開始 - 21時終了</td>
</tr>
<tr>
<th>会場</th>
<td>株式会社トライブ 3F</td>
</tr>
<tr>
<th>住所</th>
<td><small class="hidden-md hidden-lg hidden-sm">東京都渋谷区円山町5-5 Navi渋谷V3F</small><span class="hidden-xs">東京都渋谷区円山町5-5 Navi渋谷V3F</span><br>
<a class=" text-prim" href="https://goo.gl/maps/i7WkyrpFpsN2" target="_blank"><i class="fa fa-map-marker"></i> Google Mapsで見る</a></td>
</tr>
<tr>
<th>交通</th>
<td>各線<em>渋谷</em>駅<small class="hidden-md hidden-lg hidden-sm">マークシティ口徒歩2分</small><span class="hidden-xs">マークシティ口徒歩2分</span><br>
京王井の頭線<em>神泉</em>駅徒歩2分</td>
</tr>
<tr>
<th class="hidden-xs">対象となる方</th>
<th class="hidden-md hidden-lg hidden-sm">対象者</th>
<td class="hidden-xs">現在ご在職中の方で、以下の職種の実務経験のある方
<ul>
<li>プログラマー・エンジニア</li>
<li>Webデザイナー・Webディレクター</li>
<li>2D/3D CGデザイナー</li>
<li>ゲームプランナー・ゲームディレクター</li>
<li>事務</li>
<li>営業</li>
</ul>
※20歳~39歳<br>
<span class="is-jisage">【制限理由】</span><br>
<small>長期勤続によるキャリア形成を図る観点から、<br class=" hidden-lg">
若年者等を期間の定めのない労働契約の対象として募集・採用するため<br><br>
定員10名</small></td>
<td class="hidden-md hidden-lg hidden-sm"><small>現在ご在職中の方で、<br>
以下の職種の実務経験のある方
<ul>
<li>プログラマー・エンジニア</li>
<li>Webデザイナー</li>
<li>Webディレクター</li>
<li>2D/3D CGデザイナー</li>
<li>ゲームプランナー</li>
<li>ゲームディレクター</li>
<li>事務</li>
<li>営業</li>
</ul>
※20歳~39歳<br>
<span class="is-jisage">【制限理由】</span><br>
長期勤続によるキャリア形成を図る観点から、<br>
若年者等を期間の定めのない労働契約の対象として<br>
募集・採用するため<br><br>定員10名 </small></td>
</tr>
<tr>
<th class="hidden-xs">登録会の流れ</th>
<th class="hidden-md hidden-lg hidden-sm">手続き</th>
<td class="hidden-xs"><ol>
<li>弊社トライブのサービスの説明</li>
<li>ご経歴ヒアリングシート記入</li>
<li>簡単なキャリアカウンセリング</li>
<li>登録手続き</li>
<li>お仕事のご紹介</li>
</ol></td>
<td class="hidden-md hidden-lg hidden-sm"><ol>
<li><small>弊社トライブのサービスの説明</small></li>
<li><small>ご経歴ヒアリングシート記入</small></li>
<li><small>簡単なキャリアカウンセリング</small></li>
<li><small>登録手続き</small></li>
<li><small>お仕事のご紹介</small></li>
</ol></td>
</tr>
<tr>
<th>持ち物</th>
<td><ul>
<li>履歴書</li>
<li>職務経歴書</li>
<li>ポートフォリオ<br>
<small>※当日までにご準備が間に合わない場合は、<br>
後日メールでお送り頂いても構いません</small></li>
<li>印鑑</li>
<li>現住所が記載されている身分証<br>
<small>(免許証・パスポート・保険証・住民票など)</small></li>
</ul></td>
</tr>
<tr>
<th>特典</th>
<td> ご登録お手続きが完了された方には<br>
図書カード500円分をプレゼント! </td>
</tr>
<tr>
<th class="hidden-xs">申し込み方法</th>
<th class="hidden-md hidden-lg hidden-sm">申込み</th>
<td class="hidden-xs"><a href="https://tribe.bz/entry/staff_entry.php?type=1" class="text-prim">登録フォーム</a>・メール・またはお電話にてご予約を承ります!<br>
<span><i class="fa fa-envelope-o"></i></span> <a href="mailto:recruit@tribe.bz?subject=夜間登録会エントリー希望" class="text-prim">recruit@tribe.bz</a> (お名前・性別・ご年齢・お電話番号を明記ください)<br>
<span><i class="fa fa-phone"></i></span> 03-5428-5170 (平日10時-19時)<br>
担当: 新井<br></td>
<td class="hidden-md hidden-lg hidden-sm"><small>メール・またはお電話にてご予約を承ります!</small><br>
<span><i class="fa fa-envelope-o"></i></span> <a href="mailto:recruit@tribe.bz?subject=夜間登録会エントリー希望" class="text-prim">recruit@tribe.bz</a> (お名前・性別・ご年齢・お電話番号を明記ください)<br>
<span><i class="fa fa-phone"></i></span> 03-5428-5170 (平日10時-19時)<br>
担当: 新井 </td>
</tr>
<tr>
<th>備考</th>
<td class="hidden-xs"> 事前予約無しでも、ご参加OKです!<br>
ご来社やご登録を迷われている方も、<br>
是非お気軽にご連絡下さい!<br>
ご友人とお越し頂いても構いません♪ </td>
<td class="hidden-md hidden-lg hidden-sm"><small>事前予約無しでも、ご参加OKです!<br>
ご来社やご登録を迷われている方も、<br>
是非お気軽にご連絡下さい!<br>
ご友人とお越し頂いても構いません♪</small></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="container marginbot-50">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="callaction bg-light-gray">
<div class="row">
<div class="col-md-12">
<div class="cta-text hidden-md hidden-lg hidden-sm">
<h3>期間限定・夜間登録会</h3>
<p class="hidden-sm hidden-xs">応募の際はお名前・性別・ご年齢・お電話番号を明記ください。登録無料!</p>
</div>
<div class="cta-btn "> <a href="https://tribe.bz/entry/staff_entry.php?type=1" class="btn btn-cta btn-shadow is-text-white">エントリーはこちら! <i class="fa fa-chevron-circle-right"></i></a> <br>
<small class="">電話受付 <i class="fa fa-phone-square"></i> 03-5428-5170 (平日10時-19時)</small></div>
<div class="cta-text hidden-xs">
<h3>期間限定・夜間登録会</h3>
<p class="hidden-sm hidden-xs">応募の際はお名前・性別・ご年齢・お電話番号を明記ください。登録無料!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: boxes -->
<!-- Section: services -->
<section id="service" class=" paddingtop-50 bg-light-gray paddingbot-20">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 marginbot-20">
<div class="section-heading text-center">
<h2 class="h-bold">業界特化型だから、<br class="hidden-md hidden-lg hidden-sm">
トライブは転職に強い</h2>
<p class="hidden-xs">なによりも仕事のモチベーションになるのは「好きという気持ち」です。<br>
あなたの手で人気業界をクリエイティブに盛り上げませんか?<br>
ぜひトライブにお手伝いをさせて下さい! </p>
<p class="text-left hidden-md hidden-lg hidden-sm">なによりも仕事のモチベーションになるのは「好きという気持ち」です。<br>
あなたの手で人気業界をクリエイティブに盛り上げませんか?<br>
ぜひトライブにお手伝いをさせて下さい! </p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4 marginbot-20">
<div class="wow fadeInUp">
<figure> <img src="https://tribe.bz/images/img_landing01/photo/4.jpg" class="img-responsive" alt="登録者、企業双方にとっての幸せな転職となるよう頑張ります">
<figcaption>求職者の方にとって幸せな転職となるよう尽力します!</figcaption>
</figure>
</div>
</div>
<div class="col-md-8 col-sm-8">
<p>ご経歴、希望業界、将来の夢...あなたの希望に最適なお仕事探しのためにまずはお話をお聞かせ下さい!<br>
ご自身の長所を引き出すヒアリングで、面倒な職務経歴書作成や面接時の心構えをサポートします。</p>
<p>トライブには、500社・32,000窓口より常時1000件の求人情報があります。<br>
さらに人気企業や新規プロジェクトが多数あるため、その95%は非公開求人です。</p>
<p>多数の独自求人情報が集まるトライブだから、あなたと企業との最適なマッチングと、そのタイミングを見逃しません。
最短1日で就業決定したケースも多数あります!</p>
</div>
<div class=" clearfix"></div>
<div class="row">
<div class="col-sm-6 col-md-4 text-center">
<h4>求人案件数 <small>(常時)</small></h4>
<div class="wow fadeInUp" data-wow-delay="0.2s">
<div class="panel page"> <i><span>1,000<small>+</small> </span>Projects</i> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 text-center">
<h4>登録者数</h4>
<div class="wow fadeInUp" data-wow-delay="0.3s">
<div class="panel user"> <i><span>12,000 </span>Users</i> </div>
</div>
</div>
<div class="col-sm-6 col-md-4 text-center">
<h4>担当窓口総数</h4>
<div class="wow fadeInUp" data-wow-delay="0.4s">
<div class="panel project"> <i><span>32,000 </span>Clients</i> </div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: services -->
<!-- Section: testimonial -->
<section id="agent" class=" paddingtop-50 paddingbot-50 parallax" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="section-heading text-center">
<h2 class="h-bold text-light">エージェント</h2>
<p class="text-light hidden-xs">元気いっぱいトライブの転職エージェントが、あなたのご就業決定に尽力します!<br>
また、ご就業決定後もしっかりとサポートいたします。 </p>
</div>
</div>
</div>
</div>
<div class="carousel-reviews broun-block">
<div class="container">
<div class="row">
<div id="carousel-reviews" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<h5>将来の夢をサポートします</h5>
<p class="marginbot-0"><small> お仕事探しは何かと不安になることもあるかと思いますが、私たちエージェントがクライアント様とご登録者様の架け橋となり、より良い状況でお仕事出来るようにがんばります!<br>
また、ご希望の職種があっても未経験だとなかなか踏込みずらいと思いますが、夢に一歩でも近づけるようにお手伝いいたします。</small></p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins> </div>
<div class="person-text rel text-light"> <img src="https://tribe.bz/images/img_landing01/photo/asano.jpg" alt="将来の夢をサポートします" class="person img-circle">
<h6>浅野</h6>
<span>得意分野: 映画 / ファッション</span> </div>
</div>
<div class="col-md-4 col-sm-6 hidden-xs">
<div class="block-text rel zmin">
<h5>ご登録者様にとってのオンリーワンになる</h5>
<p class="marginbot-0"><small> 人の役に立つ仕事がしたかったため、エージェントになりました。<br>
ご登録者様のご就業が決まった瞬間の笑顔を見ると嬉しく思います。<br>
常に新鮮かつ幅広い業界のお仕事を意識して、ご興味を持って頂けるようなお仕事をご紹介できるよう日々取り組んでいます!</small></p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins> </div>
<div class="person-text rel text-light"> <img src="https://tribe.bz/images/img_landing01/photo/inoue.jpg" alt="人の役に立つ仕事がしたかったため、エージェントになりました。" class="person img-circle">
<h6>井上</h6>
<span>得意分野: スポーツ / 映画 / 書籍</span> </div>
</div>
<div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
<div class="block-text rel zmin">
<h5>王手飛車取り</h5>
<p class="marginbot-0"><small> 現在メインで担当しているクライアントは、業界でも躍進中のソーシャルゲーム開発の会社様です。<br>
ゲーム業界で企業と自身の成長を感じながら、ゲームの力で世界をワクワクさせたいという情熱をお持ちの方、ぜひ一度当社にお越し頂きお話を聞かせて頂ければと思います。<br>
</small></p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins> </div>
<div class="person-text rel text-light"> <img src="https://tribe.bz/images/img_landing01/photo/nakamura.jpg" alt="王手飛車取り" class="person img-circle">
<h6>中村</h6>
<span>得意分野: ソーシャルゲーム</span> </div>
</div>
</div>
<div class="item">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<h5>明るく元気にサポートします</h5>
<p class="marginbot-0"><small> 先手必勝!ご登録者様のご希望に沿ったお仕事をより迅速に決定出来るように動きます。<br>
また、ご登録者様がご就業開始された後もサポートに注力し、より働きやすい環境になるように常にコミュニケーションを取らせて頂いております。<br>
困ったことがあればなんでも言って下さい!<span class="hidden-sm hidden-xs hidden-md"><br>
</span> </small></p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins> </div>
<div class="person-text rel text-light"> <img src="https://tribe.bz/images/img_landing01/photo/terasaki.jpg" alt="明るく元気にサポートします" class="person img-circle">
<h6>寺崎</h6>
<span>得意分野: シナリオライター / ゲーム進行管理</span> </div>
</div>
<div class="col-md-4 col-sm-6 hidden-xs">
<div class="block-text rel zmin">
<h5>ざっくばらんに話すことから始めましょう</h5>
<p class="marginbot-0"><small> とにかく人と話したり、接することが昔から好きでした。<br>
ご登録者様と同じ目線で、より近い距離感を感じていただける親しみやすいエージェントを目指しています。<br>
どんなことでもお気軽に、ざっくばらんに話すことから始めましょう。<span class="hidden-sm hidden-xs hidden-lg hidden-xl"><br>
</span></small></p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins> </div>
<div class="person-text rel text-light"> <img src="https://tribe.bz/images/img_landing01/photo/kaneko.jpg" alt="ざっくばらんに話すことから始めましょう" class="person img-circle">
<h6>金子</h6>
<span>得意分野: テレビ / WEBクリエイティブ</span> </div>
</div>
<div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
<div class="block-text rel zmin">
<h5>世の中をオシャレにクリエイティブに!</h5>
<p class="marginbot-0"><small> クリエイター・エンジニアの皆様が今よりもさらにご活躍いただけるフィールドをご用意出来るよう日々奮闘しております。<br>
世の中をよりクリエイティブに、オシャレに、便利に変えたい方、是非ご紹介したいお仕事があります。<br>
まずはお気軽にご相談ください!</small></p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins> </div>
<div class="person-text rel text-light"> <img src="https://tribe.bz/images/img_landing01/photo/kobayashi.jpg" alt="世の中をオシャレにクリエイティブに!" class="person img-circle">
<h6>小林</h6>
<span>得意分野: ファッション / テレビ</span> </div>
</div>
</div>
<div class="item">
<div class="col-md-4 col-sm-6">
<div class="block-text rel zmin">
<h5>得意分野を活かせるお仕事を</h5>
<p class="marginbot-0"><small> まずはお好きなジャンルなど含めご希望している業界やお仕事に関してお話ししましょう。<br>
自己表現のしやすい、ご自身の得意分野を活かせる企業様をご紹介いたします。<br>
ご登録者様のクリエイティブな特性を最大にひき出してクライアント様にご紹介させていただきます。 <span class="hidden-xs"><br>
</span> </small></p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins> </div>
<div class="person-text rel text-light"> <img src="https://tribe.bz/images/img_landing01/photo/tai.jpg" alt="得意分野を活かせるお仕事を見つけよう!" class="person img-circle">
<h6>泰</h6>
<span>得意分野: 広告 / 出版 / 電子書籍 / ゲーム</span> </div>
</div>
<div class="col-md-4 col-sm-6 hidden-xs">
<div class="block-text rel zmin">
<h5>人と人とを繋ぎ、新しきを生み出す</h5>
<p class="marginbot-0"><small> エンジニア・クリエイターの方々が就業先で最新のサービスやプロジェクトに携わり、そのサービスがヒットした時や、経験が浅いながらも意欲を持った方がクライアントに熱意を伝えた結果、就業が決定した時などはまさに自身のことの様に喜びを感じます。エンジニア・クリエイターさんの課題を解決する提案が出来るよう頑張ります。<span class="hidden-lg hidden-sm"><br>
</span></small></p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins> </div>
<div class="person-text rel text-light"> <img src="https://tribe.bz/images/img_landing01/photo/tomioka.jpg" alt="人と人とを繋ぎ、新しきを生み出す" class="person img-circle">
<h6>冨岡</h6>
<span>得意分野: アプリ開発 / WEBサービス開発</span> </div>
</div>
<div class="col-md-4 col-sm-6 hidden-sm hidden-xs">
<div class="block-text rel zmin">
<h5>あなたのスキルを世界に発信しませんか</h5>
<p class="marginbot-0"><small> グローバル展開に注力する企業様が増えています。<br>
世界展開するコンテンツに携わっていきたい方、興味がある方、ぜひお話を聞かせてください。<br>
また業界トップシェアを誇る有名企業への挑戦、話題のゲームや広告の業界でへの就業を希望される方もご紹介とサポートをさせて頂きます。<span class="hidden-md"><br>
</span></small></p>
<ins class="ab zmin sprite sprite-i-triangle block"></ins> </div>
<div class="person-text rel text-light"> <img src="https://tribe.bz/images/img_landing01/photo/shimizu.jpg" alt="あなたのスキルを世界に発信しませんか" class="person img-circle">
<h6>清水</h6>
<span>得意分野: ゲーム / 広告 / 映像</span> </div>
</div>
</div>
</div>
<a class="left carousel-control" href="#carousel-reviews" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-reviews" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div>
</div>
</div>
</div>
</section>
<!-- /Section: testimonial -->
<!-- Section: team -->
<!-- /Section: team -->
<!-- Section: works -->
<section id="comments" class=" paddingtop-50 paddingbot-40 bg-gray">
<div class="col-lg-8 col-lg-offset-2 marginbot-40">
<div class="section-heading text-center">
<h2 class="h-bold">就業者の声</h2>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="wow fadeInUp" data-wow-delay="0.3s">
<div class="box text-center">
<figure class="snip1204">
<blockquote> これまでフリーランスで仕事を行っていたため、営業活動が本当に難しくて…自身で仕事を探したり営業をかけることもなく、自分に変わって企業へアピールや仕事を探してくれるところも含め助かる点が多々あります。</blockquote>
<div class="author"> <img src="https://tribe.bz/images/img_landing01/photo/26.jpg" alt="トライブ登録者の声1">
<h5>M.Yさん</h5>
<span>37歳 男性 シナリオライター</span> </div>
</figure>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="wow fadeInUp" data-wow-delay="0.2s">
<div class="box text-center">
<figure class="snip1204">
<blockquote>登録後はスピーディに就業決定まで進めてもらいました。<br>
就業後は仕事が上手くいかず、辞めたいと考えたこともありましたが、担当エージェントさんに相談に乗っていただき今は仕事を続けていて良かったと思っています。</blockquote>
<div class="author"> <img src="https://tribe.bz/images/img_landing01/photo/hands-desk-office-working.jpg" alt="トライブ登録者の声2">
<h5>I.Yさん</h5>
<span>27歳 男性 ゲームデバッガー</span> </div>
</figure>
</div>
</div>
</div>
<div class="clearfix hidden-sm hidden-md hidden-lg"></div>
<div class="col-xs-12 col-sm-6 col-md-3 hidden-md col-lg-3">
<div class="wow fadeInUp" data-wow-delay="0.4s">
<div class="box text-center">
<figure class="snip1204">
<blockquote>以前の紹介会社に比べ、トライブのエージェントはこれまでの自分の職務経歴や、今後の仕事への希望をしっかり聞いてサポートしてくれたので、安心してお仕事を探してもらえました。<span><br>
</span></blockquote>
<div class="author"> <img src="https://tribe.bz/images/img_landing01/photo/18.jpg" alt="トライブ登録者の声3">
<h5>O.Tさん</h5>
<span>37歳 男性 ゲームプランナー</span> </div>
</figure>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
<div class="wow fadeInUp" data-wow-delay="0.5s">
<div class="box text-center">
<figure class="snip1204">
<blockquote>案件を多数ご紹介頂き、新しいお仕事が決まるまで間も空かなかったです。<br>
キャリアシート更新などの職務経歴の更新もラク!<br>
業務内容や待遇をより具体的に教えていただけるのが助かります。</blockquote>
<div class="author"> <img src="https://tribe.bz/images/img_landing01/photo/19.jpg" alt="トライブ登録者の声4">
<h5>I.Fさん</h5>
<span>40歳 女性 フロントエンドエンジニア</span> </div>
</figure>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Section: works -->
<section id="partner" class=" paddingtop-50 paddingbot-50 bg-white">
<div class="container marginbot-50">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="section-heading text-center">
<h2 class="h-bold">取引実績企業例</h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row wow fadeInUp" data-wow-delay="0.1s">
<div class="col-sm-6 col-xs-6 col-md-3">
<div class="partner"> <img src="https://tribe.bz/images/img_landing01/partner/ca.jpg" alt="サイバーエージェント" class="img-responsive"> </div>
</div>
<div class="col-sm-6 col-xs-6 col-md-3">
<div class="partner"> <img src="https://tribe.bz/images/img_landing01/partner/gree.jpg" alt="GREE" class="img-responsive"> </div>
</div>
<div class="col-sm-6 col-xs-6 col-md-3">
<div class="partner"> <img src="https://tribe.bz/images/img_landing01/partner/akatsuki.jpg" alt="アカツキ" class="img-responsive"> </div>
</div>
<div class="col-sm-6 col-xs-6 col-md-3">
<div class="partner"> <img src="https://tribe.bz/images/img_landing01/partner/nhn.jpg" alt="NHN" class="img-responsive"> </div>
</div>
</div>
<div class="row wow fadeInUp" data-wow-delay="0.2s">
<div class="col-sm-6 col-xs-6 col-md-3">
<div class="partner"> <img src="https://tribe.bz/images/img_landing01/partner/nexon.jpg" alt="ネクソン" class="img-responsive"> </div>
</div>
<div class="col-sm-6 col-xs-6 col-md-3">
<div class="partner"> <img src="https://tribe.bz/images/img_landing01/partner/alim.jpg" alt="エイリム" class="img-responsive"> </div>
</div>
<div class="col-sm-6 col-xs-6 col-md-3">
<div class="partner"> <img src="https://tribe.bz/images/img_landing01/partner/zenrin.jpg" alt="ゼンリンデータコム" class="img-responsive"> </div>
</div>
<div class="col-sm-6 col-xs-6 col-md-3">
<div class="partner"> <img src="https://tribe.bz/images/img_landing01/partner/gf.jpg" alt="ゲームフリーク" class="img-responsive"> </div>
</div>
</div>
<div class="row wow fadeInUp" data-wow-delay="0.3s">
<div class="col-sm-6 col-xs-6 col-md-3">
<div class="partner"> <img src="https://tribe.bz/images/img_landing01/partner/acquire.jpg" alt="アクワイア" class="img-responsive"> </div>
</div>
<div class="col-sm-6 col-xs-6 col-md-3">
<div class="partner"> <img src="https://tribe.bz/images/img_landing01/partner/genee.jpg" alt="ジーニー" class="img-responsive"> </div>
</div>
<div class="col-sm-6 col-xs-6 col-md-3">
<div class="partner"> <img src="https://tribe.bz/images/img_landing01/partner/drecom.jpg" alt="ドリコム" class="img-responsive"> </div>
</div>
<div class="col-sm-6 col-xs-6 col-md-3">
<div class="partner"> <img src="https://tribe.bz/images/img_landing01/partner/adways.jpg" alt="アドウェイズ" class="img-responsive"> </div>
</div>
</div>
</div>
<section id="callaction4" class=" paddingtop-10">
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="callaction is-border-light bg-dark-gradient">
<div class="row">
<div class="col-md-12">
<div class="cta-text is-text-white hidden-md hidden-lg hidden-sm">
<h3>期間限定・夜間登録会</h3>
<p class="hidden-sm hidden-xs">応募の際はお名前・性別・ご年齢・お電話番号を明記ください。登録無料!</p>
</div>
<div class="cta-btn "> <a href="https://tribe.bz/entry/staff_entry.php?type=1" class="btn btn-cta2 btn-shadow is-text-white">エントリーはこちら! <i class="fa fa-chevron-circle-right"></i></a> <br>
<small class=" is-text-white">電話受付 <i class="fa fa-phone-square"></i> 03-5428-5170 (平日10時-19時)</small></div>
<div class="cta-text is-text-white hidden-xs">
<h3>期間限定・夜間登録会</h3>
<p class="hidden-sm hidden-xs">応募の際はお名前・性別・ご年齢・お電話番号を明記ください。登録無料!</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<footer>
<div class="container text-center">
<div class="row">
<div class="col-sm-12 col-md-12">
<div class="wow fadeInDown" data-wow-delay="0.1s">
<h5 class="paddingbot-10"><a href="http://tribe.bz/" target="_blank"> <img src="images/img_landing01/logo-white-bg.jpg" alt="株式会社トライブ ロゴ"></a></h5>
</div>
</div>
</div>
</div>
<div class="container text-center">
<div class="row">
<div class="col-sm-6 col-md-4">
<div class="wow fadeInUp" data-wow-delay="0.1s">
<div class="widget">
<ul>
<li>〒150-0044 東京都渋谷区円山町5-5
Navi渋谷V 3・4・5F </li>
<li><a href="https://goo.gl/maps/z4pkddNLgLx" target="_blank"><i class="fa fa-map-marker"></i> Google Mapsで見る</a> </li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="wow fadeInUp" data-wow-delay="0.2s">
<div class="widget">
<ul>
<li><i class="fa fa-calendar"></i> 営業時間: 平日10:00 - 18:00 </li>
<li><i class="fa fa-phone"></i> 03-5428-5170 </li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="wow fadeInUp" data-wow-delay="0.3s">
<div class="widget">
<ul>
<li><i class="fa fa-desktop"></i> <a href="http://tribe.bz/" target="_blank">http://tribe.bz</a></li>
<li><i class="fa fa-lock"></i> <a href="https://tribe.bz/privacy.php?type=1" target="_blank">個人情報保護の方針</a></li>
<li><i class="fa fa-envelope-o"></i> <a href="https://tribe.bz/inquiry/index.php?type=1" target="_blank">お問い合わせ</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<a href="#" class="scrollup"><i class="fa fa-angle-up active"></i></a>
<!-- Core JavaScript Files -->
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/jquery.scrollTo.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.appear/0.3.3/jquery.appear.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.stellar/0.6.2/jquery.stellar.min.js"></script>
<script src="js/jquery.particleground.js"></script>
<script src="js/custom.js"></script>
<script>
/* スマホだと反応が遅れる :hover を心地良くする */
var linkTouchStart = function(){
thisAnchor = $(this);
touchPos = thisAnchor.offset().top;
//タッチした瞬間のa要素の、上からの位置を取得。
moveCheck = function(){
nowPos = thisAnchor.offset().top;
if(touchPos == nowPos){
thisAnchor.addClass("hover");
//タッチした瞬間と0.1秒後のa要素の位置が変わっていなければ hover クラスを追加。
//リストなどでa要素が並んでいるときに、スクロールのためにタッチした部分にまでhover効果がついてしまうのを防止している。
}
}
setTimeout(moveCheck,100);
//0.1秒後にmoveCheck()を実行。
}
var linkTouchEnd = function(){
thisAnchor = $(this);
hoverRemove = function(){
thisAnchor.removeClass("hover");
}
setTimeout(hoverRemove,500);
//0.5秒後にhoverRemove()を実行。
//指を離した瞬間にhover効果を切るよりも、要素が変化した手応えを表現できる。
}
/* タッチイベントで上記の関数を呼び出す */
$(document).on('touchstart mousedown','a',linkTouchStart);
//a要素をタッチ、もしくはマウスクリックしたらlinkTouchStart()を実行。
$(document).on('touchend mouseup','a',linkTouchEnd);
//a要素から指を離す、もしくはクリックを終えたらlinkTouchEnd()を実行。
</script>
<script>
$(function() {
$('#ChangeToggle').click(function() {
$('#navbar-hamburger').toggleClass('hidden');
$('#navbar-close').toggleClass('hidden');
});
});
</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-22065568-1', 'auto');
ga('send', 'pageview');
</script>
<script>
$(document).ready(function() {
$('#particles').particleground({
dotColor: '#7d7d7d',
lineColor: '#1b333f'
});
$('#intro').css({
'margin-top': -($('#intro').height() /0.95 )
});
$(window).resize(function(){
var wH = $(window).height();
var wW = $(window).width();
$('.mainvisual').css('height',wH+'px');
$('.pg-canvas').css('height',wH+'px');
$('.pg-canvas').css('width',wW+'px');
});
});
</script>
</body>
</html>