류윤주 류윤주 2024-04-11
240411 류윤주 슬라이드 수정 추가
@efa3073cadd9cd7a3674239bdc17d9af66cb8643
 
views/pages/AboutUs copy 3.html (added)
+++ views/pages/AboutUs copy 3.html
@@ -0,0 +1,326 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
+    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+    <link rel="stylesheet" href="../../resources/css/reset.css">
+    <link rel="stylesheet" href="../../resources/css/style.css">
+    <link rel="stylesheet" href="../../resources/css/component.css">
+    <link rel="stylesheet" href="../../resources/css/common.css">
+    <link rel="stylesheet" href="../../resources/css/responsive.css">
+
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+    <style>
+        html,
+        body {
+            position: relative;
+            height: 100%;
+        }
+
+        body {
+            background: #eee;
+            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+            font-size: 14px;
+            color: #000;
+            margin: 0;
+            padding: 0;
+        }
+
+        .swiper {
+            width: 100%;
+            height: 100%;
+        }
+
+        .swiper-slide {
+            text-align: center;
+            font-size: 18px;
+            background: #fff;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+        }
+
+        .swiper-slide img {
+            display: block;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+
+        .test {
+            height: 100%;
+        }
+    </style>
+
+    <title>TAKENSOFT</title>
+</head>
+
+<body>
+    <!-- Swiper -->
+    <div class="swiper mySwiper">
+        <div class="swiper-wrapper">
+            <div class="swiper-slide">Slide 1</div>
+            <div class="swiper-slide">Slide 2</div>
+
+            <div class="swiper-slide">
+                <div class="test" style="overflow-y: auto;">
+                    <div class="content" data-year="2021">
+                        <p class="mobil-year">2021</p>
+                        <div class="flex">
+
+                            <p class="month mr30">5월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 주식회사 테이큰 소프트 설립</p>
+                                <p>· 영천시 데이터 활용 기본 계획 수립 용역 (영천시)</p>
+
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">10월</p>
+                            <div class="month-text text-section" style="text-align: left;">
+                                <p>· 소프트웨어 기업 등록</p>
+                                <img src="../../resources/img/common/history-img1.png" alt="">
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">11월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 김천시 무더위 쉼터 선정을 위한 빅데이터 분석 용역 (김천시) </p>
+                                <p>· Taken BI Manager v1.0 저작권 등록</p>
+                                <img src="../../resources/img/common/history-img2.png" alt="">
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">12월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 어린이 보호구역 도로 주행 데이터 (포항테크노파크)</p>
+                                <p>· Taken BI Manager GS(Good Sofrware) 인증 1등급 획득</p>
+                                <p>· 도로 모니터링 시스템 저작권 등록</p>
+                                <div class="flex">
+                                    <img src="../../resources/img/common/history-img31.png" alt="">
+                                    <img src="../../resources/img/common/history-img32.png" alt="">
+                                    <img src="../../resources/img/common/history-img33.png" alt="">
+                                </div>
+                            </div>
+                        </div>
+
+
+                    </div>
+
+                    <div class="content" data-year="2022">
+                        <p class="mobil-year">2022</p>
+
+                        <!-- 2021년 내용 -->
+                        <div class="flex">
+                            <p class="month mr30">1월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 구미시 공공데이터 기업 매칭 지원사업 (구미시)</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">3월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 기업부설연구소 설립</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">4월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 상주시 재난지원금 신청 프로그램 개발 (상주시)</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">5월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 대구광역시 북구 데이터로 보는 북구 콘텐츠 구축 (대구광역시 북구)</p>
+                                <p>· 영천시 공공데이터 품질관리 용역 (영천시)</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">7월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 영천시 공공데이터 기업 매칭 지원사업 (영천시)</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">9월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 상주시 데이터 수집, 연계, 분석 및 시각화 솔루션 공급</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">10월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 데이터 관리 및 분석 솔루션 구매 (상주시) </p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">12월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 데이터 관리 및 분석 솔루션 연계 용역 (상주시) </p>
+                                <p>· 상주시 데이터 활용 기본계획 용역 (상주시) </p>
+                                <p>· 스마트 타운 통합 플랫폼 개발 기획 및 사업 관리 용역 (성주군) </p>
+                                <p>· 행정정보 데이터 백업테이프 구입 (영주시) </p>
+                                <p>· 행정정보시스템 통합스토리지 디스크 증설 (영주시) </p>
+                                <p>· SW융합클러스터2.0 데이터(주차 차량 및 차량번호 학습데이터) 구매 (포항테크노파크) </p>
+                                <p>· 한국가스공사 2022 대구·경북 스타트업 페스티벌 공대스타 챌린지 최우수상 수상 </p>
+                                <p>· 경로 생성 기술 관련 출원사실증명 </p>
+                                <img src="../../resources/img/common/history-img4.png" alt="">
+
+                            </div>
+                        </div>
+
+                    </div>
+                    <div class="content" data-year="2023">
+                        <p class="mobil-year">2023</p>
+
+                        <!-- 2022년 내용 -->
+                        <div class="flex">
+                            <p class="month mr30">1월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 행정안전부 2023년 정부혁신 웹사이트 기능개선 및 유지관리 사업 수주 </p>
+                                <p>· 복약지도 장치 및 방법 출원사실증명 </p>
+                                <p>· Traffic Agent 저작권 등록 </p>
+
+                                <div class="flex">
+                                    <img src="../../resources/img/common/history-img51.png" alt="">
+                                    <img src="../../resources/img/common/history-img52.png" alt="">
+                                </div>
+
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">2월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 한국가스공사 상용소프트웨어 유지관리(통합재고관리시스템 데이터분석) (한국가스공사) </p>
+                                <p>· 대구광역시 AI 안전통합 횡단보도 플랫폼 구축 계약 </p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">3월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· AI 안전통합 횡단보도 플랫폼 구축 용역 (대구광역시) </p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">4월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· G밸리 기록물 텍스트 분석 및 콘텐츠 개발 사업 (서울특별시) </p>
+                                <p>· 포항테크노파크 SW융합제품 상용화지원사업 데이터 품질관리 사업 수주 </p>
+                                <p>· 기업부설연구소 인정서 획득 </p>
+                                <img src="../../resources/img/common/history-img6.png" alt="">
+
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">5월</p>
+                            <div style="text-align: left;">
+                                <p>· 영천시 맞춤형 데이터 분석사업 (영천시) </p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">6월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 정보통신공사업 면허 획득, 벤처기업 인증 </p>
+                                <div class="flex">
+                                    <img src="../../resources/img/common/history-img71.png" alt="">
+                                    <img src="../../resources/img/common/history-img72.png" alt="">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">7월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 공공데이터 품질 진단 강화 컨설팅 (상주시)</p>
+                                <p>· 정부혁신 웹사이트 기능개선 및 유지관리 (행정안전부)</p>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">8월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p>
+                                <p>· 메타버스 기술 관련 출원사실증명</p>
+                                <img src="../../resources/img/common/history-img8.png" alt="">
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">9월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 한국가스공사 2023 대구·경북 스타트업 페스티벌 공대스타챌린지 대상 수상</p>
+                                <p>· SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p>
+                                <p>· 시니어 케어 시스템 저작권 등록</p>
+                                <img src="../../resources/img/common/history-img9.png" alt="">
+
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">11월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· 한기술평가 우수기업 인증 (T-5)</p>
+                                <p>· 통합 모빌리티 솔루션 저작권 등록</p>
+                                <div class="flex">
+                                    <img src="../../resources/img/common/history-img100.png" alt="">
+                                    <img src="../../resources/img/common/history-img101.png" alt="">
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex">
+                            <p class="month mr30">12월</p>
+                            <div class="month-text" style="text-align: left;">
+                                <p>· DGM 전자정보기기사업단 지역 기업 운영 활성화를 위한 플랫폼 구축 사업 수주</p>
+                                <p>· 구미시 키워드 분석 용역 (구미시)</p>
+                                <p>· AI 디지털교과서 통합 지원센터 모델발굴 및 시범운영 용역 (한국교육학술정보원)</p>
+                                <p>· 구미시 2023년 행정정보 및 홈페이지시스템 통합유지관리 용역 중 공공데이터 (구미시)</p>
+                                <p>· AI 횡단보도 기술 관련 출원사실증명</p>
+                                <img src="../../resources/img/common/history-img110.png" alt="">
+
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="swiper-pagination"></div>
+    </div>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
+
+
+    <script>
+        var swiper = new Swiper(".mySwiper", {
+            cssMode:true,
+            direction: "vertical",
+            slidesPerView: 1,
+            spaceBetween: 30,
+            mousewheel: {
+                eventsTarget: '.swiper-slide'
+            },
+            slidesOffsetAfter: 220,
+            pagination: {
+                el: ".swiper-pagination",
+                clickable: true,
+            },
+            on: {
+                init: function () {
+                    const slides = document.querySelectorAll('.swiper-slide');
+                    slides.forEach(slide => {
+                        slide.addEventListener('wheel', function (e) {
+                            const delta = e.wheelDelta || -e.deltaY;
+                            console.log(delta)
+                            // 슬라이드 내부에서 상단 또는 하단 경계에 도달했을 경우 Swiper 슬라이드 전환 허용
+                            if ((this.scrollTop === (this.scrollHeight - this.offsetHeight) && delta < 0) || (this.scrollTop === 0 && delta > 0)) {
+                                e.stopPropagation();
+                            }
+                        }, { passive: false });
+                    });
+                }
+            }
+        });
+    </script>
+
+</html>(No newline at end of file)
Add a comment
List