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>