mycoms 2024-04-02
240402 김하영
@f872fcc88e984ae8cc50534c0afee04241cf647e
resources/css/style.css
--- resources/css/style.css
+++ resources/css/style.css
@@ -1306,16 +1306,21 @@
     font-weight: 500;
 }
 .etc-wrap-title h1{
-    font-size: 6rem;
+    font-size: 5rem;
 }
 .etc-box{
     width: 49%;
-    border: 1px solid red;
 }
 .etc-box img{
     width: 100%;
     object-fit: contain;
 }
 .etc-box-title p{
-    font-size: 2.5rem;
+    font-weight: 900;
+    font-size: 2.5rem !important;
+}
+.etc-box p{
+    font-size: 1.5rem;
+    line-height: 2;
+    padding-left: 2rem;
 }
(No newline at end of file)
 
resources/img/common/dataAnalysis-img.png (Binary) (added)
+++ resources/img/common/dataAnalysis-img.png
Binary file is not shown
 
resources/img/common/dataAnalysis-img2.png (Binary) (added)
+++ resources/img/common/dataAnalysis-img2.png
Binary file is not shown
 
resources/img/common/dataAnalysis-img3.png (Binary) (added)
+++ resources/img/common/dataAnalysis-img3.png
Binary file is not shown
 
resources/img/common/dataAnalysis-img4.png (Binary) (added)
+++ resources/img/common/dataAnalysis-img4.png
Binary file is not shown
 
resources/img/common/dataAnalysis-img5.png (Binary) (added)
+++ resources/img/common/dataAnalysis-img5.png
Binary file is not shown
 
resources/img/common/dataAnalysis-img6.png (Binary) (added)
+++ resources/img/common/dataAnalysis-img6.png
Binary file is not shown
 
resources/img/common/dataAnalysis-img7.png (Binary) (added)
+++ resources/img/common/dataAnalysis-img7.png
Binary file is not shown
 
resources/img/common/dataAnalysis-img8.png (Binary) (added)
+++ resources/img/common/dataAnalysis-img8.png
Binary file is not shown
views/layout/Header.html
--- views/layout/Header.html
+++ views/layout/Header.html
@@ -17,10 +17,10 @@
                     <li>
                         <a href="#">Portfolio</a>
                         <ul class="dropdown ">
-                            <li><a href="#">Data</a></li>
+                            <li><a href="">Data</a></li>
                             <li><a href="#">Visualization</a></li>
                             <li><a href="#">Smart City</a></li>
-                            <li><a href="#">Data Analysis</a></li>
+                            <li><a href="../../views/pages/DataAnalysis.html">Data Analysis</a></li>
                             <li><a href="../../views/pages/Customized.html">Customized Consulting</a></li>
                             <li><a href="../../views/pages/Etc.html">ETC</a></li>
                         </ul>
 
views/pages/DataAnalysis.html (added)
+++ views/pages/DataAnalysis.html
@@ -0,0 +1,179 @@
+<!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" />
+
+
+
+    <title>TAKENSOFT</title>
+</head>
+
+<body>
+    <div id="header"></div>
+    <div class="taken-wrap " style=" height: 100%;">
+
+        <div class="text-area flex align-center">
+
+            <div class="flex justify-between" style="gap: 10px; width: 100%;">
+                <div class="etc-wrap-title mb60">
+                    <h1 class="mb20">데이터분석 및 관리 플랫폼 구축</h1>
+                    <p>다양한 데이터 기반 분석 노하우를 바탕으로 고객이 필요로 하는 시스템을 분석하여 인공지능 기반의 서비스 시스템을 분석하고 관리하는 플랫폼을 구축합니다.</p>
+                </div>
+                <div class="flex justify-between align-end box-wrap mb30" style="width: 100%; gap: 20px;">
+                    <div>
+                        <img src="../../resources/img/common/dataAnalysis-img.png" alt="">
+                        <p>도로 위험 감지 시스템</p>
+                    </div>
+                    <div>
+                        <img src="../../resources/img/common/dataAnalysis-img2.png" alt="">
+                        <p>안개 감지 플랫폼</p>
+                    </div>
+                    <div>
+                        <img src="../../resources/img/common/dataAnalysis-img3.png" alt="">
+                        <p>이동경로 최적화 서비스</p>
+                    </div>
+                    <div>
+                        <img src="../../resources/img/common/dataAnalysis-img4.png" alt="">
+                        <p>횡단보도 및 내비게이션 연계 플랫폼</p>
+                    </div>
+                </div>
+                <div class="flex justify-between  align-end box-wrap" style="width: 100%; gap: 20px;">
+                    <div>
+                        <img src="../../resources/img/common/dataAnalysis-img5.png" alt="">
+                        <p>전력데이터 관리 시스템</p>
+                    </div>
+                    <div>
+                        <img src="../../resources/img/common/dataAnalysis-img6.png" alt="">
+                        <p>금형 부품 데이터 관리 플랫폼</p>
+                    </div>
+                    <div>
+                        <img src="../../resources/img/common/dataAnalysis-img7.png" alt="">
+                        <p>제조 데이터 관리 시스템</p>
+                    </div>
+                    <div>
+                        <img src="../../resources/img/common/dataAnalysis-img8.png" alt="">
+                        <p>메타데이터 관리 시스템</p>
+                    </div>
+                </div>
+            </div>
+
+        </div>
+    </div>
+    <div id="footer"></div>
+
+</body>
+<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>
+
+    $(document).ready(function () {
+        $("#btnHeadquarter").click(function () {
+            $("#btnHeadquarter").addClass('on');
+            $("#btnDaeguBranch").removeClass('on');
+            $("#contentDaeguBranch").hide();
+
+            $("#contentHeadquarter").show();
+        });
+
+        $("#btnDaeguBranch").click(function () {
+            $("#btnDaeguBranch").addClass('on');
+            $("#btnHeadquarter").removeClass('on');
+
+            $("#contentHeadquarter").hide();
+
+            $("#contentDaeguBranch").show();
+
+
+
+
+
+        });
+    });
+
+
+
+    $(function () {
+        $("#header").load("../layout/Header.html");
+        $("#footer").load("../layout/footer.html");
+        $("#footer").show();
+
+    });
+
+</script>
+
+<style scoped>
+    /* 스크롤바 없애기 */
+    body {
+        -ms-overflow-style: none;
+        /* 인터넷 익스플로러 */
+        scrollbar-width: none;
+        /* 파이어폭스 */
+    }
+
+    ::-webkit-scrollbar {
+        display: none;
+    }
+
+    #header {
+        position: fixed;
+        top: 0;
+        z-index: 3;
+        border-bottom: 1px solid #ced4da;
+        background-color: white;
+    }
+
+    #header .header .logo {
+        background: url(../../resources/img/component/logo-color.png) no-repeat;
+        width: 200px;
+        background-size: contain;
+        height: 25px;
+
+
+    }
+
+    #header .header nav li a {
+        color: #333;
+
+    }
+
+
+
+    html,
+    body {
+        position: relative;
+        height: 100%;
+        font-family: 'Pretendard';
+
+    }
+
+    body {
+        background: linear-gradient(#f8f9fa, #fff, #fff);
+        font-family: 'Pretendard';
+        font-size: 14px;
+        color: #000;
+        margin: 0;
+        padding: 0;
+    }
+
+
+  .box-wrap div img{
+    padding-bottom: 2rem;
+  }
+  .box-wrap div p{
+    font-size: 1.8rem;
+  }
+</style>
+
+</html>(No newline at end of file)
views/pages/Etc.html
--- views/pages/Etc.html
+++ views/pages/Etc.html
@@ -35,7 +35,7 @@
                         <div class="mb20">
                             <img src="../../resources/img/common/etc-img.png" alt="">
                         </div>
-                        <div class="etc-box-title">
+                        <div class="etc-box-title mb20">
                             <p>정부혁신 웹사이트 기능개선 및 유지관리</p>
                         </div>
                         <div style="text-align: left;">
@@ -48,12 +48,12 @@
                         <div class="mb20">
                             <img src="../../resources/img/common/etc-img2.png" alt="">
                         </div>
-                        <div class="etc-box-title">
+                        <div class="etc-box-title mb20">
                             <p>AI 디지털교과서 통합지원센터 모델발굴 및 시범운영</p>
                         </div>
                         <div style="text-align: left;">
-                            <p>- AI</p>
-                            <p>- 웹사이트 개편을 통한 관리자 업무 효율성 확대</p>
+                            <p>- AI 디지털교과서 통합지원센터 홈페이지 프로토타입 개발 및 운영</p>
+                            <p>- AI 디지털교과서 개발사 및 에듀테크 기업의 특성을 고려한 다양한 개발 지원 모델 개발</p>
                         </div>
                     </div>
                    
@@ -145,11 +145,12 @@
     body {
         position: relative;
         height: 100%;
+        font-family: 'Pretendard';
 
     }
 
     body {
-        background: #fff;
+        background: linear-gradient(#f8f9fa, #fff, #fff);
         font-family: 'Pretendard';
         font-size: 14px;
         color: #000;
Add a comment
List