|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Unfiltered Horizons</title> |
|
|
<meta name="description" content="Experience the web without boundaries."> |
|
|
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🌐</text></svg>"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script> |
|
|
tailwind.config = { |
|
|
theme: { |
|
|
extend: { |
|
|
colors: { |
|
|
undefined: { |
|
|
500: '#6b46c1', |
|
|
600: '#553c9a', |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<style> |
|
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap'); |
|
|
body { |
|
|
font-family: 'Inter', sans-serif; |
|
|
background-color: #f8f9fa; |
|
|
} |
|
|
.gradient-border { |
|
|
position: relative; |
|
|
} |
|
|
.gradient-border::before { |
|
|
content: ''; |
|
|
position: absolute; |
|
|
top: -2px; |
|
|
left: -2px; |
|
|
right: -2px; |
|
|
bottom: -2px; |
|
|
background: linear-gradient(45deg, #6b46c1, #9f7aea); |
|
|
border-radius: inherit; |
|
|
z-index: -1; |
|
|
} |
|
|
.vanta-bg { |
|
|
min-height: 100vh; |
|
|
width: 100%; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-50"> |
|
|
|
|
|
<nav class="bg-white shadow-sm"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="flex justify-between h-16"> |
|
|
<div class="flex items-center"> |
|
|
<span class="text-undefined-500 font-bold text-xl">Unfiltered Horizons</span> |
|
|
</div> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-undefined-600">Home</a> |
|
|
<a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-undefined-600">Explore</a> |
|
|
<a href="#" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-undefined-600">About</a> |
|
|
<button class="gradient-border px-4 py-2 rounded-md text-sm font-bold text-white bg-undefined-500 hover:bg-undefined-600 transition-colors"> |
|
|
Join Now |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<div id="vanta-bg" class="vanta-bg flex items-center justify-center"> |
|
|
<div class="text-center px-4 py-16 sm:px-6 lg:px-8"> |
|
|
<h1 class="text-4xl md:text-6xl font-extrabold text-white drop-shadow-lg"> |
|
|
The Web <span class="text-undefined-300">Unrestricted</span> |
|
|
</h1> |
|
|
<p class="mt-6 text-xl text-gray-100 max-w-3xl mx-auto"> |
|
|
Experience complete digital freedom with zero censorship. Explore, create, and connect without boundaries. |
|
|
</p> |
|
|
<div class="mt-10 flex flex-col sm:flex-row justify-center gap-4"> |
|
|
<button class="gradient-border px-8 py-3 rounded-lg text-lg font-bold text-white bg-undefined-500 hover:bg-undefined-600 transition-colors transform hover:scale-105"> |
|
|
Start Exploring |
|
|
</button> |
|
|
<button class="px-8 py-3 rounded-lg text-lg font-medium text-white bg-black bg-opacity-30 hover:bg-opacity-50 transition-colors border border-gray-300 border-opacity-30"> |
|
|
Learn More |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="py-16 bg-white"> |
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
|
|
<div class="text-center"> |
|
|
<h2 class="text-3xl font-extrabold text-gray-900 sm:text-4xl"> |
|
|
Total Digital Freedom |
|
|
</h2> |
|
|
<p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto"> |
|
|
Our platform empowers you with unrestricted access to information and expression. |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
<div class="mt-20"> |
|
|
<div class="grid grid-cols-1 gap-12 md:grid-cols-3"> |
|
|
|
|
|
<div class="pt-6"> |
|
|
<div class="flow-root bg-gray-50 rounded-lg px-6 pb-8 h-full"> |
|
|
<div class="-mt-6"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-undefined-500 text-white"> |
|
|
<i data-feather="unlock"></i> |
|
|
</div> |
|
|
<h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">No Censorship</h3> |
|
|
<p class="mt-5 text-base text-gray-500"> |
|
|
We don't filter or restrict content. You decide what you want to see and share. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="pt-6"> |
|
|
<div class="flow-root bg-gray-50 rounded-lg px-6 pb-8 h-full"> |
|
|
<div class="-mt-6"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-undefined-500 text-white"> |
|
|
<i data-feather="shield"></i> |
|
|
</div> |
|
|
<h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">Privacy First</h3> |
|
|
<p class="mt-5 text-base text-gray-500"> |
|
|
Advanced encryption keeps your data secure and your identity protected. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="pt-6"> |
|
|
<div class="flow-root bg-gray-50 rounded-lg px-6 pb-8 h-full"> |
|
|
<div class="-mt-6"> |
|
|
<div class="flex items-center justify-center h-12 w-12 rounded-md bg-undefined-500 text-white"> |
|
|
<i data-feather="globe"></i> |
|
|
</div> |
|
|
<h3 class="mt-8 text-lg font-medium text-gray-900 tracking-tight">Global Access</h3> |
|
|
<p class="mt-5 text-base text-gray-500"> |
|
|
Bypass regional restrictions and access content from anywhere in the world. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-undefined-500"> |
|
|
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between"> |
|
|
<h2 class="text-3xl font-extrabold tracking-tight text-white sm:text-4xl"> |
|
|
<span class="block">Ready to dive in?</span> |
|
|
<span class="block text-undefined-200">Start your unrestricted journey today.</span> |
|
|
</h2> |
|
|
<div class="mt-8 flex lg:mt-0 lg:flex-shrink-0"> |
|
|
<div class="inline-flex rounded-md shadow"> |
|
|
<button class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-bold rounded-md text-undefined-600 bg-white hover:bg-gray-50 md:py-4 md:text-lg md:px-10 transition-transform hover:scale-105"> |
|
|
Get Started |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-800"> |
|
|
<div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8"> |
|
|
<div class="xl:grid xl:grid-cols-3 xl:gap-8"> |
|
|
<div class="space-y-8 xl:col-span-1"> |
|
|
<span class="text-white font-bold text-2xl">Unfiltered Horizons</span> |
|
|
<p class="text-gray-300 text-base"> |
|
|
Championing digital freedom and unrestricted access to information worldwide. |
|
|
</p> |
|
|
<div class="flex space-x-6"> |
|
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
|
<i data-feather="twitter"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
|
<i data-feather="github"></i> |
|
|
</a> |
|
|
<a href="#" class="text-gray-400 hover:text-white"> |
|
|
<i data-feather="linkedin"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2"> |
|
|
<div class="md:grid md:grid-cols-2 md:gap-8"> |
|
|
<div> |
|
|
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
|
|
Resources |
|
|
</h3> |
|
|
<ul class="mt-4 space-y-4"> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Documentation |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
API |
|
|
</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
<div class="mt-12 md:mt-0"> |
|
|
<h3 class="text-sm font-semibold text-gray-300 tracking-wider uppercase"> |
|
|
Legal |
|
|
</h3> |
|
|
<ul class="mt-4 space-y-4"> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Privacy |
|
|
</a> |
|
|
</li> |
|
|
<li> |
|
|
<a href="#" class="text-base text-gray-400 hover:text-white"> |
|
|
Terms |
|
|
</a> |
|
|
</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-12 border-t border-gray-700 pt-8"> |
|
|
<p class="text-base text-gray-400 text-center"> |
|
|
© 2023 Unfiltered Horizons. All rights unreserved. |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> |
|
|
<script> |
|
|
VANTA.GLOBE({ |
|
|
el: "#vanta-bg", |
|
|
mouseControls: true, |
|
|
touchControls: true, |
|
|
gyroControls: false, |
|
|
minHeight: 200.00, |
|
|
minWidth: 200.00, |
|
|
scale: 1.00, |
|
|
scaleMobile: 1.00, |
|
|
color: 0x6b46c1, |
|
|
backgroundColor: 0x0 |
|
|
}) |
|
|
|
|
|
feather.replace(); |
|
|
</script> |
|
|
</body> |
|
|
</html> |
|
|
|
