Spaces:

sikang99
/

remote-robot-control-system

Running

App Files Files Community

remote-robot-control-system / index.html

sikang99

Add 2 files

b5551d3 verified about 1 month ago

raw

history blame contribute delete

31 kB

	<!DOCTYPE html>
	<html lang="ko">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>로봇 원격조종 기술 - 미래를 현실로</title>
	<script src="https://cdn.tailwindcss.com"></script>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
	<style>
	@keyframes float {
	0% { transform: translateY(0px); }
	50% { transform: translateY(-20px); }
	100% { transform: translateY(0px); }
	}
	.floating {
	animation: float 6s ease-in-out infinite;
	}
	.gradient-bg {
	background: linear-gradient(135deg, #6e8efb, #a777e3);
	}
	.tech-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	}
	.product-card:hover .product-img {
	transform: scale(1.05);
	}
	</style>
	</head>
	<body class="font-sans bg-gray-50">
	<!-- 헤더 -->
	<header class="gradient-bg text-white">
	<div class="container mx-auto px-6 py-12">
	<nav class="flex justify-between items-center">
	<div class="text-2xl font-bold flex items-center">
	<i class="fas fa-robot mr-2"></i>
	<span>RoboControl</span>
	</div>
	<div class="hidden md:flex space-x-8">
	<a href="#tech" class="hover:text-gray-200 transition">기술</a>
	<a href="#products" class="hover:text-gray-200 transition">제품</a>
	<a href="#applications" class="hover:text-gray-200 transition">응용분야</a>
	<a href="#contact" class="hover:text-gray-200 transition">문의</a>
	</div>
	<button class="md:hidden">
	<i class="fas fa-bars text-2xl"></i>
	</button>
	</nav>

	<div class="mt-20 md:mt-32 flex flex-col md:flex-row items-center">
	<div class="md:w-1/2 mb-10 md:mb-0">
	<h1 class="text-4xl md:text-6xl font-bold leading-tight">로봇 원격조종의 미래</h1>
	<p class="mt-6 text-xl md:text-2xl opacity-90">
	어디서나, 어떤 기기로든 로봇을 제어하세요.
	혁신적인 기술로 현장의 한계를 넘어섭니다.
	</p>
	<button class="mt-8 bg-white text-purple-700 px-8 py-3 rounded-full font-bold hover:bg-gray-100 transition duration-300">
	더 알아보기
	</button>
	</div>
	<div class="md:w-1/2 flex justify-center">
	<img src="https://images.unsplash.com/photo-1620712943543-bcc4688e7485?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1000&q=80"
	alt="원격조종 로봇"
	class="w-full max-w-md rounded-lg shadow-2xl floating">
	</div>
	</div>
	</div>
	</header>

	<!-- 기술 소개 섹션 -->
	<section id="tech" class="py-20 bg-white">
	<div class="container mx-auto px-6">
	<h2 class="text-3xl md:text-4xl font-bold text-center text-gray-800">최첨단 원격조종 기술</h2>
	<p class="mt-4 text-gray-600 text-center max-w-2xl mx-auto">
	저희의 독보적인 기술은 로봇 원격조종 분야에서 새로운 표준을 제시합니다.
	</p>

	<div class="mt-16 grid grid-cols-1 md:grid-cols-3 gap-8">
	<!-- 기술 카드 1 -->
	<div class="tech-card bg-gray-50 p-8 rounded-xl transition duration-300">
	<div class="w-16 h-16 bg-purple-100 rounded-full flex items-center justify-center">
	<i class="fas fa-wifi text-purple-600 text-2xl"></i>
	</div>
	<h3 class="mt-6 text-xl font-bold text-gray-800">초저지연 통신</h3>
	<p class="mt-3 text-gray-600">
	최대 50ms의 초저지연 통신 기술로 실시간 조작이 가능합니다.
	고급 압축 알고리즘과 예측 기술로 끊김 없는 경험을 제공합니다.
	</p>
	</div>

	<!-- 기술 카드 2 -->
	<div class="tech-card bg-gray-50 p-8 rounded-xl transition duration-300">
	<div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center">
	<i class="fas fa-eye text-blue-600 text-2xl"></i>
	</div>
	<h3 class="mt-6 text-xl font-bold text-gray-800">360도 실시간 영상</h3>
	<p class="mt-3 text-gray-600">
	8K 해상도의 360도 카메라와 저조도 감지 기술로
	현장을 생생하게 전달합니다. 가상현실(VR) 호환 가능.
	</p>
	</div>

	<!-- 기술 카드 3 -->
	<div class="tech-card bg-gray-50 p-8 rounded-xl transition duration-300">
	<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center">
	<i class="fas fa-brain text-green-600 text-2xl"></i>
	</div>
	<h3 class="mt-6 text-xl font-bold text-gray-800">AI 보조 시스템</h3>
	<p class="mt-3 text-gray-600">
	머신러닝 기반의 자동 보정 및 장애물 회피 시스템으로
	조작자의 실수를 최소화하고 안전성을 극대화합니다.
	</p>
	</div>
	</div>
	</div>
	</section>

	<!-- 제품 소개 섹션 -->
	<section id="products" class="py-20 bg-gray-50">
	<div class="container mx-auto px-6">
	<h2 class="text-3xl md:text-4xl font-bold text-center text-gray-800">주요 제품 라인업</h2>
	<p class="mt-4 text-gray-600 text-center max-w-2xl mx-auto">
	다양한 산업 분야에 최적화된 로봇 원격조종 솔루션
	</p>

	<div class="mt-16 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
	<!-- 제품 1 -->
	<div class="product-card bg-white rounded-xl overflow-hidden shadow-lg transition duration-300">
	<div class="overflow-hidden">
	<img src="https://images.unsplash.com/photo-1593508512255-86ab42a8e620?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80"
	alt="산업용 로봇"
	class="w-full h-64 object-cover product-img transition duration-500">
	</div>
	<div class="p-6">
	<div class="flex justify-between items-center">
	<h3 class="text-xl font-bold text-gray-800">RC-5000 산업용</h3>
	<span class="bg-blue-100 text-blue-800 px-3 py-1 rounded-full text-sm font-medium">BEST</span>
	</div>
	<p class="mt-2 text-gray-600">
	중공업 및 제조 현장을 위한 강력한 원격조종 로봇
	</p>
	<div class="mt-4 flex items-center">
	<i class="fas fa-bolt text-yellow-500 mr-2"></i>
	<span>최대 500kg 적재 가능</span>
	</div>
	<div class="mt-2 flex items-center">
	<i class="fas fa-shield-alt text-green-500 mr-2"></i>
	<span>방폭, 방수, 방진 설계</span>
	</div>
	<button class="mt-6 w-full bg-purple-600 text-white py-2 rounded-lg hover:bg-purple-700 transition">
	상세 정보 보기
	</button>
	</div>
	</div>

	<!-- 제품 2 -->
	<div class="product-card bg-white rounded-xl overflow-hidden shadow-lg transition duration-300">
	<div class="overflow-hidden">
	<img src="https://images.unsplash.com/photo-1620641788421-7a1c342ea42e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80"
	alt="의료용 로봇"
	class="w-full h-64 object-cover product-img transition duration-500">
	</div>
	<div class="p-6">
	<h3 class="text-xl font-bold text-gray-800">MediBot-X</h3>
	<p class="mt-2 text-gray-600">
	원격 진료 및 수술을 위한 정밀 의료 로봇 시스템
	</p>
	<div class="mt-4 flex items-center">
	<i class="fas fa-hand-holding-medical text-red-500 mr-2"></i>
	<span>0.1mm 단위 정밀 조작</span>
	</div>
	<div class="mt-2 flex items-center">
	<i class="fas fa-stethoscope text-blue-500 mr-2"></i>
	<span>실시간 생체 신호 모니터링</span>
	</div>
	<button class="mt-6 w-full bg-purple-600 text-white py-2 rounded-lg hover:bg-purple-700 transition">
	상세 정보 보기
	</button>
	</div>
	</div>

	<!-- 제품 3 -->
	<div class="product-card bg-white rounded-xl overflow-hidden shadow-lg transition duration-300">
	<div class="overflow-hidden">
	<img src="https://images.unsplash.com/photo-1624395213043-fa2e123b2656?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80"
	alt="탐사용 로봇"
	class="w-full h-64 object-cover product-img transition duration-500">
	</div>
	<div class="p-6">
	<h3 class="text-xl font-bold text-gray-800">Explorer Pro</h3>
	<p class="mt-2 text-gray-600">
	극한 환경 탐사를 위한 다목적 원격조종 로봇
	</p>
	<div class="mt-4 flex items-center">
	<i class="fas fa-mountain text-gray-500 mr-2"></i>
	<span>-40°C ~ 120°C 작동 가능</span>
	</div>
	<div class="mt-2 flex items-center">
	<i class="fas fa-satellite-dish text-purple-500 mr-2"></i>
	<span>위성 통신 지원</span>
	</div>
	<button class="mt-6 w-full bg-purple-600 text-white py-2 rounded-lg hover:bg-purple-700 transition">
	상세 정보 보기
	</button>
	</div>
	</div>
	</div>
	</div>
	</section>

	<!-- 응용 분야 섹션 -->
	<section id="applications" class="py-20 bg-white">
	<div class="container mx-auto px-6">
	<h2 class="text-3xl md:text-4xl font-bold text-center text-gray-800">다양한 응용 분야</h2>
	<p class="mt-4 text-gray-600 text-center max-w-2xl mx-auto">
	로봇 원격조종 기술이 혁신을 일으키는 분야들
	</p>

	<div class="mt-16">
	<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
	<!-- 응용 분야 1 -->
	<div class="bg-gray-50 rounded-xl p-8 flex flex-col md:flex-row items-center">
	<div class="md:w-1/3 flex justify-center mb-6 md:mb-0">
	<div class="w-20 h-20 bg-blue-100 rounded-full flex items-center justify-center">
	<i class="fas fa-industry text-blue-600 text-2xl"></i>
	</div>
	</div>
	<div class="md:w-2/3 md:pl-6">
	<h3 class="text-xl font-bold text-gray-800">위험 환경 작업</h3>
	<p class="mt-3 text-gray-600">
	방사능 지역, 고압 전기 시설, 화학 물질 유출 현장 등
	인간이 접근하기 위험한 환경에서 안전하게 작업을 수행합니다.
	</p>
	</div>
	</div>

	<!-- 응용 분야 2 -->
	<div class="bg-gray-50 rounded-xl p-8 flex flex-col md:flex-row items-center">
	<div class="md:w-1/3 flex justify-center mb-6 md:mb-0">
	<div class="w-20 h-20 bg-green-100 rounded-full flex items-center justify-center">
	<i class="fas fa-medkit text-green-600 text-2xl"></i>
	</div>
	</div>
	<div class="md:w-2/3 md:pl-6">
	<h3 class="text-xl font-bold text-gray-800">원격 의료</h3>
	<p class="mt-3 text-gray-600">
	지리적 제약을 극복하고 전문의의 원격 진료 및 수술을 가능하게 하여
	의료 접근성을 혁신적으로 향상시킵니다.
	</p>
	</div>
	</div>

	<!-- 응용 분야 3 -->
	<div class="bg-gray-50 rounded-xl p-8 flex flex-col md:flex-row items-center">
	<div class="md:w-1/3 flex justify-center mb-6 md:mb-0">
	<div class="w-20 h-20 bg-purple-100 rounded-full flex items-center justify-center">
	<i class="fas fa-search text-purple-600 text-2xl"></i>
	</div>
	</div>
	<div class="md:w-2/3 md:pl-6">
	<h3 class="text-xl font-bold text-gray-800">탐사 및 조사</h3>
	<p class="mt-3 text-gray-600">
	심해, 화산, 우주 등 극한 환경 탐사부터
	건물 내부 구조 조사까지 다양한 분야에 적용됩니다.
	</p>
	</div>
	</div>

	<!-- 응용 분야 4 -->
	<div class="bg-gray-50 rounded-xl p-8 flex flex-col md:flex-row items-center">
	<div class="md:w-1/3 flex justify-center mb-6 md:mb-0">
	<div class="w-20 h-20 bg-yellow-100 rounded-full flex items-center justify-center">
	<i class="fas fa-graduation-cap text-yellow-600 text-2xl"></i>
	</div>
	</div>
	<div class="md:w-2/3 md:pl-6">
	<h3 class="text-xl font-bold text-gray-800">교육 및 훈련</h3>
	<p class="mt-3 text-gray-600">
	로봇 공학 및 원격조종 기술 교육을 위한 최적의 플랫폼으로,
	학생들과 전문가들의 기술 습득을 돕습니다.
	</p>
	</div>
	</div>
	</div>
	</div>
	</div>
	</section>

	<!-- 고객 사례 섹션 -->
	<section class="py-20 bg-purple-700 text-white">
	<div class="container mx-auto px-6">
	<h2 class="text-3xl md:text-4xl font-bold text-center">성공적인 적용 사례</h2>
	<p class="mt-4 text-purple-100 text-center max-w-2xl mx-auto">
	전 세계 다양한 기업과 기관에서 신뢰하는 기술
	</p>

	<div class="mt-16 grid grid-cols-1 md:grid-cols-3 gap-8">
	<!-- 사례 1 -->
	<div class="bg-purple-800 p-8 rounded-xl">
	<div class="flex items-center">
	<div class="w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center">
	<i class="fas fa-building text-white"></i>
	</div>
	<div class="ml-4">
	<h4 class="font-bold">글로벌 제조 기업</h4>
	<p class="text-sm text-purple-200">자동차 부품 공장</p>
	</div>
	</div>
	<p class="mt-6 italic">
	"고온 작업 라인에 RC-5000을 도입한 후 작업자 안전성이 90% 향상되었고,
	생산성은 35% 증가했습니다."
	</p>
	<div class="mt-6 flex items-center">
	<i class="fas fa-star text-yellow-400 mr-1"></i>
	<i class="fas fa-star text-yellow-400 mr-1"></i>
	<i class="fas fa-star text-yellow-400 mr-1"></i>
	<i class="fas fa-star text-yellow-400 mr-1"></i>
	<i class="fas fa-star text-yellow-400"></i>
	</div>
	</div>

	<!-- 사례 2 -->
	<div class="bg-purple-800 p-8 rounded-xl">
	<div class="flex items-center">
	<div class="w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center">
	<i class="fas fa-hospital text-white"></i>
	</div>
	<div class="ml-4">
	<h4 class="font-bold">대학 병원</h4>
	<p class="text-sm text-purple-200">신경외과</p>
	</div>
	</div>
	<p class="mt-6 italic">
	"MediBot-X를 이용해 원격 수술을 수행한 결과,
	수술 정확도가 기존 대비 20% 향상되었고 환자 회복 기간이 단축되었습니다."
	</p>
	<div class="mt-6 flex items-center">
	<i class="fas fa-star text-yellow-400 mr-1"></i>
	<i class="fas fa-star text-yellow-400 mr-1"></i>
	<i class="fas fa-star text-yellow-400 mr-1"></i>
	<i class="fas fa-star text-yellow-400 mr-1"></i>
	<i class="fas fa-star text-yellow-400"></i>
	</div>
	</div>

	<!-- 사례 3 -->
	<div class="bg-purple-800 p-8 rounded-xl">
	<div class="flex items-center">
	<div class="w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center">
	<i class="fas fa-flask text-white"></i>
	</div>
	<div class="ml-4">
	<h4 class="font-bold">연구 기관</h4>
	<p class="text-sm text-purple-200">해양 탐사</p>
	</div>
	</div>
	<p class="mt-6 italic">
	"Explorer Pro를 활용해 3,000m 심해 탐사를 성공적으로 수행했으며,
	기존 유인 잠수정 대비 비용을 70% 절감했습니다."
	</p>
	<div class="mt-6 flex items-center">
	<i class="fas fa-star text-yellow-400 mr-1"></i>
	<i class="fas fa-star text-yellow-400 mr-1"></i>
	<i class="fas fa-star text-yellow-400 mr-1"></i>
	<i class="fas fa-star text-yellow-400 mr-1"></i>
	<i class="fas fa-star-half-alt text-yellow-400"></i>
	</div>
	</div>
	</div>
	</div>
	</section>

	<!-- 문의 섹션 -->
	<section id="contact" class="py-20 bg-white">
	<div class="container mx-auto px-6">
	<div class="max-w-4xl mx-auto bg-gray-50 rounded-xl shadow-lg overflow-hidden">
	<div class="md:flex">
	<div class="md:w-1/2 gradient-bg text-white p-12">
	<h2 class="text-3xl font-bold">문의하기</h2>
	<p class="mt-4 opacity-90">
	로봇 원격조종 기술에 대한 궁금한 점이 있으신가요?
	전문 상담원이 빠르고 정확하게 답변드립니다.
	</p>
	<div class="mt-8">
	<div class="flex items-center mt-4">
	<i class="fas fa-phone-alt mr-4"></i>
	<span>02-1234-5678</span>
	</div>
	<div class="flex items-center mt-4">
	<i class="fas fa-envelope mr-4"></i>
	<span>contact@robocontrol.com</span>
	</div>
	<div class="flex items-center mt-4">
	<i class="fas fa-map-marker-alt mr-4"></i>
	<span>서울특별시 강남구 테헤란로 123 로보타워 10층</span>
	</div>
	</div>
	<div class="mt-12">
	<h3 class="font-bold">소셜 미디어</h3>
	<div class="flex mt-4 space-x-4">
	<a href="#" class="w-10 h-10 rounded-full bg-white text-purple-600 flex items-center justify-center hover:bg-purple-100 transition">
	<i class="fab fa-facebook-f"></i>
	</a>
	<a href="#" class="w-10 h-10 rounded-full bg-white text-purple-600 flex items-center justify-center hover:bg-purple-100 transition">
	<i class="fab fa-twitter"></i>
	</a>
	<a href="#" class="w-10 h-10 rounded-full bg-white text-purple-600 flex items-center justify-center hover:bg-purple-100 transition">
	<i class="fab fa-linkedin-in"></i>
	</a>
	<a href="#" class="w-10 h-10 rounded-full bg-white text-purple-600 flex items-center justify-center hover:bg-purple-100 transition">
	<i class="fab fa-youtube"></i>
	</a>
	</div>
	</div>
	</div>
	<div class="md:w-1/2 p-12">
	<form>
	<div class="mb-6">
	<label for="name" class="block text-gray-700 font-medium mb-2">이름</label>
	<input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500">
	</div>
	<div class="mb-6">
	<label for="email" class="block text-gray-700 font-medium mb-2">이메일</label>
	<input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500">
	</div>
	<div class="mb-6">
	<label for="company" class="block text-gray-700 font-medium mb-2">회사/기관</label>
	<input type="text" id="company" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500">
	</div>
	<div class="mb-6">
	<label for="message" class="block text-gray-700 font-medium mb-2">문의 내용</label>
	<textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500"></textarea>
	</div>
	<button type="submit" class="w-full gradient-bg text-white py-3 rounded-lg font-bold hover:opacity-90 transition">
	문의 보내기
	</button>
	</form>
	</div>
	</div>
	</div>
	</div>
	</section>

	<!-- 푸터 -->
	<footer class="bg-gray-900 text-white py-12">
	<div class="container mx-auto px-6">
	<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
	<div>
	<h3 class="text-xl font-bold mb-4 flex items-center">
	<i class="fas fa-robot mr-2"></i>
	RoboControl
	</h3>
	<p class="text-gray-400">
	로봇 원격조종 기술의 선두주자,
	미래를 현실로 만듭니다.
	</p>
	</div>
	<div>
	<h4 class="font-bold mb-4">제품</h4>
	<ul class="space-y-2 text-gray-400">
	<li><a href="#" class="hover:text-white transition">산업용 로봇</a></li>
	<li><a href="#" class="hover:text-white transition">의료용 로봇</a></li>
	<li><a href="#" class="hover:text-white transition">탐사용 로봇</a></li>
	<li><a href="#" class="hover:text-white transition">교육용 키트</a></li>
	</ul>
	</div>
	<div>
	<h4 class="font-bold mb-4">기술</h4>
	<ul class="space-y-2 text-gray-400">
	<li><a href="#" class="hover:text-white transition">원격조종 시스템</a></li>
	<li><a href="#" class="hover:text-white transition">AI 보조 기술</a></li>
	<li><a href="#" class="hover:text-white transition">통신 솔루션</a></li>
	<li><a href="#" class="hover:text-white transition">안전 시스템</a></li>
	</ul>
	</div>
	<div>
	<h4 class="font-bold mb-4">회사</h4>
	<ul class="space-y-2 text-gray-400">
	<li><a href="#" class="hover:text-white transition">회사 소개</a></li>
	<li><a href="#" class="hover:text-white transition">채용 정보</a></li>
	<li><a href="#" class="hover:text-white transition">뉴스룸</a></li>
	<li><a href="#" class="hover:text-white transition">연락처</a></li>
	</ul>
	</div>
	</div>
	<div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
	<p class="text-gray-400 text-sm">
	© 2023 RoboControl. All rights reserved.
	</p>
	<div class="mt-4 md:mt-0 flex space-x-6">
	<a href="#" class="text-gray-400 hover:text-white transition">개인정보 처리방침</a>
	<a href="#" class="text-gray-400 hover:text-white transition">이용약관</a>
	<a href="#" class="text-gray-400 hover:text-white transition">쿠키 정책</a>
	</div>
	</div>
	</div>
	</footer>

	<script>
	// 간단한 스크롤 애니메이션
	document.querySelectorAll('a[href^="#"]').forEach(anchor => {
	anchor.addEventListener('click', function (e) {
	e.preventDefault();

	document.querySelector(this.getAttribute('href')).scrollIntoView({
	behavior: 'smooth'
	});
	});
	});

	// 모바일 메뉴 토글 (간단한 구현)
	document.querySelector('button.md\\:hidden').addEventListener('click', function() {
	const nav = document.querySelector('.hidden.md\\:flex');
	if (nav.style.display === 'flex') {
	nav.style.display = 'none';
	} else {
	nav.style.display = 'flex';
	nav.classList.add('flex-col', 'absolute', 'top-16', 'right-6', 'bg-white', 'p-4', 'rounded-lg', 'shadow-lg', 'space-y-4');
	}
	});

	// 폼 제출 시 알림
	const form = document.querySelector('form');
	if (form) {
	form.addEventListener('submit', function(e) {
	e.preventDefault();
	alert('문의가 성공적으로 전송되었습니다. 빠른 시일 내에 답변드리겠습니다.');
	form.reset();
	});
	}
	</script>
	<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - <a href="https://enzostvs-deepsite.hf.space?remix=sikang99/remote-robot-control-system" style="color: #fff;text-decoration: underline;" target="_blank" >🧬 Remix</a></p></body>
	</html>