Use this profiles pick only on my portfolio
Browse files- index.html +10 -10
index.html
CHANGED
|
@@ -138,8 +138,8 @@
|
|
| 138 |
</div>
|
| 139 |
<div class="md:w-1/2 flex justify-center animate-float">
|
| 140 |
<div class="relative w-64 h-64 md:w-80 md:h-80 rounded-full overflow-hidden shadow-2xl">
|
| 141 |
-
<img src="
|
| 142 |
-
|
| 143 |
<div class="absolute inset-0 bg-gradient-to-t from-blue-600/30 to-transparent"></div>
|
| 144 |
</div>
|
| 145 |
</div>
|
|
@@ -154,8 +154,8 @@
|
|
| 154 |
<div class="flex flex-col md:flex-row items-center gap-8">
|
| 155 |
<div class="md:w-1/3 flex justify-center">
|
| 156 |
<div class="relative w-56 h-56 rounded-lg overflow-hidden shadow-xl">
|
| 157 |
-
<img src="
|
| 158 |
-
|
| 159 |
</div>
|
| 160 |
</div>
|
| 161 |
|
|
@@ -238,8 +238,8 @@
|
|
| 238 |
<!-- Project 1 -->
|
| 239 |
<div class="project-card rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition duration-300 relative">
|
| 240 |
<div class="relative h-52">
|
| 241 |
-
<img src="
|
| 242 |
-
|
| 243 |
<div class="project-overlay absolute inset-0 bg-black/70 flex flex-col justify-center items-center opacity-0 transition duration-300 transform translate-y-4 p-6">
|
| 244 |
<h3 class="text-white text-xl font-bold mb-2">E-commerce Platform</h3>
|
| 245 |
<p class="text-gray-300 text-sm mb-4 text-center">
|
|
@@ -271,8 +271,8 @@
|
|
| 271 |
<!-- Project 2 -->
|
| 272 |
<div class="project-card rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition duration-300 relative">
|
| 273 |
<div class="relative h-60">
|
| 274 |
-
<img src="
|
| 275 |
-
|
| 276 |
<div class="project-overlay absolute inset-0 bg-black/70 flex flex-col justify-center items-center opacity-0 transition duration-300 transform translate-y-4 p-6">
|
| 277 |
<h3 class="text-white text-xl font-bold mb-2">Task Management App</h3>
|
| 278 |
<p class="text-gray-300 text-sm mb-4 text-center">
|
|
@@ -304,8 +304,8 @@
|
|
| 304 |
<!-- Project 3 -->
|
| 305 |
<div class="project-card rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition duration-300 relative">
|
| 306 |
<div class="relative h-60">
|
| 307 |
-
<img src="
|
| 308 |
-
|
| 309 |
<div class="project-overlay absolute inset-0 bg-black/70 flex flex-col justify-center items-center opacity-0 transition duration-300 transform translate-y-4 p-6">
|
| 310 |
<h3 class="text-white text-xl font-bold mb-2">Social Media Dashboard</h3>
|
| 311 |
<p class="text-gray-300 text-sm mb-4 text-center">
|
|
|
|
| 138 |
</div>
|
| 139 |
<div class="md:w-1/2 flex justify-center animate-float">
|
| 140 |
<div class="relative w-64 h-64 md:w-80 md:h-80 rounded-full overflow-hidden shadow-2xl">
|
| 141 |
+
<img src="http://static.photos/people/640x360/123"
|
| 142 |
+
alt="Profile" class="w-full h-full object-cover">
|
| 143 |
<div class="absolute inset-0 bg-gradient-to-t from-blue-600/30 to-transparent"></div>
|
| 144 |
</div>
|
| 145 |
</div>
|
|
|
|
| 154 |
<div class="flex flex-col md:flex-row items-center gap-8">
|
| 155 |
<div class="md:w-1/3 flex justify-center">
|
| 156 |
<div class="relative w-56 h-56 rounded-lg overflow-hidden shadow-xl">
|
| 157 |
+
<img src="http://static.photos/office/640x360/456"
|
| 158 |
+
alt="About" class="w-full h-full object-cover">
|
| 159 |
</div>
|
| 160 |
</div>
|
| 161 |
|
|
|
|
| 238 |
<!-- Project 1 -->
|
| 239 |
<div class="project-card rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition duration-300 relative">
|
| 240 |
<div class="relative h-52">
|
| 241 |
+
<img src="http://static.photos/technology/640x360/789"
|
| 242 |
+
alt="Project 1" class="w-full h-full object-cover">
|
| 243 |
<div class="project-overlay absolute inset-0 bg-black/70 flex flex-col justify-center items-center opacity-0 transition duration-300 transform translate-y-4 p-6">
|
| 244 |
<h3 class="text-white text-xl font-bold mb-2">E-commerce Platform</h3>
|
| 245 |
<p class="text-gray-300 text-sm mb-4 text-center">
|
|
|
|
| 271 |
<!-- Project 2 -->
|
| 272 |
<div class="project-card rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition duration-300 relative">
|
| 273 |
<div class="relative h-60">
|
| 274 |
+
<img src="http://static.photos/technology/640x360/321"
|
| 275 |
+
alt="Project 2" class="w-full h-full object-cover">
|
| 276 |
<div class="project-overlay absolute inset-0 bg-black/70 flex flex-col justify-center items-center opacity-0 transition duration-300 transform translate-y-4 p-6">
|
| 277 |
<h3 class="text-white text-xl font-bold mb-2">Task Management App</h3>
|
| 278 |
<p class="text-gray-300 text-sm mb-4 text-center">
|
|
|
|
| 304 |
<!-- Project 3 -->
|
| 305 |
<div class="project-card rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition duration-300 relative">
|
| 306 |
<div class="relative h-60">
|
| 307 |
+
<img src="http://static.photos/technology/640x360/654"
|
| 308 |
+
alt="Project 3" class="w-full h-full object-cover">
|
| 309 |
<div class="project-overlay absolute inset-0 bg-black/70 flex flex-col justify-center items-center opacity-0 transition duration-300 transform translate-y-4 p-6">
|
| 310 |
<h3 class="text-white text-xl font-bold mb-2">Social Media Dashboard</h3>
|
| 311 |
<p class="text-gray-300 text-sm mb-4 text-center">
|