bennison commited on
Commit
b994548
·
verified ·
1 Parent(s): 4e8fa04

Use this profiles pick only on my portfolio

Browse files
Files changed (1) hide show
  1. 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="https://images.unsplash.com/photo-1570295999919-56ceb5ecca61?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=880&q=80"
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,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="https://images.unsplash.com/photo-1557862921-37829c790f19?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1471&q=80"
158
- alt="About" class="w-full h-full object-cover">
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="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80"
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,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="https://images.unsplash.com/photo-1555421689-3f034debb7a6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80"
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,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="https://images.unsplash.com/photo-1551434678-e076c223a692?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80"
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">
 
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">