<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Allkeep 건강식품 브랜드</title>
<style>
body { font-family: 'Pretendard', sans-serif; margin: 0; padding: 0; background-color: #f8f9fa; }
header { background-color: #ffffff; padding: 20px 40px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
header h1 { margin: 0; font-size: 28px; color: #3a5f0b; }
nav { margin-top: 10px; }
nav a { margin-right: 20px; text-decoration: none; color: #333; font-weight: 500; }
.hero { background: url('https://via.placeholder.com/1200x400') no-repeat center/cover; height: 400px; display: flex; align-items: center; justify-content: center; text-align: center; color: white; }
.hero h2 { font-size: 36px; background: rgba(0,0,0,0.5); padding: 10px 20px; border-radius: 10px; }
section { padding: 60px 40px; }
section h3 { font-size: 28px; margin-bottom: 20px; color: #2c3e50; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.card { background-color: white; padding: 20px; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.card h4 { margin-top: 0; color: #3a5f0b; }
footer { background-color: #343a40; color: white; text-align: center; padding: 30px 20px; margin-top: 60px; }
</style>
</head>
<body>
<header>
<h1>Allkeep 올킵</h1>
<nav>
<a href="#brand">브랜드 소개</a>
<a href="#products">제품 이야기</a>
<a href="#reviews">고객 후기</a>
<a href="#research">기술 & 특허</a>
<a href="#guide">복용 가이드</a>
<a href="#event">이벤트</a>
</nav>
</header>
<div class="hero">
<h2>지금, 당신의 건강을 올-킵하다</h2>
</div>
<section id="brand">
<h3>Allkeep 브랜드 이야기</h3>
<p>자연 유래 원료와 특허 기술로 건강을 지키는 방법, 올킵과 함께 하세요.</p>
</section>
<section id="products">
<h3>올킵 주요 제품</h3>
<div class="grid">
<div class="card">
<h4>난각막 구아검 가수분해물 정</h4>
<p>관절 & 피부 건강을 동시에! 하루 한 알로 시작하는 건강 습관.</p>
</div>
<div class="card">
<h4>홍화씨 복합정</h4>
<p>혈액순환과 면역력, 40대 이상 여성에게 꼭 필요한 선택.</p>
</div>
</div>
</section>
<section id="reviews">
<h3>리얼 고객 후기</h3>
<p>직접 복용해본 소비자들의 생생한 후기, 지금 확인해보세요.</p>
</section>
<section id="research">
<h3>기술 & 특허</h3>
<p>올킵은 특허예비출원된 난각막·홍화 복합기술을 바탕으로 합니다. 믿을 수 있는 자료와 인증서를 공개합니다.</p>
</section>
<section id="guide">
<h3>복용 가이드</h3>
<p>언제, 어떻게 먹어야 효과적일까요? 연령별 복용법과 주의사항을 안내합니다.</p>
</section>
<section id="event">
<h3>진행 중인 이벤트</h3>
<p>지금 참여하고 특별한 혜택도 챙겨가세요!</p>
</section>
<footer>
<p>ⓒ 2025 Allkeep. 대표: 최원주 | 사업자번호: 739-22-01512 | 경기도 김포시 사우중로 74번길 43</p>
</footer>
</body>
</html>
카테고리 없음