feat: MDB 관련 CSS 링크 및 서비스 준비 문구 추가

jxmen-workspace · Jun 7, 2024 · 7e33796 · 7e33796
1 parent 3065af2
commit 7e33796
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
@@ -3,7 +3,16 @@
 <th:block th:replace="~{layout/header :: header}"></th:block>
 <body>
 
-<p1>Hello World!</p1>
+<main class="container d-flex justify-content-center align-items-center vh-100">
+    <section class="p-5 text-center">
+        <h1 class="display-4">CS 면접 대비 - AI 면접관</h1>
+        <p class="lead">AI 면접관과 함께 CS 면접을 준비해보세요!</p>
+
+        <div class="alert alert-primary" role="alert">
+            <strong>Note:</strong> 현재 서비스 준비중입니다.
+        </div>
+    </section>
+</main>
 
 </body>
 </html>
diff --git a/src/main/resources/templates/layout/header.html b/src/main/resources/templates/layout/header.html
@@ -7,6 +7,22 @@
               content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
         <meta http-equiv="X-UA-Compatible" content="ie=edge">
         <title>cs-ai-interviewer</title>
+
+        <!-- Font Awesome -->
+        <link
+                href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"
+                rel="stylesheet"
+        />
+        <!-- Google Fonts -->
+        <link
+                href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
+                rel="stylesheet"
+        />
+        <!-- MDB -->
+        <link
+                href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/7.3.0/mdb.min.css"
+                rel="stylesheet"
+        />
     </head>
 </th:block>
 </html>