Spaces:

nkjoy
/

toxj

Running

App Files Files Community

toxj / terms.html

nkjoy

관리자 페이지 하나 만들어줘

5bd04d0 verified 6 months ago

raw

history blame contribute delete

16.8 kB

	<!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="icon" type="image/x-icon" href="/static/favicon.ico">
	<script src="https://cdn.tailwindcss.com"></script>
	<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
	<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
	<script src="https://unpkg.com/feather-icons"></script>
	<style>
	.glass-effect {
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
	}
	.gradient-bg {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	}
	</style>
	</head>
	<body class="min-h-screen gradient-bg text-white">
	<header class="relative z-10 py-6">
	<div class="container mx-auto px-4">
	<div class="flex justify-between items-center">
	<div class="flex items-center">
	<i data-feather="home" class="mr-2"></i>
	<h1 class="text-2xl font-bold">새터민들의 쉼터</h1>
	</div>
	<nav class="hidden md:block">
	<ul class="flex space-x-8">
	<li><a href="index.html" class="hover:text-yellow-200 transition">쉼터 홈</a></li>
	<li><a href="purpose.html" class="hover:text-yellow-200 transition">설립목적</a></li>
	<li><a href="terms.html" class="hover:text-yellow-200 transition font-bold">이용약관</a></li>
	<li><a href="charter.html" class="hover:text-yellow-200 transition">정관</a></li>
	<li><极 href="team.html" class="hover:text-yellow-200 transition">운영진</a></li>
	<li><a href="karaoke.html" class="hover:text-yellow-200 transition">노래방</a></li>
	</ul>
	</nav>
	<button class="md:hidden">
	<i data-feather="menu"></i>
	</button>
	</div>
	</div>
	</header>

	<main class="relative z-10 py-12">
	<section class="container mx-auto px-4 mb-16">
	<div class="glass-effect max-w-4xl mx-auto p-8" data-aos="fade-up">
	<h1 class="text-4xl font-bold mb-8 text-center">이용약관</h1>

	<div class="space-y-12">
	<div class="p-6 rounded-lg bg-white bg-opacity-10" data-aos="fade-up">
	<h3 class="text-2xl font-semibold mb-4 flex items-center">
	<i data-feather="file-text" class="mr-3 text-yellow-300"></i> 제 1 조 (목적)
	</h3>
	<p class="text-lg leading-relaxed">
	이 규칙은 본 사이트의 회원가입에 대한 조건 및 절차와 기타 필요한 사항을 규정함을 목적으로 합니다.
	</p>
	</div>

	<div class="p-6 rounded-lg bg-white bg-opacity-10" data-aos="fade-up">
	<h3 class="text-2xl font-semibold mb-4 flex items-center">
	<i data-feather="file-text" class="mr-3 text-yellow-300"></i> 제 2 조 (규칙의 효력 및 변경)
	</h3>
	<p class="text-lg leading-relaxed mb-3">
	이 규칙의 내용은 회원가입시 동의와 공지에 의해서 효력을 발생합니다.
	</p>
	<p class="text-lg leading-relaxed">
	본 사이트 운영위가 필요하다고 인정되는 경우 이 규칙의 내용을 개정(변경, 삭제 또는 추가) 할 수 있으며, 개정된 규칙은 상기 제①항과 같은 방법으로 효력을 발생합니다.
	</p>
	</div>

	<div class="p-6 rounded-lg bg-white bg-opacity-10" data-aos="fade-up">
	<h3 class="text-2xl font-semibold mb-4 flex items-center">
	<i data-feather="file-text" class="mr-3 text-yellow-300"></i> 제 3 조 (규칙외 준칙)
	</h3>
	<p class="text-lg leading-relaxed">
	이 규칙에 명시되지 않은 사항은 전기통신기본법, 전기 통신사업법 및 기타 관련법령의 규정에 의합니다.
	</p>
	</div>

	<div class="p-6 rounded-lg bg-white bg-opacity-10" data-aos="fade-up">
	<h3 class="text-2xl font-semibold mb-4 flex items-center">
	<i data-feather="file-text" class="mr-3 text-yellow-300"></i> 제 4 조 (회원의 범위)
	</h3>
	<p class="text-lg leading-relaxed mb-3">
	회원가입을 한자에 한해 회원됨을 원칙으로 합니다.
	</p>
	<p class="text-lg leading-relaxed mb-3">
	비회원은 특정 영역의 게시판을 사용하실 수 없습니다.
	</p>
	<p class="text-lg leading-relaxed mb-3">
	회원이라 함은 회원과 비회원을 통칭합니다.
	</p>
	<p class="text-lg leading-relaxed">
	기타 언급되지 않은 사항은 일반 통상적 회원가입 기준을 따릅니다.
	</p>
	</div>

	<div class="p-6 rounded-lg bg-white bg-opacity-10" data-aos="fade-up">
	<h3 class="text-2xl font-semibold mb-4 flex items-center">
	<i data-feather="file-text" class="mr-3 text-yellow-300"></i> 제 5 조 (회원의 의무)
	</h3>
	<p class="text-lg leading-relaxed mb-4">
	회원은 이 규칙에서 규정하는 사항과 공지된 사항을 준수하여야 합니다.
	</p>
	<p class="text-lg leading-relaxed mb-4">
	정식회원은 아래 각 호의 행위를 하여서는 안됩니다.
	</p>
	<ol class="list-decimal list-inside space-y-2 text-lg">
	<li>정당한 이유없이 타인의 명예를 손상시키거나 권리를 침해하는 행위</li>
	<li>공공질서 또는 미풍양속을 해하는 행위</li>
	<li>본 사이트의 명예를 손상시키거나 운영을 방해하는 행위</li>
	<li>국가안전을 위협하거나 범죄와 결부된다고 인정되는 행위</li>
	<li>본 규칙에 위반하여 회원활동을 하는 행위</li>
	<li>한국인 탈북자 조선족 등을 편 가르기하여 다른 이용자에게 불쾌감을 주는 행위</li>
	<li>과격한 논쟁을 조성하여 다른 이용자에게 불쾌감을 주는 행위</li>
	<li>회원이 조직하는 사적인 모임 및 이메일,카톡 친구 구하는 행위</li>
	<li>쉼터의 목적에 대치되거나 성격에 현저히 맞지 않는다고 판단되는 게시물을 작성하는 행위</li>
	</ol>
	</div>

	<div class="p-6 rounded-lg bg-white bg-opacity-10" data-aos="fade-up">
	<h3 class="text-2xl font-semibold mb-4 flex items-center">
	<i data-feather="file-text" class="mr-3 text-yellow-300"></i> 제6조 회원가입
	</h3>
	<p class="text-lg leading-relaxed mb-4">
	다음 각호에 해당되는 경우 사전 경고없이 해당 회원에 대해 삭제, 이동, 이용자 접근 제한, 이용 정지 등의 조치를 취할 수 있습니다.
	</p>
	<ol class="list-decimal list-inside space-y-2 text-lg">
	<li>제 5 조에 의한 회원의 의무를 위반하였을 경우</li>
	<li>게시판에 불법 성인물 및 음란물을 게시하거나 링크하는 경우</li>
	<li>게시판에 저작권 및 저작인접권을 침해하는 내용을 게시하거나 링크하는 경우</li>
	<li>회원가입시 거짓정보를 기입한 경우.</li>
	<li>회원의 동의없이 상업적 광고성 글을 게제하는 경우.</li>
	<li> 운영진에서 공식적으로 접근거부의사를 밝히고 접근금지처분을 받은 자가 접속하여 작성하는 경우.</li>
	<li>타인의 닉네임을 악용하거나 닉네임을 바꿔가며 여러명인것처럼 속이는 경우.</li>
	<li>타인을 욕하거나 간첩으로 몰아가는 경우.</li>
	</ol>
	</div>

	<div class="p-6 rounded-lg bg-white bg-opacity-10" data-aos="fade-up">
	<h3 class="text-2xl font-semibold mb-4 flex items-center">
	<i data-feather="file-text" class="mr-3 text-yellow-300"></i> 제 7 조 (게시판 글의 저작권)
	</h3>
	<p class="text-lg leading-relaxed mb-3">
	게시판에 게시한 글의 저작권에 대한 일체의 권리는 해당 글의 게시자에게 있습니다.
	</p>
	<p class="text-lg leading-relaxed">
	게시판의 글과 관련한 모든 법적인 문제에 대한 책임은 해당 글의 게시자에게 있습니다.
	</p>
	</div>

	<div class="p-6 rounded-lg bg-white bg-opacity-10" data-aos="fade-up">
	<h3 class="text-2xl font-semibold mb-4 flex items-center">
	<i data-feather="file-text" class="mr-3 text-yellow-300"></i> 제 8 조 (내용의 변경 및 추가)
	</h极>
	<p class="text-lg leading-relaxed">
	본 운영위가 필요하다고 판단하는 경우 본 홈페이지의 내용을 추가, 변경 또는 삭제할 수 있으며 그 내용을 홈페이지내에 게시하거나 별도로 공지합니다.
	</p>
	</div>

	<div class="p-6 rounded-lg bg-white bg-opacity-10" data-aos="fade-up">
	<h3 class="text-2xl font-semibold mb-4 flex items-center">
	<i data-feather="file-text" class="mr-3 text-yellow-300"></i> 제 9 조 (관리운영자의 의무)
	</h3>
	<p class="text-lg leading-relaxed mb-3">
	회원가입과 관련하여 알게 된 회원의 신상정보를 본인의 승낙없이 타인에게 누설, 배포하거나 상업적 목적으로 사용할 수 없습니다.
	</p>
	<p class="text-lg leading-relaxed">
	단, 관계법령에 근거하여 관계 기관의 요구가 있는 경우, 운영위의 토의에 의해서 이에 응할 수 있습니다.
	</p>
	</div>

	<div class="p-6 rounded-lg bg-white bg-opacity-10" data-aos="fade-up">
	<h3 class="text-2xl font-semibold mb-4 flex items-center">
	<i data极ather="file-text" class="mr-3 text-yellow-300"></i> 제 10 조 (본 사이트의 관리)
	</h3>
	<p class="text-lg leading-relaxed mb-3">
	게시판에 글을 게시, 변경, 삭제의 책임은 해당 글의 게시자에게 있습니다.
	</p>
	<p class="text-lg leading-relaxed mb-3">
	게시판 글의 손망실에 대비한 원본 및 사본 유지(백업)의 책임은 해당 글의 게시자에게 있습니다.
	</极>
	<p class="text-lg leading-relaxed">
	특정 회원 및 비회원의 게시한 글이 본 사이트의 운영에 타격을 준다고 판단할 경우, 해당 글의 게시자에게 시정을 권고하거나 해당 글의 게시자에 대한 접근을 차단할 수 있습니다. 이 경우, 접근차단 즉시 해당 글의 게시자에게 접근차단 사실을 통보하여야 합니다.
	</p>
	</div>

	<div class="p-6 rounded-lg bg-white bg-opacity-10" data-aos="fade-up">
	<h3 class="text-2xl font-semibold mb-4 flex items-center">
	<i data-feather="file-text" class="mr-3 text-yellow-300"></i> 제 11 조 (손해배상 및 면책)
	</h3>
	<p class="text-lg leading-relaxed mb-3">
	회원은 본 사이트에서 허용하지 않은 행위 또는 활동으로 인한 모든 결과 및 손실에 대한 책임은 해당 회원에게 있으며, 본 사이트는 책임을 지지 않습니다.
	</p>
	<p class="text-lg leading-relaxed mb-3">
	회원 또는 본 사이트 운영위는 천재지변, 불가항력적인 사유으로 인하여 본 규칙에서 정하는 바를 위반하게 될 경우, 해당 책임을 지极 않습니다.
	</p>
	<p class="text-lg leading-relaxed mb-3">
	본 홈페이지 운영의 중단으로 인하여 회원에게 발생할 수 있는 제반 손해에 대하여 배상할 책임을 지지 않습니다.
	</p>
	<p class="text-lg leading-relaxed mb-3">
	회원의 귀책사유로 인한 본 사이트 운영장애에 대하여 책임을 지지 않으며 이로 인해 본사가 입는 손해는 해당 회원이 배상하여야 합니다.
	</p>
	<p class="text-lg leading-relaxed">
	당사는 회원에게 제공, 게시 또는 전송한 자료의 신뢰도, 정확성 등의 사항에 관하여 책임을 지지 않습니다.
	</p>
	</div>
	</div>
	</div>
	</section>
	</main>

	<footer class="relative z-10 py-8 mt-16 glass-effect">
	<div class="container mx-auto px-4">
	<div class="flex flex-col md:flex-row justify-between items-center">
	<div class="mb-6 md:mb-0">
	<h2 class="text-xl font-bold flex items-center">
	<i data-feather="home" class="mr-2"></i> 새터민들의 쉼터
	</h2>
	<p class="mt-2 text-sm">함께하는 새로운 시작</p>
	</div>
	<div class="flex space极-6">
	<a href="#" class="hover:text-yellow-200 transition"><i data-feather="facebook"></i></a>
	<a href="#" class="hover:text-yellow-200 transition"><i data-feather="twitter"></i></a>
	<a href="#" class="hover:text-yellow-200 transition"><i data-feather="instagram"></i></a>
	<a href="#" class="hover:text-yellow-200 transition"><i data-feather="mail"></i></a>
	</div>
	</div>
	<div class="border-t border-gray-700 mt-8 pt-8 text-center text-sm">
	<p>© 2023 새터민들의 쉼터. All rights reserved.</p>
	</div>
	</div>
	</footer>

	<script>
	AOS.init({
	duration: 800,
	easing: 'ease-in-out',
	once: true
	});
	</script>
	<script>
	feather.replace();
	</script>
	</body>
	</html>