

240402 김하영
@f872fcc88e984ae8cc50534c0afee04241cf647e
--- resources/css/style.css
+++ resources/css/style.css
... | ... | @@ -1306,16 +1306,21 @@ |
1306 | 1306 |
font-weight: 500; |
1307 | 1307 |
} |
1308 | 1308 |
.etc-wrap-title h1{ |
1309 |
- font-size: 6rem; |
|
1309 |
+ font-size: 5rem; |
|
1310 | 1310 |
} |
1311 | 1311 |
.etc-box{ |
1312 | 1312 |
width: 49%; |
1313 |
- border: 1px solid red; |
|
1314 | 1313 |
} |
1315 | 1314 |
.etc-box img{ |
1316 | 1315 |
width: 100%; |
1317 | 1316 |
object-fit: contain; |
1318 | 1317 |
} |
1319 | 1318 |
.etc-box-title p{ |
1320 |
- font-size: 2.5rem; |
|
1319 |
+ font-weight: 900; |
|
1320 |
+ font-size: 2.5rem !important; |
|
1321 |
+} |
|
1322 |
+.etc-box p{ |
|
1323 |
+ font-size: 1.5rem; |
|
1324 |
+ line-height: 2; |
|
1325 |
+ padding-left: 2rem; |
|
1321 | 1326 |
}(No newline at end of file) |
+++ resources/img/common/dataAnalysis-img.png
Binary file is not shown |
+++ resources/img/common/dataAnalysis-img2.png
Binary file is not shown |
+++ resources/img/common/dataAnalysis-img3.png
Binary file is not shown |
+++ resources/img/common/dataAnalysis-img4.png
Binary file is not shown |
+++ resources/img/common/dataAnalysis-img5.png
Binary file is not shown |
+++ resources/img/common/dataAnalysis-img6.png
Binary file is not shown |
+++ resources/img/common/dataAnalysis-img7.png
Binary file is not shown |
+++ resources/img/common/dataAnalysis-img8.png
Binary file is not shown |
--- views/layout/Header.html
+++ views/layout/Header.html
... | ... | @@ -17,10 +17,10 @@ |
17 | 17 |
<li> |
18 | 18 |
<a href="#">Portfolio</a> |
19 | 19 |
<ul class="dropdown "> |
20 |
- <li><a href="#">Data</a></li> |
|
20 |
+ <li><a href="">Data</a></li> |
|
21 | 21 |
<li><a href="#">Visualization</a></li> |
22 | 22 |
<li><a href="#">Smart City</a></li> |
23 |
- <li><a href="#">Data Analysis</a></li> |
|
23 |
+ <li><a href="../../views/pages/DataAnalysis.html">Data Analysis</a></li> |
|
24 | 24 |
<li><a href="../../views/pages/Customized.html">Customized Consulting</a></li> |
25 | 25 |
<li><a href="../../views/pages/Etc.html">ETC</a></li> |
26 | 26 |
</ul> |
+++ views/pages/DataAnalysis.html
... | ... | @@ -0,0 +1,179 @@ |
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 | + | |
18 | + | |
19 | + | |
20 | + <title>TAKENSOFT</title> | |
21 | +</head> | |
22 | + | |
23 | +<body> | |
24 | + <div id="header"></div> | |
25 | + <div class="taken-wrap " style=" height: 100%;"> | |
26 | + | |
27 | + <div class="text-area flex align-center"> | |
28 | + | |
29 | + <div class="flex justify-between" style="gap: 10px; width: 100%;"> | |
30 | + <div class="etc-wrap-title mb60"> | |
31 | + <h1 class="mb20">데이터분석 및 관리 플랫폼 구축</h1> | |
32 | + <p>다양한 데이터 기반 분석 노하우를 바탕으로 고객이 필요로 하는 시스템을 분석하여 인공지능 기반의 서비스 시스템을 분석하고 관리하는 플랫폼을 구축합니다.</p> | |
33 | + </div> | |
34 | + <div class="flex justify-between align-end box-wrap mb30" style="width: 100%; gap: 20px;"> | |
35 | + <div> | |
36 | + <img src="../../resources/img/common/dataAnalysis-img.png" alt=""> | |
37 | + <p>도로 위험 감지 시스템</p> | |
38 | + </div> | |
39 | + <div> | |
40 | + <img src="../../resources/img/common/dataAnalysis-img2.png" alt=""> | |
41 | + <p>안개 감지 플랫폼</p> | |
42 | + </div> | |
43 | + <div> | |
44 | + <img src="../../resources/img/common/dataAnalysis-img3.png" alt=""> | |
45 | + <p>이동경로 최적화 서비스</p> | |
46 | + </div> | |
47 | + <div> | |
48 | + <img src="../../resources/img/common/dataAnalysis-img4.png" alt=""> | |
49 | + <p>횡단보도 및 내비게이션 연계 플랫폼</p> | |
50 | + </div> | |
51 | + </div> | |
52 | + <div class="flex justify-between align-end box-wrap" style="width: 100%; gap: 20px;"> | |
53 | + <div> | |
54 | + <img src="../../resources/img/common/dataAnalysis-img5.png" alt=""> | |
55 | + <p>전력데이터 관리 시스템</p> | |
56 | + </div> | |
57 | + <div> | |
58 | + <img src="../../resources/img/common/dataAnalysis-img6.png" alt=""> | |
59 | + <p>금형 부품 데이터 관리 플랫폼</p> | |
60 | + </div> | |
61 | + <div> | |
62 | + <img src="../../resources/img/common/dataAnalysis-img7.png" alt=""> | |
63 | + <p>제조 데이터 관리 시스템</p> | |
64 | + </div> | |
65 | + <div> | |
66 | + <img src="../../resources/img/common/dataAnalysis-img8.png" alt=""> | |
67 | + <p>메타데이터 관리 시스템</p> | |
68 | + </div> | |
69 | + </div> | |
70 | + </div> | |
71 | + | |
72 | + </div> | |
73 | + </div> | |
74 | + <div id="footer"></div> | |
75 | + | |
76 | +</body> | |
77 | +<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> | |
78 | +<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> | |
79 | +<script> | |
80 | + | |
81 | + $(document).ready(function () { | |
82 | + $("#btnHeadquarter").click(function () { | |
83 | + $("#btnHeadquarter").addClass('on'); | |
84 | + $("#btnDaeguBranch").removeClass('on'); | |
85 | + $("#contentDaeguBranch").hide(); | |
86 | + | |
87 | + $("#contentHeadquarter").show(); | |
88 | + }); | |
89 | + | |
90 | + $("#btnDaeguBranch").click(function () { | |
91 | + $("#btnDaeguBranch").addClass('on'); | |
92 | + $("#btnHeadquarter").removeClass('on'); | |
93 | + | |
94 | + $("#contentHeadquarter").hide(); | |
95 | + | |
96 | + $("#contentDaeguBranch").show(); | |
97 | + | |
98 | + | |
99 | + | |
100 | + | |
101 | + | |
102 | + }); | |
103 | + }); | |
104 | + | |
105 | + | |
106 | + | |
107 | + $(function () { | |
108 | + $("#header").load("../layout/Header.html"); | |
109 | + $("#footer").load("../layout/footer.html"); | |
110 | + $("#footer").show(); | |
111 | + | |
112 | + }); | |
113 | + | |
114 | +</script> | |
115 | + | |
116 | +<style scoped> | |
117 | + /* 스크롤바 없애기 */ | |
118 | + body { | |
119 | + -ms-overflow-style: none; | |
120 | + /* 인터넷 익스플로러 */ | |
121 | + scrollbar-width: none; | |
122 | + /* 파이어폭스 */ | |
123 | + } | |
124 | + | |
125 | + ::-webkit-scrollbar { | |
126 | + display: none; | |
127 | + } | |
128 | + | |
129 | + #header { | |
130 | + position: fixed; | |
131 | + top: 0; | |
132 | + z-index: 3; | |
133 | + border-bottom: 1px solid #ced4da; | |
134 | + background-color: white; | |
135 | + } | |
136 | + | |
137 | + #header .header .logo { | |
138 | + background: url(../../resources/img/component/logo-color.png) no-repeat; | |
139 | + width: 200px; | |
140 | + background-size: contain; | |
141 | + height: 25px; | |
142 | + | |
143 | + | |
144 | + } | |
145 | + | |
146 | + #header .header nav li a { | |
147 | + color: #333; | |
148 | + | |
149 | + } | |
150 | + | |
151 | + | |
152 | + | |
153 | + html, | |
154 | + body { | |
155 | + position: relative; | |
156 | + height: 100%; | |
157 | + font-family: 'Pretendard'; | |
158 | + | |
159 | + } | |
160 | + | |
161 | + body { | |
162 | + background: linear-gradient(#f8f9fa, #fff, #fff); | |
163 | + font-family: 'Pretendard'; | |
164 | + font-size: 14px; | |
165 | + color: #000; | |
166 | + margin: 0; | |
167 | + padding: 0; | |
168 | + } | |
169 | + | |
170 | + | |
171 | + .box-wrap div img{ | |
172 | + padding-bottom: 2rem; | |
173 | + } | |
174 | + .box-wrap div p{ | |
175 | + font-size: 1.8rem; | |
176 | + } | |
177 | +</style> | |
178 | + | |
179 | +</html>(No newline at end of file) |
--- views/pages/Etc.html
+++ views/pages/Etc.html
... | ... | @@ -35,7 +35,7 @@ |
35 | 35 |
<div class="mb20"> |
36 | 36 |
<img src="../../resources/img/common/etc-img.png" alt=""> |
37 | 37 |
</div> |
38 |
- <div class="etc-box-title"> |
|
38 |
+ <div class="etc-box-title mb20"> |
|
39 | 39 |
<p>정부혁신 웹사이트 기능개선 및 유지관리</p> |
40 | 40 |
</div> |
41 | 41 |
<div style="text-align: left;"> |
... | ... | @@ -48,12 +48,12 @@ |
48 | 48 |
<div class="mb20"> |
49 | 49 |
<img src="../../resources/img/common/etc-img2.png" alt=""> |
50 | 50 |
</div> |
51 |
- <div class="etc-box-title"> |
|
51 |
+ <div class="etc-box-title mb20"> |
|
52 | 52 |
<p>AI 디지털교과서 통합지원센터 모델발굴 및 시범운영</p> |
53 | 53 |
</div> |
54 | 54 |
<div style="text-align: left;"> |
55 |
- <p>- AI</p> |
|
56 |
- <p>- 웹사이트 개편을 통한 관리자 업무 효율성 확대</p> |
|
55 |
+ <p>- AI 디지털교과서 통합지원센터 홈페이지 프로토타입 개발 및 운영</p> |
|
56 |
+ <p>- AI 디지털교과서 개발사 및 에듀테크 기업의 특성을 고려한 다양한 개발 지원 모델 개발</p> |
|
57 | 57 |
</div> |
58 | 58 |
</div> |
59 | 59 |
|
... | ... | @@ -145,11 +145,12 @@ |
145 | 145 |
body { |
146 | 146 |
position: relative; |
147 | 147 |
height: 100%; |
148 |
+ font-family: 'Pretendard'; |
|
148 | 149 |
|
149 | 150 |
} |
150 | 151 |
|
151 | 152 |
body { |
152 |
- background: #fff; |
|
153 |
+ background: linear-gradient(#f8f9fa, #fff, #fff); |
|
153 | 154 |
font-family: 'Pretendard'; |
154 | 155 |
font-size: 14px; |
155 | 156 |
color: #000; |
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?