Spaces:

2025Amplify
/

Amplify.com

Running

App Files Files Community

Fazbeeer commited on Oct 23, 2025

Commit

ed681e3

verified ·

1 Parent(s): f5ae99a

change the image

Browse files

Files changed (2) hide show

about.html +7 -7
index.html +2 -2

about.html CHANGED Viewed

@@ -141,9 +141,9 @@
                 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                     <!-- Team Member 1 -->
                     <div class="group">
-                        <div class="relative overflow-hidden rounded-lg border-2 border-yellow-500 mb-4 h-64">
-                            <img src="http://static.photos/people/640x360/101" alt="Alex Johnson" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
-                            <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
                             <div class="absolute bottom-0 left-0 p-4">
                                 <h3 class="text-xl font-bold text-white">Alex Johnson</h3>
                                 <p class="text-yellow-500">CEO & Founder</p>
@@ -157,8 +157,8 @@
                     <!-- Team Member 2 -->
                     <div class="group">
                         <div class="relative overflow-hidden rounded-lg border-2 border-red-500 mb-4 h-64">
-                            <img src="http://static.photos/people/640x360/102" alt="Sarah Chen" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
-                            <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
                             <div class="absolute bottom-0 left-0 p-4">
                                 <h3 class="text-xl font-bold text-white">Sarah Chen</h3>
                                 <p class="text-red-500">CTO</p>
@@ -172,8 +172,8 @@
                     <!-- Team Member 3 -->
                     <div class="group">
                         <div class="relative overflow-hidden rounded-lg border-2 border-yellow-500 mb-4 h-64">
-                            <img src="http://static.photos/people/640x360/103" alt="Marcus Wright" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
-                            <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
                             <div class="absolute bottom-0 left-0 p-4">
                                 <h3 class="text-xl font-bold text-white">Marcus Wright</h3>
                                 <p class="text-yellow-500">Head of Coaching</p>

                 <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
                     <!-- Team Member 1 -->
                     <div class="group">
+                    <div class="relative overflow-hidden rounded-lg border-2 border-yellow-500 mb-4 h-64">
+                            <img src="http://static.photos/people/640x360/124" alt="Alex Johnson" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
+<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
                             <div class="absolute bottom-0 left-0 p-4">
                                 <h3 class="text-xl font-bold text-white">Alex Johnson</h3>
                                 <p class="text-yellow-500">CEO & Founder</p>
                     <!-- Team Member 2 -->
                     <div class="group">
                         <div class="relative overflow-hidden rounded-lg border-2 border-red-500 mb-4 h-64">
+                            <img src="http://static.photos/people/640x360/125" alt="Sarah Chen" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
+<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
                             <div class="absolute bottom-0 left-0 p-4">
                                 <h3 class="text-xl font-bold text-white">Sarah Chen</h3>
                                 <p class="text-red-500">CTO</p>
                     <!-- Team Member 3 -->
                     <div class="group">
                         <div class="relative overflow-hidden rounded-lg border-2 border-yellow-500 mb-4 h-64">
+                            <img src="http://static.photos/people/640x360/126" alt="Marcus Wright" class="w-full h-full object-cover group-hover:scale-105 transition duration-500">
+<div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-80"></div>
                             <div class="absolute bottom-0 left-0 p-4">
                                 <h3 class="text-xl font-bold text-white">Marcus Wright</h3>
                                 <p class="text-yellow-500">Head of Coaching</p>

index.html CHANGED Viewed

@@ -462,8 +462,8 @@ Get Started
             <div class="flex flex-col md:flex-row items-center">
                 <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
                     <div class="relative mb-8">
-                        <img src="http://static.photos/people/640x360/42" alt="Coach" class="rounded-lg border-2 border-yellow-500">
-                        <div class="absolute bottom-0 left-0 bg-yellow-500 text-black px-4 py-2 rounded-tr-lg">
                             <i data-feather="user" class="inline mr-2"></i> Elite Coaches
                         </div>
                     </div>

             <div class="flex flex-col md:flex-row items-center">
                 <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
                     <div class="relative mb-8">
+                        <img src="http://static.photos/people/640x360/123" alt="Coach" class="rounded-lg border-2 border-yellow-500 hovered-element">
+<div class="absolute bottom-0 left-0 bg-yellow-500 text-black px-4 py-2 rounded-tr-lg">
                             <i data-feather="user" class="inline mr-2"></i> Elite Coaches
                         </div>
                     </div>