Spaces:
Running
Running
File size: 4,899 Bytes
8c78f48 eb864c4 8c78f48 eb864c4 8c78f48 f0734ba 8c78f48 304e008 8c78f48 304e008 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 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About - GXS Blue Transformation</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/feather-icons"></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-16">
<div class="max-w-5xl mx-auto">
<div class="text-center mb-16">
<h1 class="text-5xl md:text-6xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-green-600 to-teal-500">
About GXS Blue Transformation
</h1>
<p class="text-xl text-gray-700 max-w-3xl mx-auto">
Leading the charge in blue innovation and sustainable development.
</p>
</div>
<div class="grid md:grid-cols-2 gap-12 items-center mb-16">
<div>
<img src="http://static.photos/nature/640x360/42" alt="Our Mission" class="rounded-2xl shadow-xl w-full">
</div>
<div>
<h2 class="text-3xl font-bold text-green-700 mb-6">Our Mission</h2>
<p class="text-gray-700 mb-4">
At GXS Blue Transformation, we're dedicated to developing innovative ocean and coastal ecosytem solutions that balance economic growth with ecological preservation.
</p>
<p class="text-gray-700">
Our bundle of solutions bring sustainable technologies and practices that can be implemented regionally and globally.
</p>
</div>
</div>
<div class="grid md:grid-cols-2 gap-12 items-center mb-16 md:flex-row-reverse">
<div class="md:order-last">
<img src="http://static.photos/technology/640x360/57" alt="Our Vision" class="rounded-2xl shadow-xl w-full">
</div>
<div>
<h2 class="text-3xl font-bold text-teal-600 mb-6">Our Vision</h2>
<p class="text-gray-700 mb-4">
We envision a world where human progress and environmental stewardship go hand in hand, creating thriving ecosystems alongside thriving communities.
</p>
<p class="text-gray-700">
Through research, education, and implementation, we're working to make this vision a reality.
</p>
</div>
</div>
<div class="bg-white/80 backdrop-blur-sm rounded-2xl p-8 shadow-lg">
<h2 class="text-3xl font-bold text-center mb-8 text-green-700">Our Core Values</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="text-center">
<div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-feather="shield" class="text-green-600"></i>
</div>
<h3 class="text-xl font-bold mb-2 text-green-600">Sustainability</h3>
<p class="text-gray-700">Commitment to solutions that meet present needs without compromising future generations.</p>
</div>
<div class="text-center">
<div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-feather="zap" class="text-blue-600"></i>
</div>
<h3 class="text-xl font-bold mb-2 text-blue-600">Innovation</h3>
<p class="text-gray-700">Pushing boundaries to develop cutting-edge environmental technologies.</p>
</div>
<div class="text-center">
<div class="w-16 h-16 bg-teal-100 rounded-full flex items-center justify-center mx-auto mb-4">
<i data-feather="users" class="text-teal-600"></i>
</div>
<h3 class="text-xl font-bold mb-2 text-teal-600">Community</h3>
<p class="text-gray-700">Collaborating with local populations to create culturally appropriate solutions.</p>
</div>
</div>
</div>
</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();
</script>
</body>
</html> |