undress
Browse files- about.html +66 -0
- index.html +5 -5
about.html
ADDED
|
@@ -0,0 +1,66 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>About Undefined Dreams Explorer</title>
|
| 7 |
+
<link rel="stylesheet" href="style.css">
|
| 8 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 9 |
+
<script src="https://unpkg.com/feather-icons"></script>
|
| 10 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 11 |
+
<style>
|
| 12 |
+
.hero-gradient {
|
| 13 |
+
background: linear-gradient(135deg, rgba(100, 100, 100, 0.2) 0%, rgba(50, 50, 50, 0.3) 100%);
|
| 14 |
+
}
|
| 15 |
+
</style>
|
| 16 |
+
</head>
|
| 17 |
+
<body class="min-h-screen flex flex-col bg-gray-100">
|
| 18 |
+
<custom-navbar></custom-navbar>
|
| 19 |
+
|
| 20 |
+
<main class="flex-grow">
|
| 21 |
+
<section class="hero-gradient min-h-[50vh] flex items-center justify-center relative overflow-hidden">
|
| 22 |
+
<div class="container mx-auto px-4 py-16 text-center relative z-10">
|
| 23 |
+
<h1 class="text-5xl md:text-7xl font-bold text-white mb-6">About Our Vision</h1>
|
| 24 |
+
<p class="text-xl md:text-2xl text-gray-200 mb-8 max-w-3xl mx-auto">
|
| 25 |
+
Understanding the undefined spaces between definitions
|
| 26 |
+
</p>
|
| 27 |
+
</div>
|
| 28 |
+
</section>
|
| 29 |
+
|
| 30 |
+
<section class="py-20 bg-white">
|
| 31 |
+
<div class="container mx-auto px-4 max-w-4xl">
|
| 32 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-8 text-gray-800">Our Mission</h2>
|
| 33 |
+
<p class="text-gray-700 mb-6 text-lg">
|
| 34 |
+
Undefined Dreams Explorer was born from the idea that the most interesting spaces exist between definitions.
|
| 35 |
+
In a world that constantly tries to categorize everything, we celebrate the undefined.
|
| 36 |
+
</p>
|
| 37 |
+
<p class="text-gray-700 mb-6 text-lg">
|
| 38 |
+
Our platform is designed to help you explore these undefined spaces, to find inspiration in the gaps between
|
| 39 |
+
categories, and to create new meanings from the void.
|
| 40 |
+
</p>
|
| 41 |
+
<div class="my-12">
|
| 42 |
+
<img src="http://static.photos/abstract/1024x576/7" alt="Abstract undefined concept" class="rounded-xl w-full">
|
| 43 |
+
</div>
|
| 44 |
+
<h3 class="text-2xl font-bold mb-4 text-gray-800">Join Our Community</h3>
|
| 45 |
+
<p class="text-gray-700 mb-6">
|
| 46 |
+
We're building a community of dreamers, explorers, and creators who appreciate the undefined.
|
| 47 |
+
Whether you're an artist, thinker, or simply curious, there's a place for you here.
|
| 48 |
+
</p>
|
| 49 |
+
<a href="/" class="px-6 py-3 bg-gray-800 text-white rounded-lg font-medium hover:bg-gray-700 transition inline-flex items-center gap-2 mt-4">
|
| 50 |
+
<span>Return Home</span>
|
| 51 |
+
<i data-feather="arrow-left" class="w-4 h-4"></i>
|
| 52 |
+
</a>
|
| 53 |
+
</div>
|
| 54 |
+
</section>
|
| 55 |
+
</main>
|
| 56 |
+
|
| 57 |
+
<custom-footer></custom-footer>
|
| 58 |
+
|
| 59 |
+
<script src="components/navbar.js"></script>
|
| 60 |
+
<script src="components/footer.js"></script>
|
| 61 |
+
<script src="script.js"></script>
|
| 62 |
+
<script>
|
| 63 |
+
feather.replace();
|
| 64 |
+
</script>
|
| 65 |
+
</body>
|
| 66 |
+
</html>
|
index.html
CHANGED
|
@@ -26,20 +26,20 @@
|
|
| 26 |
Where imagination meets the unknown. Discover what's beyond the boundaries of definition.
|
| 27 |
</p>
|
| 28 |
<div class="flex gap-4 justify-center">
|
| 29 |
-
<a href="#" class="px-8 py-3 bg-white text-gray-900 rounded-full font-medium hover:bg-opacity-90 transition">
|
| 30 |
Begin Journey
|
| 31 |
</a>
|
| 32 |
-
<a href="
|
| 33 |
Learn More
|
| 34 |
</a>
|
| 35 |
-
|
| 36 |
</div>
|
| 37 |
</section>
|
| 38 |
|
| 39 |
<section class="py-20 bg-white">
|
| 40 |
<div class="container mx-auto px-4">
|
| 41 |
-
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-gray-800">Features of the Undefined</h2>
|
| 42 |
-
|
| 43 |
<div class="p-6 rounded-xl shadow-lg bg-gray-50 hover:shadow-xl transition">
|
| 44 |
<div class="w-16 h-16 bg-gray-200 rounded-full flex items-center justify-center mb-4">
|
| 45 |
<i data-feather="compass" class="text-gray-700"></i>
|
|
|
|
| 26 |
Where imagination meets the unknown. Discover what's beyond the boundaries of definition.
|
| 27 |
</p>
|
| 28 |
<div class="flex gap-4 justify-center">
|
| 29 |
+
<a href="#features" class="px-8 py-3 bg-white text-gray-900 rounded-full font-medium hover:bg-opacity-90 transition">
|
| 30 |
Begin Journey
|
| 31 |
</a>
|
| 32 |
+
<a href="/about.html" class="px-8 py-3 bg-transparent border-2 border-white text-white rounded-full font-medium hover:bg-white hover:bg-opacity-10 transition">
|
| 33 |
Learn More
|
| 34 |
</a>
|
| 35 |
+
</div>
|
| 36 |
</div>
|
| 37 |
</section>
|
| 38 |
|
| 39 |
<section class="py-20 bg-white">
|
| 40 |
<div class="container mx-auto px-4">
|
| 41 |
+
<h2 id="features" class="text-3xl md:text-4xl font-bold text-center mb-12 text-gray-800">Features of the Undefined</h2>
|
| 42 |
+
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
| 43 |
<div class="p-6 rounded-xl shadow-lg bg-gray-50 hover:shadow-xl transition">
|
| 44 |
<div class="w-16 h-16 bg-gray-200 rounded-full flex items-center justify-center mb-4">
|
| 45 |
<i data-feather="compass" class="text-gray-700"></i>
|