2620227
54850b79b1
- 홈(index.html), 소개(about.html), 연락처(contact.html) 3페이지 - 네비게이션 버튼으로 페이지 간 이동 - style.css 공통 스타일
49 lines
1.4 KiB
HTML
49 lines
1.4 KiB
HTML
<!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>
|