uaps / index.html
CommanderLazarus's picture
Create a new page about Unidentified Flying Objects, Unidentified Aerial Phenomena, and Non Human Intellect or Extraterrestrial Life. - Follow Up Deployment
88f7245 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>UAPTF Information</title>
<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>
.hero-gradient {
background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
}
.info-card {
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.1);
}
</style>
</head>
<body class="bg-gray-100">
<!-- Navigation -->
<nav class="bg-gray-900 text-white shadow-lg">
<div class="container mx-auto px-6 py-3">
<div class="flex justify-between items-center">
<div class="flex items-center space-x-4">
<i data-feather="shield" class="w-8 h-8 text-blue-400"></i>
<span class="font-semibold text-xl">UAPTF Info</span>
</div>
<div class="hidden md:flex items-center space-x-8">
<a href="index.html" class="hover:text-blue-300">Home</a>
<a href="aaro.html" class="hover:text-blue-300">AAR极速赛车开奖官网历史记录></a>
<a href="aatip.html" class="hover:text-blue-300">AATIP</a>
<a href="projects.html" class="hover:text-blue-300">Projects</a>
<a href="ufo-aliens.html" class="hover:text-blue-300">UFOs & Aliens</a>
<a href="#" class="hover:text-blue-300">Resources</a>
</div>
<button class="md:hidden focus:outline-none">
<i data-feather="menu" class="w-6 h-6"></i>
</button>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero-gradient text-white py-20">
<div class="container mx-auto px-6 text-center" data-aos="fade-up">
<h1 class="text-4xl md:text-6xl font-bold mb-6">UAP Task Force</h1>
<p class="text-xl md:text-2xl max-w-3xl mx-auto mb-8">
The United States Navy's official program for investigating unidentified aerial phenomena
</p>
<div class="flex justify-center space-x-4">
<button class="bg-blue-500 hover:bg-blue-600 px-6 py-3 rounded-lg font-medium transition duration-300">
Learn More
</button>
<button class="bg-transparent border-2 border-white hover:bg-white hover:text-gray-900 px-6 py-3 rounded-lg font-medium transition duration-300">
Official Reports
</button>
</div>
</div>
</section>
<!-- Main Content -->
<section class="py-16">
<div class="container mx-auto px-6">
<div class="max-w-4xl mx-auto" data-aos="fade-up">
<div class="info-card rounded-xl p-8 mb-12 shadow-xl">
<h2 class="text-3xl font-bold text-gray-800 mb-6">What is the UAPTF?</h2>
<p class="text-gray-700 mb-4 text-lg leading-relaxed">
The <span class="font-semibold text-blue-600">Unidentified Aerial Phenomena Task Force (UAPTF)</span> was established by the United States Department of the Navy to investigate reports of unidentified aerial phenomena encountered by military aviators.
</p>
<p class="text-gray-700 mb-4 text-lg leading-relaxed">
Formally announced in August 2020, the UAPTF represents the Pentagon's official effort to study and understand these mysterious encounters that have been reported by Navy pilots and other military personnel.
</p>
</div>
<div class="grid md:grid-cols-2 gap-8 mb-12">
<div class="bg-white rounded-xl shadow-md p-6" data-aos="fade-right">
<div class="flex items-center mb-4">
<div class="bg-blue-100 p-3 rounded-full mr-4">
<i data-feather="target" class="w-6 h-6 text-blue-600"></i>
</div>
<h3 class="text-xl font-semibold text-gray-800">Mission</h3>
</div>
<p class="text-gray-700">
The UAPTF's primary mission is to detect, analyze, catalog, and standardize reporting on unidentified aerial phenomena to better understand potential threats to U.S. national security.
</p>
</div>
<div class="bg-white rounded-xl shadow-md p-6" data-aos="fade-left">
<div class="flex items-center mb-4">
<div class="bg-blue-100 p-3 rounded-full mr-4">
<i data-feather="clock" class="w-6 h-6 text-blue-600"></i>
</div>
<h3 class="text-xl font-semibold text-gray-800">History</h3>
</div>
<p class="text-gray-700">
The task force evolved from the Advanced Aerospace Threat Identification Program (AATIP) and represents the most recent official U.S. government effort to study UAPs.
</p>
</div>
</div>
<div class="bg-white rounded-xl shadow-md overflow-hidden" data-aos="fade-up">
<div class="md:flex">
<div class="md:w-1/3">
<img src="http://static.photos/technology/640x360/42" alt="UAPTF Concept" class="w-full h-full object-cover">
</div>
<div class="p-8 md:w-2/3">
<h3 class="text-2xl font-bold text-gray-800 mb-4">Key Findings</h3>
<ul class="space-y-3">
<li class="flex items-start">
<i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-1"></i>
<span class="text-gray-700">
144 UAP reports from military personnel (2004-2021):
<ul class="list-disc pl-6 mt-2 space-y-1">
<li>80 reports involved multiple sensors</li>
<li>18 incidents showed unusual flight characteristics</li>
<li>11 near-misses with military aircraft</li>
<li>Only 1 was explained (large balloon)</li>
</ul>
</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-1"></i>
<span class="text-gray-700">Most reports remain unexplained</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-1"></i>
<span class="text-gray-700">No evidence of extraterrestrial origin found</span>
</li>
<li class="flex items-start">
<i data-feather="check-circle" class="w-5 h-5 text-green-500 mr-2 mt-1"></i>
<span class="text-gray-700">Potential flight safety concerns identified</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-white py-12">
<div class="container mx-auto px-6">
<div class="flex flex-col md:flex-row justify-between">
<div class="mb-8 md:mb-0">
<div class="flex items-center mb-4">
<i data-feather="shield" class="w-8 h-8 text-blue-400 mr-2"></i>
<span class="font-semibold text-xl">UAPTF Info</span>
</div>
<p class="text-gray-400 max-w-md">
Providing accurate information about the U.S. Navy's Unidentified Aerial Phenomena Task Force.
</p>
</div>
<div class="grid grid-cols-2 md:grid-cols-3 gap-8">
<div>
<h4 class="text-lg font-semibold mb-4">Navigation</h4>
<ul class="space-y-2">
<li><a href="index.html" class="text-gray-400 hover:text-white transition">Home</a></li>
<li><a href="aaro.html" class="text-gray-400 hover:text-white transition">AARO</a></li>
<li><a href="aatip.html" class="text-gray-极速赛车开奖官网历史记录 transition">AATIP</a></li>
<li><a href="projects.html" class="text-gray-400 hover:text-white transition">Projects</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">Reports</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Resources</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white transition">Official Documents</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">News</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">FAQs</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Connect</h4>
<div class="flex space-x-4">
<a href="#" class="text-gray-400 hover:text-white transition">
<i data-feather="twitter" class="w-5 h-5"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition">
<i data-feather="facebook" class="w-5 h-5"></i>
</a>
<a href="#" class="text-gray-400 hover:text-white transition">
<i data-feather="instagram" class="w-5 h-5"></i>
</a>
</div>
</div>
</div>
</div>
<div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-500 text-sm">
<p>© 2023 UAPTF Information Portal. All information is based on publicly available sources.</p>
</div>
</div>
</footer>
<script>AOS.init();</script>
<script>feather.replace();</script>
</body>
</html>