File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+
4+ < head >
5+ < meta charset ="UTF-8 " />
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
7+ < title > My LinkedIn Profile</ title >
8+ < script src ="https://cdn.tailwindcss.com "> </ script >
9+ </ head >
10+
11+ < body class ="bg-gray-100 text-gray-800 ">
12+ < div class ="min-h-screen flex flex-col items-center justify-center px-4 ">
13+ < div class ="bg-white shadow-2xl rounded-2xl max-w-xl w-full p-8 text-center ">
14+ < img src ="https://via.placeholder.com/120 " alt ="Profile Picture " class ="rounded-full mx-auto mb-4 ">
15+ < h1 class ="text-3xl font-bold "> John Doe</ h1 >
16+ < p class ="text-gray-500 text-sm mb-4 "> Software Developer | Tech Enthusiast | Open Source Contributor</ p >
17+
18+ < p class ="mb-6 text-base ">
19+ Passionate about building impactful software and solving real-world problems. Skilled in Java, Python, and web development.
20+ </ p >
21+
22+ < div class ="flex justify-center space-x-6 ">
23+ < a href ="https://www.linkedin.com/in/johndoe " target ="_blank " class ="text-blue-600 hover:text-blue-800 font-medium "> LinkedIn</ a >
24+ < a href ="https://github.com/johndoe " target ="_blank " class ="text-gray-700 hover:text-black font-medium "> GitHub</ a >
25+ < a href ="# " class ="text-green-700 hover:text-green-900 font-medium "> Resume</ a >
26+ </ div >
27+
28+ < hr class ="my-6 ">
29+
30+ < h2 class ="text-xl font-semibold mb-2 "> Projects</ h2 >
31+ < ul class ="text-left text-sm list-disc list-inside space-y-1 ">
32+ < li > Portfolio Website – Personal branding with modern design</ li >
33+ < li > Task Tracker App – Built with React and Firebase</ li >
34+ < li > REST API for Bookstore – Java + Spring Boot</ li >
35+ </ ul >
36+ </ div >
37+ </ div >
38+ </ body >
39+
40+ </ html >
You can’t perform that action at this time.
0 commit comments