
+++ views/pages/AboutUs copy 3.html
... | ... | @@ -0,0 +1,326 @@ |
1 | +<!DOCTYPE html> | |
2 | +<html lang="en"> | |
3 | + | |
4 | +<head> | |
5 | + <meta charset="UTF-8"> | |
6 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
7 | + <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" /> | |
8 | + <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.4.min.js"></script> | |
9 | + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> | |
10 | + <link rel="stylesheet" href="../../resources/css/reset.css"> | |
11 | + <link rel="stylesheet" href="../../resources/css/style.css"> | |
12 | + <link rel="stylesheet" href="../../resources/css/component.css"> | |
13 | + <link rel="stylesheet" href="../../resources/css/common.css"> | |
14 | + <link rel="stylesheet" href="../../resources/css/responsive.css"> | |
15 | + | |
16 | + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" /> | |
17 | + <style> | |
18 | + html, | |
19 | + body { | |
20 | + position: relative; | |
21 | + height: 100%; | |
22 | + } | |
23 | + | |
24 | + body { | |
25 | + background: #eee; | |
26 | + font-family: Helvetica Neue, Helvetica, Arial, sans-serif; | |
27 | + font-size: 14px; | |
28 | + color: #000; | |
29 | + margin: 0; | |
30 | + padding: 0; | |
31 | + } | |
32 | + | |
33 | + .swiper { | |
34 | + width: 100%; | |
35 | + height: 100%; | |
36 | + } | |
37 | + | |
38 | + .swiper-slide { | |
39 | + text-align: center; | |
40 | + font-size: 18px; | |
41 | + background: #fff; | |
42 | + display: flex; | |
43 | + justify-content: center; | |
44 | + align-items: center; | |
45 | + } | |
46 | + | |
47 | + .swiper-slide img { | |
48 | + display: block; | |
49 | + width: 100%; | |
50 | + height: 100%; | |
51 | + object-fit: cover; | |
52 | + } | |
53 | + | |
54 | + .test { | |
55 | + height: 100%; | |
56 | + } | |
57 | + </style> | |
58 | + | |
59 | + <title>TAKENSOFT</title> | |
60 | +</head> | |
61 | + | |
62 | +<body> | |
63 | + <!-- Swiper --> | |
64 | + <div class="swiper mySwiper"> | |
65 | + <div class="swiper-wrapper"> | |
66 | + <div class="swiper-slide">Slide 1</div> | |
67 | + <div class="swiper-slide">Slide 2</div> | |
68 | + | |
69 | + <div class="swiper-slide"> | |
70 | + <div class="test" style="overflow-y: auto;"> | |
71 | + <div class="content" data-year="2021"> | |
72 | + <p class="mobil-year">2021</p> | |
73 | + <div class="flex"> | |
74 | + | |
75 | + <p class="month mr30">5월</p> | |
76 | + <div class="month-text" style="text-align: left;"> | |
77 | + <p>· 주식회사 테이큰 소프트 설립</p> | |
78 | + <p>· 영천시 데이터 활용 기본 계획 수립 용역 (영천시)</p> | |
79 | + | |
80 | + </div> | |
81 | + </div> | |
82 | + <div class="flex"> | |
83 | + <p class="month mr30">10월</p> | |
84 | + <div class="month-text text-section" style="text-align: left;"> | |
85 | + <p>· 소프트웨어 기업 등록</p> | |
86 | + <img src="../../resources/img/common/history-img1.png" alt=""> | |
87 | + </div> | |
88 | + </div> | |
89 | + <div class="flex"> | |
90 | + <p class="month mr30">11월</p> | |
91 | + <div class="month-text" style="text-align: left;"> | |
92 | + <p>· 김천시 무더위 쉼터 선정을 위한 빅데이터 분석 용역 (김천시) </p> | |
93 | + <p>· Taken BI Manager v1.0 저작권 등록</p> | |
94 | + <img src="../../resources/img/common/history-img2.png" alt=""> | |
95 | + </div> | |
96 | + </div> | |
97 | + <div class="flex"> | |
98 | + <p class="month mr30">12월</p> | |
99 | + <div class="month-text" style="text-align: left;"> | |
100 | + <p>· 어린이 보호구역 도로 주행 데이터 (포항테크노파크)</p> | |
101 | + <p>· Taken BI Manager GS(Good Sofrware) 인증 1등급 획득</p> | |
102 | + <p>· 도로 모니터링 시스템 저작권 등록</p> | |
103 | + <div class="flex"> | |
104 | + <img src="../../resources/img/common/history-img31.png" alt=""> | |
105 | + <img src="../../resources/img/common/history-img32.png" alt=""> | |
106 | + <img src="../../resources/img/common/history-img33.png" alt=""> | |
107 | + </div> | |
108 | + </div> | |
109 | + </div> | |
110 | + | |
111 | + | |
112 | + </div> | |
113 | + | |
114 | + <div class="content" data-year="2022"> | |
115 | + <p class="mobil-year">2022</p> | |
116 | + | |
117 | + <!-- 2021년 내용 --> | |
118 | + <div class="flex"> | |
119 | + <p class="month mr30">1월</p> | |
120 | + <div class="month-text" style="text-align: left;"> | |
121 | + <p>· 구미시 공공데이터 기업 매칭 지원사업 (구미시)</p> | |
122 | + </div> | |
123 | + </div> | |
124 | + <div class="flex"> | |
125 | + <p class="month mr30">3월</p> | |
126 | + <div class="month-text" style="text-align: left;"> | |
127 | + <p>· 기업부설연구소 설립</p> | |
128 | + </div> | |
129 | + </div> | |
130 | + <div class="flex"> | |
131 | + <p class="month mr30">4월</p> | |
132 | + <div class="month-text" style="text-align: left;"> | |
133 | + <p>· 상주시 재난지원금 신청 프로그램 개발 (상주시)</p> | |
134 | + </div> | |
135 | + </div> | |
136 | + <div class="flex"> | |
137 | + <p class="month mr30">5월</p> | |
138 | + <div class="month-text" style="text-align: left;"> | |
139 | + <p>· 대구광역시 북구 데이터로 보는 북구 콘텐츠 구축 (대구광역시 북구)</p> | |
140 | + <p>· 영천시 공공데이터 품질관리 용역 (영천시)</p> | |
141 | + </div> | |
142 | + </div> | |
143 | + <div class="flex"> | |
144 | + <p class="month mr30">7월</p> | |
145 | + <div class="month-text" style="text-align: left;"> | |
146 | + <p>· 영천시 공공데이터 기업 매칭 지원사업 (영천시)</p> | |
147 | + </div> | |
148 | + </div> | |
149 | + <div class="flex"> | |
150 | + <p class="month mr30">9월</p> | |
151 | + <div class="month-text" style="text-align: left;"> | |
152 | + <p>· 상주시 데이터 수집, 연계, 분석 및 시각화 솔루션 공급</p> | |
153 | + </div> | |
154 | + </div> | |
155 | + <div class="flex"> | |
156 | + <p class="month mr30">10월</p> | |
157 | + <div class="month-text" style="text-align: left;"> | |
158 | + <p>· 데이터 관리 및 분석 솔루션 구매 (상주시) </p> | |
159 | + </div> | |
160 | + </div> | |
161 | + <div class="flex"> | |
162 | + <p class="month mr30">12월</p> | |
163 | + <div class="month-text" style="text-align: left;"> | |
164 | + <p>· 데이터 관리 및 분석 솔루션 연계 용역 (상주시) </p> | |
165 | + <p>· 상주시 데이터 활용 기본계획 용역 (상주시) </p> | |
166 | + <p>· 스마트 타운 통합 플랫폼 개발 기획 및 사업 관리 용역 (성주군) </p> | |
167 | + <p>· 행정정보 데이터 백업테이프 구입 (영주시) </p> | |
168 | + <p>· 행정정보시스템 통합스토리지 디스크 증설 (영주시) </p> | |
169 | + <p>· SW융합클러스터2.0 데이터(주차 차량 및 차량번호 학습데이터) 구매 (포항테크노파크) </p> | |
170 | + <p>· 한국가스공사 2022 대구·경북 스타트업 페스티벌 공대스타 챌린지 최우수상 수상 </p> | |
171 | + <p>· 경로 생성 기술 관련 출원사실증명 </p> | |
172 | + <img src="../../resources/img/common/history-img4.png" alt=""> | |
173 | + | |
174 | + </div> | |
175 | + </div> | |
176 | + | |
177 | + </div> | |
178 | + <div class="content" data-year="2023"> | |
179 | + <p class="mobil-year">2023</p> | |
180 | + | |
181 | + <!-- 2022년 내용 --> | |
182 | + <div class="flex"> | |
183 | + <p class="month mr30">1월</p> | |
184 | + <div class="month-text" style="text-align: left;"> | |
185 | + <p>· 행정안전부 2023년 정부혁신 웹사이트 기능개선 및 유지관리 사업 수주 </p> | |
186 | + <p>· 복약지도 장치 및 방법 출원사실증명 </p> | |
187 | + <p>· Traffic Agent 저작권 등록 </p> | |
188 | + | |
189 | + <div class="flex"> | |
190 | + <img src="../../resources/img/common/history-img51.png" alt=""> | |
191 | + <img src="../../resources/img/common/history-img52.png" alt=""> | |
192 | + </div> | |
193 | + | |
194 | + </div> | |
195 | + </div> | |
196 | + <div class="flex"> | |
197 | + <p class="month mr30">2월</p> | |
198 | + <div class="month-text" style="text-align: left;"> | |
199 | + <p>· 한국가스공사 상용소프트웨어 유지관리(통합재고관리시스템 데이터분석) (한국가스공사) </p> | |
200 | + <p>· 대구광역시 AI 안전통합 횡단보도 플랫폼 구축 계약 </p> | |
201 | + </div> | |
202 | + </div> | |
203 | + <div class="flex"> | |
204 | + <p class="month mr30">3월</p> | |
205 | + <div class="month-text" style="text-align: left;"> | |
206 | + <p>· AI 안전통합 횡단보도 플랫폼 구축 용역 (대구광역시) </p> | |
207 | + </div> | |
208 | + </div> | |
209 | + <div class="flex"> | |
210 | + <p class="month mr30">4월</p> | |
211 | + <div class="month-text" style="text-align: left;"> | |
212 | + <p>· G밸리 기록물 텍스트 분석 및 콘텐츠 개발 사업 (서울특별시) </p> | |
213 | + <p>· 포항테크노파크 SW융합제품 상용화지원사업 데이터 품질관리 사업 수주 </p> | |
214 | + <p>· 기업부설연구소 인정서 획득 </p> | |
215 | + <img src="../../resources/img/common/history-img6.png" alt=""> | |
216 | + | |
217 | + </div> | |
218 | + </div> | |
219 | + <div class="flex"> | |
220 | + <p class="month mr30">5월</p> | |
221 | + <div style="text-align: left;"> | |
222 | + <p>· 영천시 맞춤형 데이터 분석사업 (영천시) </p> | |
223 | + </div> | |
224 | + </div> | |
225 | + <div class="flex"> | |
226 | + <p class="month mr30">6월</p> | |
227 | + <div class="month-text" style="text-align: left;"> | |
228 | + <p>· 정보통신공사업 면허 획득, 벤처기업 인증 </p> | |
229 | + <div class="flex"> | |
230 | + <img src="../../resources/img/common/history-img71.png" alt=""> | |
231 | + <img src="../../resources/img/common/history-img72.png" alt=""> | |
232 | + </div> | |
233 | + </div> | |
234 | + </div> | |
235 | + <div class="flex"> | |
236 | + <p class="month mr30">7월</p> | |
237 | + <div class="month-text" style="text-align: left;"> | |
238 | + <p>· 공공데이터 품질 진단 강화 컨설팅 (상주시)</p> | |
239 | + <p>· 정부혁신 웹사이트 기능개선 및 유지관리 (행정안전부)</p> | |
240 | + </div> | |
241 | + </div> | |
242 | + <div class="flex"> | |
243 | + <p class="month mr30">8월</p> | |
244 | + <div class="month-text" style="text-align: left;"> | |
245 | + <p>· SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p> | |
246 | + <p>· 메타버스 기술 관련 출원사실증명</p> | |
247 | + <img src="../../resources/img/common/history-img8.png" alt=""> | |
248 | + </div> | |
249 | + </div> | |
250 | + <div class="flex"> | |
251 | + <p class="month mr30">9월</p> | |
252 | + <div class="month-text" style="text-align: left;"> | |
253 | + <p>· 한국가스공사 2023 대구·경북 스타트업 페스티벌 공대스타챌린지 대상 수상</p> | |
254 | + <p>· SW융합클러스터2.0 SW융합제품 상용화 지원사업 데이터 컨설팅 및 품질관리 (포항테크노파크)</p> | |
255 | + <p>· 시니어 케어 시스템 저작권 등록</p> | |
256 | + <img src="../../resources/img/common/history-img9.png" alt=""> | |
257 | + | |
258 | + </div> | |
259 | + </div> | |
260 | + <div class="flex"> | |
261 | + <p class="month mr30">11월</p> | |
262 | + <div class="month-text" style="text-align: left;"> | |
263 | + <p>· 한기술평가 우수기업 인증 (T-5)</p> | |
264 | + <p>· 통합 모빌리티 솔루션 저작권 등록</p> | |
265 | + <div class="flex"> | |
266 | + <img src="../../resources/img/common/history-img100.png" alt=""> | |
267 | + <img src="../../resources/img/common/history-img101.png" alt=""> | |
268 | + </div> | |
269 | + </div> | |
270 | + </div> | |
271 | + <div class="flex"> | |
272 | + <p class="month mr30">12월</p> | |
273 | + <div class="month-text" style="text-align: left;"> | |
274 | + <p>· DGM 전자정보기기사업단 지역 기업 운영 활성화를 위한 플랫폼 구축 사업 수주</p> | |
275 | + <p>· 구미시 키워드 분석 용역 (구미시)</p> | |
276 | + <p>· AI 디지털교과서 통합 지원센터 모델발굴 및 시범운영 용역 (한국교육학술정보원)</p> | |
277 | + <p>· 구미시 2023년 행정정보 및 홈페이지시스템 통합유지관리 용역 중 공공데이터 (구미시)</p> | |
278 | + <p>· AI 횡단보도 기술 관련 출원사실증명</p> | |
279 | + <img src="../../resources/img/common/history-img110.png" alt=""> | |
280 | + | |
281 | + | |
282 | + </div> | |
283 | + </div> | |
284 | + </div> | |
285 | + </div> | |
286 | + </div> | |
287 | + </div> | |
288 | + <div class="swiper-pagination"></div> | |
289 | + </div> | |
290 | + <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> | |
291 | + <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> | |
292 | + | |
293 | + | |
294 | + <script> | |
295 | + var swiper = new Swiper(".mySwiper", { | |
296 | + cssMode:true, | |
297 | + direction: "vertical", | |
298 | + slidesPerView: 1, | |
299 | + spaceBetween: 30, | |
300 | + mousewheel: { | |
301 | + eventsTarget: '.swiper-slide' | |
302 | + }, | |
303 | + slidesOffsetAfter: 220, | |
304 | + pagination: { | |
305 | + el: ".swiper-pagination", | |
306 | + clickable: true, | |
307 | + }, | |
308 | + on: { | |
309 | + init: function () { | |
310 | + const slides = document.querySelectorAll('.swiper-slide'); | |
311 | + slides.forEach(slide => { | |
312 | + slide.addEventListener('wheel', function (e) { | |
313 | + const delta = e.wheelDelta || -e.deltaY; | |
314 | + console.log(delta) | |
315 | + // 슬라이드 내부에서 상단 또는 하단 경계에 도달했을 경우 Swiper 슬라이드 전환 허용 | |
316 | + if ((this.scrollTop === (this.scrollHeight - this.offsetHeight) && delta < 0) || (this.scrollTop === 0 && delta > 0)) { | |
317 | + e.stopPropagation(); | |
318 | + } | |
319 | + }, { passive: false }); | |
320 | + }); | |
321 | + } | |
322 | + } | |
323 | + }); | |
324 | + </script> | |
325 | + | |
326 | +</html>(No newline at end of file) |
Add a comment
Delete comment
Once you delete this comment, you won't be able to recover it. Are you sure you want to delete this comment?