-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
500 lines (432 loc) · 22.5 KB
/
index.html
File metadata and controls
500 lines (432 loc) · 22.5 KB
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
<!DOCTYPE html>
<html lang="ja">
<head>
<!-- Title -->
<title>GLソリューションズ株式会社</title>
<!-- Required Meta Tags Always Come First -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- Google Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800">
<!-- CSS Global Compulsory -->
<link rel="stylesheet" href="assets/vendor/bootstrap/bootstrap.min.css">
<!-- CSS Global Icons -->
<link rel="stylesheet" href="assets/vendor/icon-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/vendor/icon-line/css/simple-line-icons.css">
<link rel="stylesheet" href="assets/vendor/icon-etlinefont/style.css">
<link rel="stylesheet" href="assets/vendor/icon-line-pro/style.css">
<link rel="stylesheet" href="assets/vendor/icon-hs/style.css">
<link rel="stylesheet" href="assets/vendor/dzsparallaxer/dzsparallaxer.css">
<link rel="stylesheet" href="assets/vendor/dzsparallaxer/dzsscroller/scroller.css">
<link rel="stylesheet" href="assets/vendor/dzsparallaxer/advancedscroller/plugin.css">
<link rel="stylesheet" href="assets/vendor/animate.css">
<link rel="stylesheet" href="assets/vendor/fancybox/jquery.fancybox.min.css">
<link rel="stylesheet" href="assets/vendor/slick-carousel/slick/slick.css">
<link rel="stylesheet" href="assets/vendor/typedjs/typed.css">
<link rel="stylesheet" href="assets/vendor/hs-megamenu/src/hs.megamenu.css">
<link rel="stylesheet" href="assets/vendor/hamburgers/hamburgers.min.css">
<!-- CSS Unify -->
<link rel="stylesheet" href="assets/css/unify-core.css">
<link rel="stylesheet" href="assets/css/unify-components.css">
<link rel="stylesheet" href="assets/css/unify-globals.css">
<!-- CSS Customization -->
<link rel="stylesheet" href="assets/css/custom.css">
</head>
<body>
<main>
<!-- Header -->
<header id="js-header" class="u-header u-header--static">
<div class="u-header__section u-header__section--light g-bg-white g-transition-0_3 g-py-10">
<nav class="js-mega-menu navbar navbar-expand-lg hs-menu-initialized hs-menu-horizontal">
<div class="container">
<!-- Responsive Toggle Button -->
<button class="navbar-toggler navbar-toggler-right btn g-line-height-1 g-brd-none g-pa-0 g-pos-abs g-top-minus-3 g-right-0" type="button" aria-label="Toggle navigation" aria-expanded="false" aria-controls="navBar" data-toggle="collapse" data-target="#navBar">
<span class="hamburger hamburger--slider">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</span>
</button>
<!-- End Responsive Toggle Button -->
<!-- Logo -->
<a href="index.html" class="navbar-brand d-flex">
<img src="assets/img/logo.jpg" alt="">
</a>
<!-- End Logo -->
<!-- Navigation -->
<div class="collapse navbar-collapse align-items-center flex-sm-row g-pt-10 g-pt-5--lg g-mr-40--lg" id="navBar">
<ul class="navbar-nav text-uppercase g-pos-rel g-font-weight-600 ml-auto">
<!-- ホーム -->
<li class="nav-item g-mx-10--lg g-mx-15--xl">
<a href="index.html" class="nav-link g-py-7 g-px-0">ホーム</a>
</li>
<!-- End ホーム -->
<!-- 会社概要 -->
<li class="nav-item g-mx-10--lg g-mx-15--xl">
<a href="overview.html" class="nav-link g-py-7 g-px-0">会社概要</a>
</li>
<!-- End 会社概要 -->
<!-- 採用 -->
<li class="nav-item g-mx-10--lg g-mx-15--xl">
<a href="recruitment.html" class="nav-link g-py-7 g-px-0">採用</a>
</li>
<!-- End 採用 -->
<!-- お問い合わせ -->
<li class="nav-item g-mx-10--lg g-mx-15--xl">
<a href="contact.html" class="nav-link g-py-7 g-px-0">お問い合わせ</a>
</li>
<!-- End お問い合わせ -->
</ul>
</div>
<!-- End Navigation -->
</div>
</nav>
</div>
</header>
<!-- End Header -->
<!-- Promo Block -->
<section class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll loaded dzsprx-readyall" data-options='{direction: "reverse", settings_mode_oneelement_max_offset: "150"}'>
<div class="divimage dzsparallaxer--target w-100 g-bg-pos-bottom-center" style="height: 100%; background-image: url(assets/img/promo.jpg);"></div>
<div class="container g-py-200">
<div class="row">
<div class="col-md-6">
</div>
</div>
</div>
</section>
<!-- End Promo Block -->
<!-- Greeting -->
<section class="1g-bg-secondary g-py-80">
<div class="container">
<div class="row">
<div class="col-lg-8 align-self-center g-mb-0 g-mb-0--lg">
<header class="u-heading-v2-3--bottom g-brd-primary g-mb-30">
<h2 class="h4 u-heading-v2__title g-color-gray-dark-v2 g-font-weight-600 text-uppercase">ごあいさつ</h2>
</header>
<p class="g-font-size-16 g-mb-30">2008年に創業し、GLソリューションズ株式会社として2010年設立。ちょうどリーマンショックの時でした。周りからも『こんな時に大丈夫か』と…。しかし私は逆にチャンスだと思いました。その時にご縁を頂いた社員さんたちが今当社では活躍してくれております。設立7年目となり順調に業績を伸ばして参りました。そして更なる発展のため設立当初からの目標であり自社開発センター内での受託開発を実現します。ITエンジニアとしてやりたいこと、そして人生の夢を当社で叶えてみませんか！！</p>
</div>
<div class="col-lg-4 align-self-center g-mb-0 g-mb-0--lg">
<img src="assets/img/greeting.jpg" alt="">
</div>
</div>
</div>
</section>
<!-- End Greeting -->
<!-- Icon Blocks -->
<section class="g-py-30">
<div class="container">
<div class="row">
<div class="col-lg-6 align-self-center g-mb-50 g-mb-0--lg">
<header class="u-heading-v2-3--bottom g-brd-primary g-mb-30">
<h2 class="h4 u-heading-v2__title g-color-gray-dark-v2 g-font-weight-600 text-uppercase">経営理念</h2>
</header>
</div>
</div>
<div class="row">
<div class="col-lg-4 g-px-40 g-mb-50 g-mb-0--lg">
<!-- Icon Blocks -->
<div class="text-center">
<span class="d-inline-block u-icon-v3 u-icon-size--xl g-bg-primary g-color-white rounded-circle g-mb-30">
<i class="icon-finance-086 u-line-icon-pro"></i>
</span>
<h3 class="h5 g-color-gray-dark-v2 g-font-weight-600 text-uppercase mb-3">感性 - Sensibility</h3>
<p class="mb-0">感性を高めるとは、新技術やお客様に対し興味を持ち、研究、追求し、チャレンジすることです。</p>
</div>
<!-- End Icon Blocks -->
</div>
<div class="col-lg-4 g-brd-left--lg g-brd-gray-light-v4 g-px-40 g-mb-50 g-mb-0--lg">
<!-- Icon Blocks -->
<div class="text-center">
<span class="d-inline-block u-icon-v3 u-icon-size--xl g-bg-primary g-color-white rounded-circle g-mb-30">
<i class="icon-medical-008 u-line-icon-pro"></i>
</span>
<h3 class="h5 g-color-gray-dark-v2 g-font-weight-600 text-uppercase mb-3">感動 - Impression</h3>
<p class="mb-0">感動は物事に真剣に取り組んだ物に与えられる最高の報酬です。</p>
</div>
<!-- End Icon Blocks -->
</div>
<div class="col-lg-4 g-brd-left--lg g-brd-gray-light-v4 g-px-40">
<!-- Icon Blocks -->
<div class="text-center">
<span class="d-inline-block u-icon-v3 u-icon-size--xl g-bg-primary g-color-white rounded-circle g-mb-30">
<i class="icon-finance-196 u-line-icon-pro"></i>
</span>
<h3 class="h5 g-color-gray-dark-v2 g-font-weight-600 text-uppercase mb-3">感謝 - Thanks</h3>
<p class="mb-0">感謝は実力を倍化させます。</p>
</div>
<!-- End Icon Blocks -->
</div>
</div>
<div class="row">
</div>
<div class="row justify-content-between g-py-50">
<div class="col-lg-12">
<p>弊社では『感性』『感動』『感謝』この３つが真摯に仕事に取組む姿勢の第一歩と考えます。</p>
<p>弊社の目的は、社員が仕事に『感謝』『感動』できることに幸せを感じ、その幸せを通じてお客様・地域社会に貢献することです。</p>
</div>
</div>
</div>
</section>
<!-- End Icon Blocks -->
<!-- <hr class="g-brd-gray-light-v4 my-0"> -->
<section class="g-pos-rel g-overflow-hidden">
<div class="container g-pt-30 g-pb-30">
<div class="row justify-content-between">
<div class="col-lg-5 g-mb-50">
<!-- Heading -->
<div class="text-center text-lg-left g-mb-60">
<div class="g-mb-30">
<header class="u-heading-v2-3--bottom g-brd-primary g-mb-20">
<h2 class="h4 u-heading-v2__title g-color-gray-dark-v2 g-font-weight-600 text-uppercase">ITエンジニアという仕事</h2>
</header>
<p>ITエンジニアをひと言で表すと・・・お客様の夢を実現する仕事です。</p>
<p>経営者は皆夢を持っています。そんな経営者と語り合い夢の実現に向けて少しでもお手伝いできる。そしてそれも間近で見ることができる。それがITエンジニアの仕事です。</p>
</div>
</div>
<img src="assets/img/engineer.jpg" alt="">
<!-- End Heading -->
</div>
<div class="col-lg-6 g-py-50">
<!-- Icon Blocks -->
<div class="row">
<div class="col-sm-12 text-center text-lg-left g-mb-30">
<!-- Icon Blocks -->
<span class="d-inline-block g-color-primary g-font-size-30 g-rounded-5 mb-2">
<i class=" icon-education-030 u-line-icon-pro"></i>
</span>
<h3 class="h5 g-color-black g-font-weight-600 mb-2">プログラマー（PG）</h3>
<p class="mb-0">システムエンジニア（SE）がまとめた仕様（設計書）に基づきコーディング（プログラムを書くこと）していきます。プログラマーと言えども仕事としてやっている以上プロ。しかし実際に操作をするお客様には色々な方がいます。使う方の身になってより使いやすい…的センスが求められます。</p>
<!-- End Icon Blocks -->
</div>
<div class="col-sm-12 text-center text-lg-left g-mb-30">
<!-- Icon Blocks -->
<span class="d-inline-block g-color-primary g-font-size-30 g-rounded-5 mb-2">
<i class="icon-communication-126 u-line-icon-pro"></i>
</span>
<h3 class="h5 g-color-black g-font-weight-600 mb-2">システムエンジニア（SE）</h3>
<p class="mb-0">お客様の要望は多種多様です。お客様のやりたいこととコンピュータの出来ることは必ずしも一致するとは限りません。出来ることやらない方が良いことなど業務の流れデータの流れを整理し設計書にまとめる仕事。…的センスが求められます。</p>
<!-- End Icon Blocks -->
</div>
<div class="col-sm-12 text-center text-lg-left g-mb-30">
<!-- Icon Blocks -->
<span class="d-inline-block g-color-primary g-font-size-30 g-rounded-5 mb-2">
<i class="icon-education-005 u-line-icon-pro"></i>
</span>
<h3 class="h5 g-color-black g-font-weight-600 mb-2">システムアナリスト（システムコンサルタント）</h3>
<p class="mb-0">システム開発でのいわゆる「最上流工程」の担当者を指します。経営戦略や課題を詳細にヒヤリング・分析し、時にはお客様自身も気づいていない潜在的な課題を洗い出します。その上でシステムを使った情報戦略をお客様に企画提案。そこでは分かりやすく、説得力のあるプレゼンテーションが求められています。スペシャリストとしてのエンジニアのセンス、問題点をあぶりだし解決策を模索するコンサルタントのセンス、お客様とコミュニケーションして説得する営業のセンスが求められます。</p>
<!-- End Icon Blocks -->
</div>
</div>
<!-- End Icon Blocks -->
</div>
</div>
</div>
</section>
<!-- End Icon Blocks -->
<!-- Recruitment -->
<section class="g-mb-50">
<div class="container">
<header class="g-mb-30">
<div class="u-heading-v2-3--bottom g-brd-primary g-mb-20">
<h2 class="h4 u-heading-v2__title g-color-gray-dark-v2 g-font-weight-600 text-uppercase">採用</h2>
</div>
<p class="g-font-size-16">弊社は通年採用を行っています。いつでもご応募ください。</p>
</header>
<div class="row">
<div class="col-lg-4 col-md-6 g-mb-30 g-mb-0--lg">
<a href="recruitment.html" class="navbar-brand d-flex">
<img src="assets/img/recruitment.jpg" alt="">
</a>
</div>
</div>
</div>
</section>
<!-- End Recruitment -->
<!-- Footer -->
<div id="contacts-section" class="g-bg-black-opacity-0_9 g-color-white-opacity-0_8 g-py-60">
<div class="container">
<div class="row">
<!-- Footer Content -->
<div class="col-lg-3 col-md-6 g-mb-40 g-mb-0--lg">
<div class="u-heading-v2-3--bottom g-brd-white-opacity-0_8 g-mb-20">
<h2 class="u-heading-v2__title h6 text-uppercase mb-0">About Us</h2>
</div>
<p>GLソリューションズ株式会社<br>代表取締役 荒川 誠二</p>
</div>
<!-- End Footer Content -->
<!-- Footer Content -->
<div class="col-lg-3 col-md-6 g-mb-40 g-mb-0--lg">
<div class="u-heading-v2-3--bottom g-brd-white-opacity-0_8 g-mb-20">
<h2 class="u-heading-v2__title h6 text-uppercase mb-0">Latest Posts</h2>
</div>
</div>
<!-- End Footer Content -->
<!-- Footer Content -->
<div class="col-lg-3 col-md-6 g-mb-40 g-mb-0--lg">
<div class="u-heading-v2-3--bottom g-brd-white-opacity-0_8 g-mb-20">
<h2 class="u-heading-v2__title h6 text-uppercase mb-0">Links</h2>
</div>
<nav class="text-uppercase1">
<ul class="list-unstyled g-mt-minus-10 mb-0">
<li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10">
<h4 class="h6 g-pr-20 mb-0">
<a class="g-color-white-opacity-0_8 g-color-white--hover" href="overview.html">会社概要</a>
<i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
</h4>
</li>
<li class="g-pos-rel g-brd-bottom g-brd-white-opacity-0_1 g-py-10">
<h4 class="h6 g-pr-20 mb-0">
<a class="g-color-white-opacity-0_8 g-color-white--hover" href="recruitment.html">採用</a>
<i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
</h4>
</li>
<li class="g-pos-rel g-py-10">
<h4 class="h6 g-pr-20 mb-0">
<a class="g-color-white-opacity-0_8 g-color-white--hover" href="contact.html">お問い合わせ</a>
<i class="fa fa-angle-right g-absolute-centered--y g-right-0"></i>
</h4>
</li>
</ul>
</nav>
</div>
<!-- End Footer Content -->
<!-- Footer Content -->
<div class="col-lg-3 col-md-6">
<div class="u-heading-v2-3--bottom g-brd-white-opacity-0_8 g-mb-20">
<h2 class="u-heading-v2__title h6 text-uppercase mb-0">Contacts</h2>
</div>
<address class="g-bg-no-repeat g-font-size-12 mb-0" style="background-image: url(assets/img/map2.png);">
<!-- Location -->
<div class="d-flex g-mb-20">
<div class="g-mr-10">
<span class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-color-white-opacity-0_6">
<i class="fa fa-map-marker"></i>
</span>
</div>
<p class="mb-0">〒486-0844 <br> 愛知県春日井市鳥居松町６－５ 丸十ビル５階</p>
</div>
<!-- End Location -->
<!-- Phone -->
<div class="d-flex g-mb-20">
<div class="g-mr-10">
<span class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-color-white-opacity-0_6">
<i class="fa fa-phone"></i>
</span>
</div>
<p class="mb-0">TEL：0568-89-1248 <br> FAX：0568-89-1248</p>
</div>
<!-- End Phone -->
<!-- Email and Website -->
<div class="d-flex g-mb-20">
<div class="g-mr-10">
<span class="u-icon-v3 u-icon-size--xs g-bg-white-opacity-0_1 g-color-white-opacity-0_6">
<i class="fa fa-globe"></i>
</span>
</div>
<p class="mb-0">
<a class="g-color-white-opacity-0_8 g-color-white--hover" href="mailto:arakawa@gl-s.co.jp">arakawa@gl-s.co.jp</a>
<br>
<a class="g-color-white-opacity-0_8 g-color-white--hover" href="http://www.gl-s.co.jp/index.html">http://www.gl-s.co.jp/index.html</a>
</p>
</div>
<!-- End Email and Website -->
</address>
</div>
<!-- End Footer Content -->
</div>
</div>
</div>
<!-- End Footer -->
<!-- Copyright Footer -->
<footer class="g-bg-gray-dark-v1 g-color-white-opacity-0_8 g-py-20">
<div class="container">
<div class="row">
<div class="col-md-8 text-center text-md-left g-mb-10 g-mb-0--md">
<div class="d-lg-flex">
<small class="d-block g-font-size-default g-mr-10 g-mb-10 g-mb-0--md">2019 © GL-Solutions co.,ltd. All Rights Reserved.</small>
<ul class="u-list-inline">
<li class="list-inline-item">
<a class="g-color-white-opacity-0_8 g-color-white--hover" href="privacypolicy.html">プライバシー・ポリシー</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- End Copyright Footer -->
<a class="js-go-to u-go-to-v1" href="#" data-type="fixed" data-position='{
"bottom": 15,
"right": 15
}' data-offset-top="400" data-compensation="#js-header" data-show-effect="zoomIn">
<i class="hs-icon hs-icon-arrow-top"></i>
</a>
</main>
<div class="u-outer-spaces-helper"></div>
<!-- JS Global Compulsory -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/jquery-migrate/jquery-migrate.min.js"></script>
<script src="assets/vendor/popper.js/popper.min.js"></script>
<script src="assets/vendor/bootstrap/bootstrap.min.js"></script>
<!-- JS Implementing Plugins -->
<script src="assets/vendor/hs-megamenu/src/hs.megamenu.js"></script>
<script src="assets/vendor/dzsparallaxer/dzsparallaxer.js"></script>
<script src="assets/vendor/dzsparallaxer/dzsscroller/scroller.js"></script>
<script src="assets/vendor/dzsparallaxer/advancedscroller/plugin.js"></script>
<script src="assets/vendor/fancybox/jquery.fancybox.min.js"></script>
<script src="assets/vendor/slick-carousel/slick/slick.js"></script>
<script src="assets/vendor/typedjs/typed.min.js"></script>
<!-- JS Unify -->
<script src="assets/js/hs.core.js"></script>
<script src="assets/js/components/hs.header.js"></script>
<script src="assets/js/helpers/hs.hamburgers.js"></script>
<script src="assets/js/components/hs.tabs.js"></script>
<script src="assets/js/components/hs.popup.js"></script>
<script src="assets/js/components/hs.carousel.js"></script>
<script src="assets/js/components/text-animation/hs.text-slideshow.js"></script>
<script src="assets/js/components/hs.go-to.js"></script>
<!-- JS Customization -->
<script src="assets/js/custom.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of carousel
$.HSCore.components.HSCarousel.init('.js-carousel');
// initialization of tabs
$.HSCore.components.HSTabs.init('[role="tablist"]');
// initialization of popups
$.HSCore.components.HSPopup.init('.js-fancybox');
// initialization of go to
$.HSCore.components.HSGoTo.init('.js-go-to');
// initialization of text animation (typing)
$(".u-text-animation.u-text-animation--typing").typed({
strings: [
"an awesome template",
"perfect template",
"just like a boss"
],
typeSpeed: 60,
loop: true,
backDelay: 1500
});
});
$(window).on('load', function () {
// initialization of header
$.HSCore.components.HSHeader.init($('#js-header'));
$.HSCore.helpers.HSHamburgers.init('.hamburger');
// initialization of HSMegaMenu component
$('.js-mega-menu').HSMegaMenu({
event: 'hover',
pageContainer: $('.container'),
breakpoint: 991
});
});
$(window).on('resize', function () {
setTimeout(function () {
$.HSCore.components.HSTabs.init('[role="tablist"]');
}, 200);
});
</script>
</body>
</html>