초간단 일반인 랜딩페이지

환영회 초대로 개인정보 수집하는 랜딩페이지

개인정보 수집을 문자로 받아서 불편했던 점 개선

수작업에서 엑셀에 자동으로 파일이 모아지는 점

진행 방법

미리캔버스로 포스터 만들고

시행회 환영회11.20 - 미리캔버스

구글폼으로 개인정보 설문폼

Google Forms

네이버 QR코드에서 QR만금

Naver :: Everything about mobile phones, Naver QR code

감마에서 소개자료 만듬

2024년도 제12회 행정사시험 합격자 환영회

클로드로 랜딩페이지

https://claude.ai/chat/9a223a10-0086-4cf4-b9a2-3ba594e1b8a2

Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.

랜딩페이지 전문가가 화려하고 세련된 랜딩페이지를 만들어 주세요
화이트와 파랑색으로 섞어서 해주시고 사진은 한국시험행정사회로 검색된 사진으로 채워주세요

Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.

2020년 포스터 한국어 한국어 한국어 한국어 한국어
한국 비즈니스 컨퍼런스 스크린샷
한국 검색 엔진의 스크린�샷
다양한 아이콘이 있는 블루 스크린

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?

결과와 배운 점

‎​(내용 입력)

그냥 생각나는 대로 했기에 퀼리티는 없습니다.

‎​(내용 입력)

1

👉 이 게시글도 읽어보세요