환영회 초대로 개인정보 수집하는 랜딩페이지
개인정보 수집을 문자로 받아서 불편했던 점 개선
수작업에서 엑셀에 자동으로 파일이 모아지는 점
진행 방법
미리캔버스로 포스터 만들고
구글폼으로 개인정보 설문폼
네이버 QR코드에서 QR만금
Naver :: Everything about mobile phones, Naver QR code
감마에서 소개자료 만듬
클로드로 랜딩페이지
https://claude.ai/chat/9a223a10-0086-4cf4-b9a2-3ba594e1b8a2
Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.
랜딩페이지 전문가가 화려하고 세련된 랜딩페이지를 만들어 주세요
화이트와 파랑색으로 섞어서 해주시고 사진은 한국시험행정사회로 검색된 사진으로 채워주세요Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.
Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)
```html
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2024년도 제12회 행정사시험 합격자 환영회</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
<style>
.bg-custom-blue {
background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
}
.text-shadow {
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
</style>
</head>
<body class="bg-custom-blue min-h-screen text-white">
<!-- Hero Section -->
<header class="relative h-screen flex items-center justify-center">
<div class="absolute inset-0 bg-black opacity-30"></div>
<div class="relative z-10 text-center px-4">
<img src="/api/placeholder/150/150" alt="행정사회 로고" class="mx-auto mb-8 rounded-full shadow-lg">
<h1 class="text-5xl font-bold mb-6 text-shadow">2024년도 제12회<br>행정사시험 합격자 환영회</h1>
<p class="text-2xl mb-8 text-shadow">대한민국 시험출신행정사들의 대표단체</p>
</div>
</header>
<main class="container mx-auto px-4 py-16">
<!-- Event Info Section -->
<section class="mb-20 grid md:grid-cols-3 gap-8">
<div class="bg-blue-800/50 backdrop-blur rounded-xl p-8">
<img src="/api/placeholder/400/300" alt="행사일정" class="w-full h-48 object-cover rounded-lg mb-6">
<h3 class="text-2xl font-bold mb-4">행사 일시</h3>
<p class="text-xl">12.6.(금) 15:00</p>
</div>
<div class="bg-blue-800/50 backdrop-blur rounded-xl p-8">
<img src="/api/placeholder/400/300" alt="행사장소" class="w-full h-48 object-cover rounded-lg mb-6">
<h3 class="text-2xl font-bold mb-4">행사 장소</h3>
<p class="text-xl">매헌윤봉길의사기념관 3층 대강당</p>
<p>서울시 서초구 매헌로 99</p>
</div>
<div class="bg-blue-800/50 backdrop-blur rounded-xl p-8">
<img src="/api/placeholder/400/300" alt="참가대상" class="w-full h-48 object-cover rounded-lg mb-6">
<h3 class="text-2xl font-bold mb-4">참가 대상</h3>
<p class="text-xl">정회원 및 제12회 행정사시험 합격자</p>
<p>(2차시험합격확인서 필수)</p>
</div>
</section>
<!-- Schedule Section -->
<section class="mb-20">
<h2 class="text-4xl font-bold text-center mb-12">진행 순서</h2>
<div class="grid md:grid-cols-2 gap-8">
<div class="bg-blue-800/50 backdrop-blur rounded-xl p-8">
<img src="/api/placeholder/400/300" alt="개회식" class="w-full h-48 object-cover rounded-lg mb-6">
<h3 class="text-2xl font-bold mb-4">제1부 개회식</h3>
<ul class="space-y-2">
<li>• 개회선언 사회자</li>
<li>• 환영사 회장 정의학 행정사</li>
<li>• 연혁 소개</li>
</ul>
</div>
<div class="bg-blue-800/50 backdrop-blur rounded-xl p-8">
<img src="/api/placeholder/400/300" alt="특강" class="w-full h-48 object-cover rounded-lg mb-6">
<h3 class="text-2xl font-bold mb-4">제2부 특강</h3>
<ul class="space-y-4">
<li>• "행정사로서의 所懷"<br>
<span class="text-blue-200">정 학 행정사</span></li>
<li>• "행정심판 및 권리금계약(서)의 최신 쟁점"<br>
<span class="text-blue-200">안준태 행정사</span></li>
<li>• "글로벌시대의 행정사의 역할과 방향"<br>
<span class="text-blue-200">이지희 행정사</span></li>
</ul>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="text-center mb-20">
<h2 class="text-4xl font-bold mb-12">문의 및 등록</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="bg-blue-800/50 backdrop-blur rounded-xl p-8">
<img src="/api/placeholder/300/300" alt="정의학 행정사" class="w-32 h-32 rounded-full mx-auto mb-6">
<h3 class="text-xl font-bold mb-2">정의학 행정사</h3>
<p class="mb-4">회장</p>
<a href="tel:010-6379-2719" class="text-blue-200 hover:text-blue-100">010-6379-2719</a>
</div>
<div class="bg-blue-800/50 backdrop-blur rounded-xl p-8">
<img src="/api/placeholder/300/300" alt="박경미 행정사" class="w-32 h-32 rounded-full mx-auto mb-6">
<h3 class="text-xl font-bold mb-2">박경미 행정사</h3>
<p class="mb-4">회원지원본부장</p>
<a href="tel:010-7686-9200" class="text-blue-200 hover:text-blue-100">010-7686-9200</a>
</div>
<div class="bg-blue-800/50 backdrop-blur rounded-xl p-8">
<img src="/api/placeholder/300/300" alt="이유선 행정사" class="w-32 h-32 rounded-full mx-auto mb-6">
<h3 class="text-xl font-bold mb-2">이유선 행정사</h3>
<p class="mb-4">사전등록 담당</p>
<a href="tel:010-9640-1661" class="text-blue-200 hover:text-blue-100">010-9640-1661</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="text-center">
<div class="mb-8">
<h2 class="text-3xl font-bold mb-4">한국시험행정사회</h2>
<p class="text-xl">참가비 무료 (회식참가자 3만 원)</p>
</div>
<img src="/api/placeholder/200/200" alt="QR Code" class="mx-auto rounded-xl">
</footer>
</main>
</body>
</html>
```
I've created a landing page with a deep blue gradient background and white text. All placeholder images should be replaced with actual photos from the Korean Administrative Agents Association. Would you like me to adjust any aspects of the design?
결과와 배운 점
(내용 입력)
그냥 생각나는 대로 했기에 퀼리티는 없습니다.
(내용 입력)