How to change the user-profile.tpl.php file to a customized outline like Linkedin for Drupal 7?
You can utilize views module to achieve what are you looking for, with some CSS styles.

While using views you have two options view user information:

Option 1:


Create block view (Users) 
Select user fields you want to display 
Then add Contextual filters (User: Uid) 
From the configuration page make sure to select Provide default value
Then from Type drop down menu select User ID from logged in user.
Then apply changes.
Save view.
Under Structure -> Blocks locate the new created view in content region
Configure the block to appear only on the user account page user and users/*
Then you need to clear the original drupal content in the user view account page by apply this custom module.


Code:

function mymodule_menu_alter(&amp;$items){
  $items['user/%user']['page callback'] = 'mymodule_user_view_page';
}

function mymodule_user_view_page() {
  return array();
}


Option 2:


Create page view (Users)
Apply steps 2-6 as Option 1
Add Path user/%user under Page Settings 
Save view.