title: How to create an edit profile page like Google+?
body: <p>We've got a directory that we want to modernise in terms of usability and coding. We've incorporated a lot of quite cool elements but one element we want to use is the way in which you can edit your profile on Google+.</p>
  
  <p>How can we create something similar?</p>
  
  <p>For instance, we want to include the following when the page is in it's editing state:</p>
  
  <ol>
  <li>When each sub section is hovered over we want the whole box to change color. So it's clear your editing the section.</li>
  <li>On clicking the box, we want the text to be editable with save and cancel options.</li>
  <li>Once the user is happy, click done to save the overall changes on the page.</li>
  </ol>
  
  <p>How can this be done? What coding languages would be needed?</p>