forked from yoosoobin/mrgc
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
606 lines (601 loc) · 43.1 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>빅콘-무량공처팀</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.svg" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand" href="#page-top"><img src="assets/img/무량공처.svg" alt="..." /></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars ms-1"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ms-auto py-4 py-lg-0">
<li class="nav-item"><a class="nav-link" href="#services">Services</a></li>
<li class="nav-item"><a class="nav-link" href="#portfolio">Why</a></li>
<li class="nav-item"><a class="nav-link" href="#about"> development</a></li>
<li class="nav-item"><a class="nav-link" href="#team">Team</a></li>
<!-- <li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>-->
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container">
<!-- <div class="masthead-subheading">Welcome To Our Service!</div>-->
<div class="masthead-heading text-uppercase">Welcome To Our Service!</div>
<a class="btn btn-primary btn-xl text-uppercase" href="detail.html">시현해보기</a>
</div>
</header>
<!-- Services-->
<section class="page-section" id="services">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Services</h2>
<h3 class="section-subheading text-muted">우리는 공급기업과 수요기업 모두에게 공유오피스를 추천합니다.</h3>
</div>
<div class="row text-center">
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-shopping-cart fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">공급기업</h4>
<p class="text-muted">국내 기업의 업종별 위치 데이터를 기반으로 공급기업과 정부에게 공유오피스의 입지를 추천합니다. </p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-laptop fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">수요기업</h4>
<p class="text-muted">업종별 공유오피스의 위치와 사용 기업의 직원 거주지, 등을 입력 받아 최적의 공유오피스를 추천 드립니다.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fas fa-circle fa-stack-2x text-primary"></i>
<i class="fas fa-lock fa-stack-1x fa-inverse"></i>
</span>
<h4 class="my-3">정부</h4>
<p class="text-muted">해당 서비스를 기반으로 공유오피스를 설립하여 중소기업경영의 개선을 도와 국가 경쟁력을 발전시킵니다.</p>
</div>
</div>
</div>
</section>
<!-- Portfolio Grid-->
<section class="page-section bg-light" id="portfolio">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">why</h2>
<h3 class="section-subheading text-muted">공유경제를 기반으로 한 중소,벤처기업 비용절감 및 업무 생산성 증진 방안: 업종별 거점 오피스 추천</h3>
</div>
<div class="row">
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Portfolio item 1-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal1">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/배경2.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">배경사항</div>
<div class="portfolio-caption-subheading text-muted">주제를 선정하게된 배경사항에 대해</div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Portfolio item 2-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal2">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/주제.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">아이디어</div>
<div class="portfolio-caption-subheading text-muted">자세한 아이디어에 대한 설명 </div>
</div>
</div>
</div>
<div class="col-lg-4 col-sm-6 mb-4">
<!-- Portfolio item 3-->
<div class="portfolio-item">
<a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal3">
<div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div>
<img class="img-fluid" src="assets/img/portfolio/추가22.jpg" alt="..." />
</a>
<div class="portfolio-caption">
<div class="portfolio-caption-heading">PoC</div>
<div class="portfolio-caption-subheading text-muted">Proof Of Concept</div>
</div>
</div>
</div>
<!-- <div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">-->
<!-- <!– Portfolio item 4–>-->
<!-- <div class="portfolio-item">-->
<!-- <a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal4">-->
<!-- <div class="portfolio-hover">-->
<!-- <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>-->
<!-- </div>-->
<!-- <img class="img-fluid" src="assets/img/portfolio/4.jpg" alt="..." />-->
<!-- </a>-->
<!-- <div class="portfolio-caption">-->
<!-- <div class="portfolio-caption-heading">Lines</div>-->
<!-- <div class="portfolio-caption-subheading text-muted">Branding</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-sm-6 mb-4 mb-sm-0">-->
<!-- <!– Portfolio item 5–>-->
<!-- <div class="portfolio-item">-->
<!-- <a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal5">-->
<!-- <div class="portfolio-hover">-->
<!-- <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>-->
<!-- </div>-->
<!-- <img class="img-fluid" src="assets/img/portfolio/5.jpg" alt="..." />-->
<!-- </a>-->
<!-- <div class="portfolio-caption">-->
<!-- <div class="portfolio-caption-heading">Southwest</div>-->
<!-- <div class="portfolio-caption-subheading text-muted">Website Design</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4 col-sm-6">-->
<!-- <!– Portfolio item 6–>-->
<!-- <div class="portfolio-item">-->
<!-- <a class="portfolio-link" data-bs-toggle="modal" href="#portfolioModal6">-->
<!-- <div class="portfolio-hover">-->
<!-- <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>-->
<!-- </div>-->
<!-- <img class="img-fluid" src="assets/img/portfolio/6.jpg" alt="..." />-->
<!-- </a>-->
<!-- <div class="portfolio-caption">-->
<!-- <div class="portfolio-caption-heading">Window</div>-->
<!-- <div class="portfolio-caption-subheading text-muted">Photography</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</section>
<!-- About-->
<section class="page-section" id="about">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase"> development</h2>
<h3 class="section-subheading text-muted">아이디어 도출 및 발전과정</h3>
</div>
<ul class="timeline">
<li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/11.png" alt="..." /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Aug 2021</h4>
<h4 class="subheading">MRGC 탄생배경</h4>
</div>
<div class="timeline-body"><p class="text-muted">물질적 존재가 절대무(絶對無)인 공간의 무한성에 대한 삼매(三昧)의 경지. 욕계(欲界)와 색계(色界)에서 일체의 물질적인 형태를 벗어나 일체의 작의(作意)가 없고, 무변(無邊)의 공을 관(觀)하는 장소. 또 거기에서의 선정(禪定). 무색계(無色界)의 4군데(四處)중 첫 번째. 형태가 있는 이 육신을 싫어하고, 무한의 큰 공(大空)을 동경하며, 큰 공은 무한이라는 견해를 가질 때 생기는 장소이므로, 이렇게 부른다. 무색계에는 공간적인 장소는 없으나 과보의 차이에 따라 이렇게 처(處)라고 한다.
팀 무량공처는 데이터 과학을 이런 삼매(三昧)의 경지로 끌어올려, 무한의 큰 공(大空)을 동경하는 사람들이 모인 팀이라는 의미이다.
</li>
<li class="timeline-inverted">
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/22.png" alt="..." /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Aug 2021</h4>
<h4 class="subheading">주제 선정 및 아이디어 회의</h4>
</div>
<div class="timeline-body"><p class="text-muted">중소기업경영난을 새로운 비즈니스 모델 및 참신한 아이디어를 통해 개선하기위한 회의를 거쳤다. 여러 회의 결과 공급기업과 수요기업
모두에게 필요한 공유오피스를 추천하는 주제를 잡았다. 해당 아이디어를 통해 중소기업은 반복적으로 발생하는 고정비용을 줄이고 유연하고 합리적인 근무환경을 얻을 수 있을것이라고 예상한다.
</li>
<li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/33.png" alt="..." /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Aug-Sep 2021</h4>
<h4 class="subheading">데이터 전처리 및 모델링</h4>
</div>
<div class="timeline-body"><p class="text-muted">제공되는 데이터인 빅밸류, 더존비즈온의 데이터와 공공데이터들을 활용하여 업종별 위치를 파악하고 전처리, EDA과정을 진행하였다. 더불어
클러스터링 및 모델링을 통해 공급기업에게는 최적의 공유오피스 설립 입지를 추천하고 수요기업에게는 이를 바탕으로 거점오피스를 추천한다.
</li>
<li class="timeline-inverted">
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/44.jpg.png" alt="..." /></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>Sep 2021</h4>
<h4 class="subheading">결과 시각화 및 발전</h4>
</div>
<div class="timeline-body"><p class="text-muted">업종별로 공유오피스 공급기업(정부)에게 입지를 추천하는 결과를 plot해보고 실제
추천 결과를 확인하는 과정 및 다양한 시각화 과정을 거쳤다. 더불어, 해당 페이지를 만들어 공급기업 및 수요자가 서비스를 사용하는것을 시현해보았다. </p></div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<h4>
공모전
<br />
결과
<br />
제출!
</h4>
</div>
</li>
</ul>
</div>
</section>
<!-- Team-->
<section class="page-section bg-light" id="team">
<div class="container">
<div class="text-center">
<h2 class="section-heading text-uppercase">Our Team</h2>
<h3 class="section-subheading text-muted">빅콘테스트 이노베이션 분야 무량공처팀을 소개합니다.</h3>
</div>
<div class="row">
<div class="col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/kes.jpg" alt="..." />
<h4>김은선</h4>
<p class="text-muted">데이터사이언스 전공</p>
<a class="btn btn-dark btn-social mx-2" href='https://github.com/sun1187'><i class="fab fa-github"></i></a>
</div>
</div>
<div class="col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/ysb.jpg" alt="..." />
<h4>유수빈</h4>
<p class="text-muted">정보통계학 전공</p>
<a class="btn btn-dark btn-social mx-2" href='https://www.instagram.com/yoosuebin/'><i class="fab fa-instagram"></i></a>
<a class="btn btn-dark btn-social mx-2" href='https://github.com/yoosoobin'><i class="fab fa-github"></i></a>
</div>
</div>
<div class="col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/lhw.jpg" alt="..." />
<h4>이한울</h4>
<p class="text-muted">금융공학 전공</p>
<a class="btn btn-dark btn-social mx-2" href='https://www.instagram.com/hanul_albert/'><i class="fab fa-instagram"></i></a>
<a class="btn btn-dark btn-social mx-2" href='https://github.com/h-albert-lee'><i class="fab fa-github"></i></a>
</div>
</div>
<div class="col-lg-4">
<div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/jhn.jpg" alt="..." />
<h4>조하늘</h4>
<p class="text-muted">정보통계학 전공</p>
<a class="btn btn-dark btn-social mx-2" href='https://www.instagram.com/cl.assic804/'><i class="fab fa-instagram"></i></a>
<a class="btn btn-dark btn-social mx-2" href='https://github.com/jo999999'><i class="fab fa-github"></i></a>
</div>
</div>
<!-- <div class="col-lg-4">-->
<!-- <div class="team-member">-->
<!-- <img class="mx-auto rounded-circle" src="assets/img/team/2.jpg" alt="..." />-->
<!-- <h4>Diana Petersen</h4>-->
<!-- <p class="text-muted">Lead Marketer</p>-->
<!-- <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>-->
<!-- <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>-->
<!-- <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-lg-4">-->
<!-- <div class="team-member">-->
<!-- <img class="mx-auto rounded-circle" src="assets/img/team/3.jpg" alt="..." />-->
<!-- <h4>Larry Parker</h4>-->
<!-- <p class="text-muted">Lead Developer</p>-->
<!-- <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>-->
<!-- <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>-->
<!-- <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="row">-->
<!-- <div class="col-lg-8 mx-auto text-center"><p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p></div>-->
<!-- </div>-->
<!-- </div>-->
</section>
<!-- Clients-->
<!-- <!– Contact–>-->
<!-- <section class="page-section" id="contact">-->
<!-- <div class="container">-->
<!-- <div class="text-center">-->
<!-- <h2 class="section-heading text-uppercase">Contact Us</h2>-->
<!-- <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3>-->
<!-- </div>-->
<!-- <!– * * * * * * * * * * * * * * *–>-->
<!-- <!– * * SB Forms Contact Form * *–>-->
<!-- <!– * * * * * * * * * * * * * * *–>-->
<!-- <!– This form is pre-integrated with SB Forms.–>-->
<!-- <!– To make this form functional, sign up at–>-->
<!-- <!– https://startbootstrap.com/solution/contact-forms–>-->
<!-- <!– to get an API token!–>-->
<!-- <form id="contactForm" data-sb-form-api-token="API_TOKEN">-->
<!-- <div class="row align-items-stretch mb-5">-->
<!-- <div class="col-md-6">-->
<!-- <div class="form-group">-->
<!-- <!– Name input–>-->
<!-- <input class="form-control" id="name" type="text" placeholder="Your Name *" data-sb-validations="required" />-->
<!-- <div class="invalid-feedback" data-sb-feedback="name:required">A name is required.</div>-->
<!-- </div>-->
<!-- <div class="form-group">-->
<!-- <!– Email address input–>-->
<!-- <input class="form-control" id="email" type="email" placeholder="Your Email *" data-sb-validations="required,email" />-->
<!-- <div class="invalid-feedback" data-sb-feedback="email:required">An email is required.</div>-->
<!-- <div class="invalid-feedback" data-sb-feedback="email:email">Email is not valid.</div>-->
<!-- </div>-->
<!-- <div class="form-group mb-md-0">-->
<!-- <!– Phone number input–>-->
<!-- <input class="form-control" id="phone" type="tel" placeholder="Your Phone *" data-sb-validations="required" />-->
<!-- <div class="invalid-feedback" data-sb-feedback="phone:required">A phone number is required.</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-6">-->
<!-- <div class="form-group form-group-textarea mb-md-0">-->
<!-- <!– Message input–>-->
<!-- <textarea class="form-control" id="message" placeholder="Your Message *" data-sb-validations="required"></textarea>-->
<!-- <div class="invalid-feedback" data-sb-feedback="message:required">A message is required.</div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– Submit success message–>-->
<!-- <!––>-->
<!-- <!– This is what your users will see when the form–>-->
<!-- <!– has successfully submitted–>-->
<!-- <div class="d-none" id="submitSuccessMessage">-->
<!-- <div class="text-center text-white mb-3">-->
<!-- <div class="fw-bolder">Form submission successful!</div>-->
<!-- To activate this form, sign up at-->
<!-- <br />-->
<!-- <a href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <!– Submit error message–>-->
<!-- <!––>-->
<!-- <!– This is what your users will see when there is–>-->
<!-- <!– an error submitting the form–>-->
<!-- <div class="d-none" id="submitErrorMessage"><div class="text-center text-danger mb-3">Error sending message!</div></div>-->
<!-- <!– Submit Button–>-->
<!-- <div class="text-center"><button class="btn btn-primary btn-xl text-uppercase disabled" id="submitButton" type="submit">Send Message</button></div>-->
<!-- </form>-->
<!-- </div>-->
<!-- </section>-->
<!-- Footer-->
<footer class="footer py-4">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 text-lg-start">Copyright © 빅콘_무량공처팀 2021</div>
<div class="col-lg-4 text-lg-start">해당 페이지는 상업적 목적의 페이지가 아닌 빅콘테스트 이노베이션 분야 무량공처팀의 공모전 시현페이지입니다</div>
<!-- <div class="col-lg-4 my-3 my-lg-0">-->
<!-- <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>-->
<!-- <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>-->
<!-- <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a>-->
<!-- </div>-->
<!-- <div class="col-lg-4 text-lg-end">-->
<!-- <a class="link-dark text-decoration-none me-3" href="#!">Privacy Policy</a>-->
<!-- <a class="link-dark text-decoration-none" href="#!">Terms of Use</a>-->
<!-- </div>-->
</div>
</div>
</footer>
<!-- Portfolio Modals-->
<!-- Portfolio item 1 modal popup-->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">배경사항</h2>
<p class="item-intro text-muted">주제를 선정하게된 배경사항에 대하여</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/배경2.jpg" alt="..." />
<p>코로나로 인한 원격 근무의 확산으로 중소기업, 스타트업은 독자적인 고정 사무실의 비용지출에 큰 부담을 느껴왔고 거점오피스, 공유오피스를 그 대안으로도 찾기 시작했습니다. </p>
<p>즉, 사회적 거리 두기로 원격근무, 긴축경영에 돌입한 기업이 늘어나고 있는 상황입니다. 이러한 상황에서 기업들은 기존 사무실 보조금 등 고정비용 줄이기에 나섰고 이러한 수요에 공유오피스에 대한 수요는 증가하게 되었습니다. </p>
<p>실제로 현재 경영난에 처한 스타트업, 중소기업이 사업비 보전 등의 이유로 공유 오피스로 사무실을 이전하는 경우가 크게 늘고 있으며 유연근무, 원격근무를 시행하는 기업에선 업무생산성을 높이기 위해 팀 단위로, 소규모의 대면 근무 형태로 공유오피스에 입주하는 경우도 많아졌습니다. </p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio item 2 modal popup-->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">아이디어</h2>
<p class="item-intro text-muted">왜 공유오피스 입지 선정인가?</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/주제.jpg" alt="..." />
<p> <b>1. 공간 공급 기업(혹은 기관)인 공유오피스, 정부 등등에겐 유사 업종별 거점 오피스의 최적 입지 선정에 도움을 줄 것</b><br>
거점 오피스 확산이 '업종별' 거점오피스로 확산해야 합니다. 판교 테크노밸리의 혁신사업 생태계에 대한 공간적 특성 분석 연구에 따르면, 클러스터 내 유사 업종의 기업이 밀집될수록 기업 매출에 긍정적 영향을 미쳤습니다. 이를 혁신 클러스터의 이론과 관련된 집적 경제의 효과라고 합니다. 거점 공유오피스에 기업이 입주할 때, 동일건물 내 유사 업종을 고려해 입주시킨다면 기업 경영 개선에 효과적일 것입니다.</p>
<p>2.<b> 수요기업인 중소, 벤처 기업들에겐 그렇게 만들어진 업종별 거점 오피스들을 추천해줄 것</b><br>
거점오피스는 직원의 거주지역과 가까워야 합니다. 직원의 출퇴근 이동 시간을 최소화하여, 좋은 컨디션을 유지하고 업무 몰입도를 높여준다면 기업에 긍정적인 영향을 줍니다. 수요기업인 중소, 벤처기업들에겐 '특정 업종이 많이 모인 지역 + 해당 업종에 종사하는 기업 내 직원들의 주거 지역+ 편의/교통시설+ 시세 등' 을 바탕으로 업종별 거점 오피스들을 추천해줄 것입니다.</p>
<p><b>위의 아이디어를 바탕으로, 본 팀은 '공유경제를 기반으로 한 중소, 벤처기업 비용절감 및 업무 생산성 증진 방안으로 업종별 거점 오피스 추천'을 제안합니다.</b></p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio item 3 modal popup-->
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">PoC</h2>
<p class="item-intro text-muted">Proof of Concept </p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/추가22.jpg" alt="..." />
<p><b>1. 실제 공유오피스 기업들이 선호하는 입지와의 일치성</b>
<br>서울연구원의 연구결과의 따르면 서울시에 위치한 공유오피스는 3도심을 중심으로 분포하며,
전체 공유오피스의 56.7%가 강남권에 입지한다. 이는 우리의 알고리즘에서 도출된 선호입지와
일치하는 결과이다.</p>
<p><b>2. 양방향 서비스를 제공</b>
<br>공유오피스의 입지선정 뿐만 아니라 더 나아가 공급자-수요자 모두의 측면에서 서비스를 제공
함으로써 입지 추천에 있어 더욱 고도화된 추천 서비스를 제공함</p>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio item 4 modal popup-->
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Project Name</h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/4.jpg" alt="..." />
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
<ul class="list-inline">
<li>
<strong>Client:</strong>
Lines
</li>
<li>
<strong>Category:</strong>
Branding
</li>
</ul>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio item 5 modal popup-->
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Project Name</h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/5.jpg" alt="..." />
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
<ul class="list-inline">
<li>
<strong>Client:</strong>
Southwest
</li>
<li>
<strong>Category:</strong>
Website Design
</li>
</ul>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio item 6 modal popup-->
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="close-modal" data-bs-dismiss="modal"><img src="assets/img/close-icon.svg" alt="Close modal" /></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="modal-body">
<!-- Project details-->
<h2 class="text-uppercase">Project Name</h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/6.jpg" alt="..." />
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
<ul class="list-inline">
<li>
<strong>Client:</strong>
Window
</li>
<li>
<strong>Category:</strong>
Photography
</li>
</ul>
<button class="btn btn-primary btn-xl text-uppercase" data-bs-dismiss="modal" type="button">
<i class="fas fa-times me-1"></i>
Close Project
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<!-- * * SB Forms JS * *-->
<!-- * * Activate your form at https://startbootstrap.com/solution/contact-forms * *-->
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *-->
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>
</html>