JOIN05.html

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="img/Logo.png" type="image/png">
    <link rel="stylesheet" href="main.css">
    <title>회원 가입 완료</title>
</head>
<body>

        <nav class="top-nav">
            <div class="nav-container">
                <div class="logo-area">
                    <img src="img/logo.png" alt="Logo" class="logo">
                    <img src="img/letters.svg" alt="Letters" class="letters">
                </div>
                <div class="login-area">
                    <span class="login-text" id="loginText">로그인</span>
                    <div class="user-info" id="userInfo" style="display: none;">
                        <img src="img/profile.svg" alt="프로필" class="profile-icon">
                        <span class="user-name">사용자 이름</span>
                    </div> <!-- 로그인 후 사용자 이름 표시 -->
                </div>
            </div>
        </nav>
        <main class="main-content">
            <div class="box1200">
                <h1 class="title" style="margin-bottom: 32px;">EATS에 가입해 주셔서 감사합니다! </h1>
                <div class="thank-you-message" style="text-align: center; margin-top: 32px;">
                    <p style="color: var(--Gray-700, #344054); font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px;">
                        가장 빠르고 쉽게 자폐 스펙트럼 진단을 할 수 있도록 EATS가 도와드리겠습니다.
                    </p>
                    <img src="img/join05.svg" alt="Join EATS" style="margin-top: 32px; display: block; margin-left: auto; margin-right: auto;">
                </div>
                <div class="box2">
                <div class="button-container" style="margin-top: 32px;">
                    <button class="button-normal">로그인하러 가기</button>
                </div></div>
            </div>
            
        </main>
    </div>
   

</body>
</html> 