2025년 6월 11일 (수) 10:57 판

👋 Welcome to the

ENGINEERING-WIKI

The bespoke Engineering wiki that held the line since 2025.

News

Start!

   <a href="">도로(Road)</a>

   <a href="">교량(Bridge)</a>

   <a href="">터널(Tunnel)</a>

   <a href="">공항(Airport)</a>

   <a href="">하천(River)</a>

   <a href="">댐(Dam)</a>

   <a href="">지반(Ground)</a>

   <a href="">항만(Port)</a>

   <a href="">도시계획(Urban)</a>

   <a href="">철도(Rail)</a>

   <a href="">조경(Landscape)</a>

   <a href="">환경(Environment)</a>

   <a href="">전기(Electricity)</a>

   <a href="">기계설비(Machine and facility)</a>

   <a href="">정보통신(Information and communication)</a>

   <a href="#">엔지니어링 기업</a>

   <a href="#">엔지니어링 용어</a>

   <a href="#">엔지니어링이란?</a>

   <a href="#">On the wiki</a>

   Official links

       Kenca website

       ETIS website

       Kenca education

       <img src="../images/main/naver_small.png" class="main-small-logo"> Naver blog

       <img src="../images/main/youtube_small.png" class="main-small-logo"> Youtube

     N-Wiki

</html>

@@ 1번째 줄: / 1번째 줄: @@
-<html>
+<div class="main-title">
-  <div class="main-title">
+<p>👋 Welcome to the</p>
-    <p>👋 Welcome to the</p>
+<h1>ENGINEERING-WIKI</h1>
-    <h1>ENGINEERING-WIKI</h1>
+<p>The bespoke <em>Engineering wiki</em> that held the line since 2025.</p>
-    <p>The bespoke <em>Engineering wiki</em> that held the line since 2025.</p>
+</div>
+<div class="main-search-box citizen-search-trigger" role="button" onclick="nsearch()">
+<img src="../images/main/main_search.svg" class="main-search-img" width="16" height="16">
+엔지니어링위키 검색
+</div>
+<div class="main-title-box main-banner-box">
+News
+</div>
+<div class="main-banner-image">
+Start!
+</div>
+<div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5 main-category">
+<div class="col">
+  <div>
+    <a href="">도로(Road)</a>
    </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">교량(Bridge)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">터널(Tunnel)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">공항(Airport)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">하천(River)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">댐(Dam)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">지반(Ground)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">항만(Port)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">도시계획(Urban)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">철도(Rail)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">조경(Landscape)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">환경(Environment)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">전기(Electricity)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">기계설비(Machine and facility)</a>
+  </div>
+</div>
+<div class="col">
+  <div>
+    <a href="">정보통신(Information and communication)</a>
+  </div>
+</div>
+</div>
-  <div class="main-search-box citizen-search-trigger" role="button" onclick="nsearch()">
+<div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-lg-5 main-middle">
-    <img src="../images/main/main_search.svg" class="main-search-img" width="16" height="16">
+<div class="col">
-    엔지니어링위키 검색
+  <div class="main-title-box">
+    <a href="#">엔지니어링 기업</a>
    </div>
+</div>
-   <div class="main-title-box main-banner-box">
+<div class="col">
-     News
+   <div class="main-title-box">
+     <a href="#">엔지니어링 용어</a>
    </div>
-   <div class="main-banner-image">
+</div>
-     Start!
+<div class="col">
+   <div class="main-title-box">
+     <a href="#">엔지니어링이란?</a>
    </div>
+</div>
-  <div class="main-category">
+<div class="col">
-    <div>도로(Road)</div>
+  <div class="main-title-box">
-     <div>교량(Bridge)</div>
+     <a href="#">On the wiki</a>
-    <div>터널(Tunnel)</div>
-    <div>공항(Airport)</div>
-    <div>하천(River)</div>
-    <div>댐(Dam)</div>
-    <div>지반(Ground)</div>
-    <div>항만(Port)</div>
-    <div>도시계획(Urban)</div>
-    <div>철도(Rail)</div>
-    <div>조경(Landscape)</div>
-    <div>환경(Environment)</div>
-    <div>전기(Electricity)</div>
-    <div>기계설비(Machine and facility)</div>
-    <div>정보통신(Information and communication)</div>
    </div>
+</div>
-  <div class="main-middle">
+<div class="col">
-    <div class="main-title-box">
+  <div class="main-title-box">
-      엔지니어링 기업
+    <span>Official links</span>
-      <div>
+    <div>
-        <div class="main-subtitle-box">
+      <div class="main-subtitle-box">
-          상장
+        Kenca website
-          <div>
+      </div>
-          </div>
+      <div class="main-subtitle-box">
-        </div>
+         ETIS website
-        <div class="main-subtitle-box">
-          비상장
-          <div>
-          </div>
-         </div>
        </div>
-    </div>
+       <div class="main-subtitle-box">
+         Kenca education
-    <div class="main-title-box">
-      엔지니어링 용어
-       <div>
-        <div id="toggle-char-kr" style="cursor: pointer;" class="main-subtitle-box">
-          <span>한글</span>
-          <div id="char-kr" style="display: none;">
-            <span class="char-kr">ㄱ</span>
-            <span class="char-kr">ㄴ</span>
-            <span class="char-kr">ㄷ</span>
-            <span class="char-kr">ㄹ</span>
-            <span class="char-kr">ㅁ</span>
-            <span class="char-kr">ㅂ</span>
-            <span class="char-kr">ㅅ</span>
-            <span class="char-kr">ㅇ</span>
-            <span class="char-kr">ㅈ</span>
-            <span class="char-kr">ㅊ</span>
-            <span class="char-kr">ㅋ</span>
-            <span class="char-kr">ㅌ</span>
-            <span class="char-kr">ㅍ</span>
-            <span class="char-kr">ㅎ</span>
-          </div>
-        </div>
-        <div id="toggle-char-en" style="cursor: pointer;" class="main-subtitle-box">
-          <span>영어</span>
-          <div id="char-en" style="display: none;">
-            <span class="char-en">A</span>
-            <span class="char-en">B</span>
-            <span class="char-en">C</span>
-            <span class="char-en">D</span>
-            <span class="char-en">E</span>
-            <span class="char-en">F</span>
-            <span class="char-en">G</span>
-            <span class="char-en">H</span>
-            <span class="char-en">I</span>
-            <span class="char-en">J</span>
-            <span class="char-en">K</span>
-            <span class="char-en">L</span>
-            <span class="char-en">M</span>
-            <span class="char-en">N</span>
-            <span class="char-en">O</span>
-            <span class="char-en">P</span>
-            <span class="char-en">Q</span>
-            <span class="char-en">R</span>
-            <span class="char-en">S</span>
-            <span class="char-en">T</span>
-            <span class="char-en">U</span>
-            <span class="char-en">V</span>
-            <span class="char-en">W</span>
-            <span class="char-en">X</span>
-            <span class="char-en">Y</span>
-            <span class="char-en">Z</span>
-          </div>
-         </div>
        </div>
-    </div>
+      <div class="main-subtitle-box">
+         <img src="../images/main/naver_small.png" class="main-small-logo"> Naver blog
-    <div class="main-title-box">
-      엔지니어링이란?
-      <div>
-         <div class="main-subtitle-box">
-          어원 및 역사
-          <div>
-          </div>
-        </div>
-        <div class="main-subtitle-box">
-          다양한 의견
-          <div>
-          </div>
-        </div>
        </div>
-    </div>
+      <div class="main-subtitle-box">
+         <img src="../images/main/youtube_small.png" class="main-small-logo"> Youtube
-    <div class="main-title-box">
-      On the wiki
-      <div>
-         <div class="main-subtitle-box">
-          Wiki 소개
-        </div>
-        <div class="main-subtitle-box">
-          Wiki 가이드
-        </div>
        </div>
      </div>
    </div>
+</div>
-   <div class="main-middle2">
+   <div class="col blank">
-    <div>
-      기획 중
-    </div>
      <div class="main-title-box">
-       Official links
+       N-Wiki
-      <div>
-        <div class="main-subtitle-box">
-          Kenca website
-        </div>
-        <div class="main-subtitle-box">
-          ETIS website
-        </div>
-        <div class="main-subtitle-box">
-          Kenca education
-        </div>
-        <div class="main-subtitle-box">
-          <img src="../images/main/naver_small.png" class="main-small-logo"> Naver blog
-        </div>
-        <div class="main-subtitle-box">
-          <img src="../images/main/youtube_small.png" class="main-small-logo"> Youtube
-        </div>
-      </div>
      </div>
    </div>
+</div>
 </html>