Spaces:
Running
Running
File size: 3,680 Bytes
8c78f48 1e06b85 8c78f48 1e06b85 8c78f48 1e06b85 8c78f48 1e06b85 8c78f48 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GXS Blue Transformation - Chuyển Đổi Xanh Dương</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
</head>
<body class="min-h-screen bg-gradient-to-br from-green-50 via-blue-50 to-teal-50">
<custom-navbar></custom-navbar>
<main class="container mx-auto px-4 py-12">
<div id="vanta-bg" class="absolute top-0 left-0 w-full h-full z-0"></div>
<div class="relative z-10 max-w-4xl mx-auto text-center">
<h1 class="text-5xl md:text-7xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-green-600 via-blue-500 to-teal-400">
GXS Blue Transformation - Chuyển Đổi Xanh Dương
</h1>
<p class="text-xl md:text-2xl text-gray-700 mb-10">
Pioneering sustainable solutions for a resilient ocean and waters tomorrow
</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
<div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all">
<i data-feather="leaf" class="w-12 h-12 text-green-500 mb-4 mx-auto"></i>
<h3 class="text-2xl font-bold text-green-600 mb-3">Sustainability</h3>
<p class="text-gray-600">Innovative approaches to environmental conservation and restoration.</p>
</div>
<div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all">
<i data-feather="droplet" class="w-12 h-12 text-blue-500 mb-4 mx-auto"></i>
<h3 class="text-2xl font-bold text-blue-600 mb-3">Water Solutions</h3>
<p class="text-gray-600">Cutting-edge technologies for clean water access worldwide.</p>
</div>
<div class="bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg hover:shadow-xl transition-all">
<i data-feather="sun" class="w-12 h-12 text-teal-500 mb-4 mx-auto"></i>
<h3 class="text-2xl font-bold text-teal-600 mb-3">Regenerative Ecosystem</h3>
<p class="text-gray-600">Harnessing nature's power for sustainable solutions.</p>
</div>
</div>
<a href="/contact.html" class="inline-block mt-12 px-8 py-4 rounded-full bg-gradient-to-r from-green-600 to-teal-500 text-white font-bold text-xl hover:shadow-lg hover:scale-105 transition-all transform">
Join Our Mission
</a>
</div>
</main>
<custom-footer></custom-footer>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="script.js"></script>
<script>
feather.replace();
VANTA.NET({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x3a7a5f,
backgroundColor: 0xf1f8f5,
points: 10.00,
maxDistance: 20.00
});
</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html> |