Change Ecards

General Instructions: All changes must maintain and be compatible with the existing code and the ecards must perform normal and successful upon completion across all browsers. Please NOTE that the current ecards page is using a WordPress as a platform only --- php, Json ect code are the life blood. (Using plugins for the WordPress will not be effective the Wordpress does not update ---ever !!!!!) Instructions: 1. Convert the ecards page to be 100% mobile and reader devices such as Ipad or Kindle friendly. Currently the page is restrictively compatible. B. Make sure that the link to the Home Page to feature ecard still work and display correct 2. Add steps to ecard page to share ecards to social media while maintain email option that add a step to find a message via links. 3. Once a user click on an ecard: Add new step: “Your Ecard” Next paragraph - Do you want to “SHARE” or “EMAIL” the ecard. (First step for user. Next step is Your Recipients. Keep Name in event of “SHARE” but exclude email. In event “Email” maintain all current steps. Allow next to add the title to "Front of Ecard" (See photo attached - step 1) See photo attached - step 2 : 2. When Share is chosen next step add the necessary icons so that users can choose the platform Facebook, Twitter, Google Plus and other social media sharing (please suggest which other platforms) B. When SHARE exclude the requirement for email from the code. C. Add platform social interface with login. D. Is it expedient or necessary to Create an automatic resizing the image of the ecard to social platform- current size it too big. Render a crisp ecard image that is not to small about the size of the front page when a user clicks on an ecard to start the process? Current size is 425 px by 425 px at resolution 120. Share at 350px by 350px at 120 resolution (please suggest best option for size but maintaining 120 or higher resolution) E. Exclude the message /greeting pages from code. The inside of the ecards that is now step 2 When SHARE all platforms allow adding a message anyway. Share only the image or first step for ecards to social media including or excluding header depending on decision about viable option. (See photo attached - step3). Exclude step 4 from "SHARE" option as well. 3. Maintain present steps in code if user choose to EMAIL a ecard. If click on Email, the now Your Recipients window will appear: (See photo attached step 1) B. Add step "Find A Perfect Message"inline with " Choose a font" above right page of inside ecar (please photo attached step 3) Step "Find A Perfect Message" in drop down menu: The links are: [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] 3. Add the links as a drop down menu similar to the choices for the fonts The actual link to the various websites should open in the same window. Not in another window on small screens like mobile phone a new window is impractical. C.) create BACK button on the top of the page to take them back to the ecard that the person selected in other words it would be the previous page? Similar to the one most bank's websites use. It should NOT take a person Back to the general Ecards page. But the page where the specific ecard was chosen and the 3rd step of the specific ecard ( The inside of the ecard chosen) Since there is going to be a New Step Your Ecard/ Similar --- it should be just for a previous page? Currently this is the 3rd window.