Profile Page Creation w/ Google, LinkedIn integration

This project received 8 bids from talented freelancers with an average bid price of $348 USD.

Get free quotes for a project like this
Employer working
Project Budget
$30 - $250 USD
Total Bids
Project Description

Single page to import users profile from either Google app account or LinkedIn. Users can also manually edit fields if they choose. Does not need to interact or save within a database.

--------------------Splash Section--------------------------------

The profile page will begin with a large background image inside a div tag, similar to Google+ (use jQuery that fades in to set the background image). The

splash image will contain the following, which will also be similar to the layout of Google+:

(1) users profile image,
(2) name,
(3) place of work,
(4) school attended
(5) current location.

--------------------Section 1--------------------------------

Here we will have 3 clickable links

Link 1: An image of a pencil with text "Edit Profile"

Link 2: A Google icon with text "Google import"

Link 3: LinkedIn icon with text "LinkedIn import"

--------------------Section 2--------------------------------

Title for this section should be "Contact Info"

Mobile Phone

Home Phone

Office Phone

Email Address

--------------------Section 3--------------------------------

Title for this section should be "Location"






Birth Date

Preferred Language

- -
- Expectations -
- -

1. When this profile page is navigated to or page refreshed, all elements on it should fade in.

2. Use Masonry [url removed, login to view] on Section 1, Section 2 and section 3 to control their layout on the screen. Masonry

gives the look and feel that Google+ uses for the dynamic layout and positioning of the content holders

3. In Section 1, all images are controlled via the style sheet as background and change on hover. The text colors also change on hover. #c7c7c7 when not

active, and #7D7D7D when active

4. When Link 1 is clicked, all fields including those within the Splash area are put into edit mode

5. When Link 2 is clicked, use ajax and C# to get the users contact details. You don't have to save to a database, just retrive and update

([url removed, login to view]).

6. When Link 3 is clicked, use linkedIn API to get users profile info

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online