elreco
<body class="bg-gradient-to-r from-purple-400 via-pink-500 to-red-500 font-sans leading-normal tracking-normal h-screen flex items-center justify-center">
<div class="bg-white shadow-lg rounded-lg p-8 max-w-lg w-full">
<h1 class="text-2xl font-bold mb-6 text-center">Edit Professional Information</h1>
<form>
<div class="mb-4">
<label for="job-title" class="block text-gray-700 mb-2">Job Title</label>
<input type="text" id="job-title" class="w-full p-2 border rounded" placeholder="Enter your job title">
</div>
<div class="mb-4">
<label for="company" class="block text-gray-700 mb-2">Company</label>
<input type="text" id="company" class="w-full p-2 border rounded" placeholder="Enter your company name">
</div>
<div class="mb-4">
<label for="location" class="block text-gray-700 mb-2">Location</label>
<input type="text" id="location" class="w-full p-2 border rounded" placeholder="Enter your location">
</div>
<div class="mb-4">
<label for="experience" class="block text-gray-700 mb-2">Years of Experience</label>
<input type="number" id="experience" class="w-full p-2 border rounded" placeholder="Enter your years of experience">
</div>
<div class="mb-6">
<label for="skills" class="block text-gray-700 mb-2">Skills</label>
<textarea id="skills" class="w-full p-2 border rounded" placeholder="Enter your skills" rows="4"></textarea>
</div>
<button type="submit" class="w-full bg-blue-500 text-white p-2 rounded hover:bg-blue-400">Save</button>
</form>
</div>
</body>