2620227
54850b79b1
- 홈(index.html), 소개(about.html), 연락처(contact.html) 3페이지 - 네비게이션 버튼으로 페이지 간 이동 - style.css 공통 스타일
45 lines
1.5 KiB
HTML
45 lines
1.5 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 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>배포 테스트 사이트 — Coolify + Gitea</footer>
|
|
</body>
|
|
</html>
|