init: 안녕하세요! 샘플 정적 사이트 (Coolify 배포 테스트)
- 홈(index.html), 소개(about.html), 연락처(contact.html) 3페이지 - 네비게이션 버튼으로 페이지 간 이동 - style.css 공통 스타일
This commit is contained in:
48
contact.html
Normal file
48
contact.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<!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">홈</a>
|
||||
<a href="about.html" class="btn">소개</a>
|
||||
<a href="contact.html" class="btn active">연락처</a>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
<h1>연락처 📬</h1>
|
||||
<p class="subtitle">궁금한 점이 있으면 연락주세요.</p>
|
||||
|
||||
<div class="card">
|
||||
<span class="badge">연락처</span>
|
||||
<h2>연락 방법</h2>
|
||||
<div>
|
||||
<div class="contact-item">
|
||||
<span class="contact-label">GitHub</span>
|
||||
<span>github.com/2620227</span>
|
||||
</div>
|
||||
<div class="contact-item">
|
||||
<span class="contact-label">Gitea</span>
|
||||
<span>gitea.bokdev.in/2620227</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h2>빠른 이동</h2>
|
||||
<p>다른 페이지로 이동해보세요.</p>
|
||||
<div class="button-group">
|
||||
<a href="index.html" class="btn secondary">← 홈으로</a>
|
||||
<a href="about.html" class="btn primary">소개 보기</a>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer>배포 테스트 사이트 — Coolify + Gitea</footer>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user