init: 안녕하세요! 샘플 정적 사이트 (Coolify 배포 테스트)

- 홈(index.html), 소개(about.html), 연락처(contact.html) 3페이지 - 네비게이션 버튼으로 페이지 간 이동 - style.css 공통 스타일
2026-06-12 05:36:27 +00:00
commit 54850b79b1
4 changed files with 333 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>안녕하세요!</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <nav>
+    <span class="logo">🌸 테스트 사이트</span>
+    <a href="index.html" class="btn active">홈</a>
+    <a href="about.html" class="btn">소개</a>
+    <a href="contact.html" class="btn">연락처</a>
+  </nav>
+
+  <main>
+    <h1>안녕하세요! 👋</h1>
+    <p class="subtitle">Coolify 배포 테스트용 샘플 사이트입니다.</p>
+
+    <div class="card">
+      <span class="badge">홈</span>
+      <h2>환영합니다!</h2>
+      <p>이 사이트는 Gitea + Coolify를 이용한 배포 파이프라인 테스트를 위해 만들어졌습니다. 아래 버튼을 눌러 다른 페이지로 이동해보세요.</p>
+      <div class="button-group">
+        <a href="about.html" class="btn primary">소개 보기</a>
+        <a href="contact.html" class="btn secondary">연락처 보기</a>
+      </div>
+    </div>
+
+    <div class="card">
+      <h2>페이지 목록</h2>
+      <p>이 사이트에는 3개의 페이지가 있습니다.</p>
+      <div class="button-group">
+        <a href="index.html" class="btn outline">홈 (현재)</a>
+        <a href="about.html" class="btn outline">소개</a>
+        <a href="contact.html" class="btn outline">연락처</a>
+      </div>
+    </div>
+  </main>
+
+  <footer>배포 테스트 사이트 &mdash; Coolify + Gitea</footer>
+</body>
+</html>