Edit and improve HTML Template
3519
£50(approx. $62)
- Posted:
- Proposals: 7
- Remote
- #544390
- Archived
Product Manager with extensive web , seo and mobile development experience.
Islamabad
3601534659568870590342649945734530107565
Description
Experience Level: Intermediate
Estimated project duration: 1 - 2 weeks
General information for the website: MyCookin is a new Social Network about food.
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of every page/module: I need to edit an html template that I have already bought. You can see it at this page: http://themes.uxbarn.com/?theme=kose_html
Convert current template in HTML5 and maintain the template responsive.
The template will be used for the new home page of a Social Network about food that you can see at http://www.mycookin.com.
It is a new social network where the people can insert recipes and share them with other food lovers.
Description of requirements/features: Here are the tasks.
In the template I downloaded is missing the top and the footer. Add them with the same size of the template preview. The footer need to be a little bit bigger (see MyCookin size).
N.B.: I don’t want more the recipes currently on mycookin. The footer is just the row with links.
The logo will be situated on the top-left corner. (See the Paypal website, http://www.paypal.com).
The dark panel on the left need to be hidden at the first access. It will be used for something that I am going to explain.
In the left part of the body I need to insert and replicate a Search Engine as you can see on http://www.mycookin.com. I mean also the icons that turns on or off and the tooltips showed when you pass the mouse over. I will provide you all the icons for it.
In the top-right corner, I need a Login button and a Sign up button, as on Paypal website. Notice that at the first access, no textboxes are shown and they are shown after you click Login button.
Next to the Sign Up button, I need the "Login with Facebook" button. I need just the HTML, not the implementation of it.
Clicking on the Login button will appear two textboxes for email and password.
Always looking at Paypal login form, you can notice a question mark in the password textbox. Insert this only in the textbox used for password.
Clicking on it, the dark panel on the left will appear and it will be used for the login form.
This login form simply need a textbox for the email, a textbox for the password, a checkbox for "stay logged" functionality, and a link for "forgot password".
The text "KOSE" in this case will be changed to "Login".
Everything else on this panel is not necessary. I would also need a “X” on the top-left corner of this dark panel to hide it when the user doesn’t want to view more.
By clicking on Sign Up, this panel will be used for the registration form with these fields:
Name, Surname, Email, BirthDate, Password.
For the Birthdate field, I need to use the same calendar that is currently used on MyCookin.
All the fields are mandatory, and need to be checked in HTML5 and jQuery, showing a tooltip next to the field not well formatted.
When the registration form is shown, the text "KOSE" will be changed to "Register"
When this panel is open, the search engine has NOT to disappear.
On the right side of the body, where you can see some text changing, I need some pictures changing instead of the simple text. They will be recipe pictures that in the future will be inserted by the users.
They will change like now is changing the text and below the picture I would like the name of the recipe, a user icon with a name and a surname next to it, and a list of ingredients. For this task should be appreciated a simple mockup to approve it (and to do not waste your time)
Below the ingredient list, I would like a link to see the complete recipe (it will be another page that I will realize in the future).
When the screen is reduced, the recipes pictures are hidden and it will be showed only the "Login with Facebook" button, the search engine below it, and the footer.
In the menu, will be showed the links to Login and Register.
The footer will contains the links to Terms and Condition, Privacy and Contact (see MyCookin)
Clicking on Contact, the dark part will be used for a Contact form (see MyCookin)
Clicking on Terms and Conditions, it will be used to show a long text with a scroller (see MyCookin)
I will also need three flags for Italian, Spanish and English language on the top right corner.
The background color of the top and the footer need to be white. For the color of the text I can give you the official exadecimal codes for MyCookin.
Description of requirements/features: Everything need to work PERFECTLY on Desktops, Tablets and Mobile phones.
Creativity and fancy to improve with own ideas will be appreciated and it will be considered for further works. Please notice that it will be the Home Page and EVERYTHING have to be PERFECT (fonts, colors, sizes, proportions, etc..) Delivery time is quite flexible but I would like to have everything in one week.
The candidate must be have excellent skills on jQuery, CSS and HTML 5.
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of every page/module: I need to edit an html template that I have already bought. You can see it at this page: http://themes.uxbarn.com/?theme=kose_html
Convert current template in HTML5 and maintain the template responsive.
The template will be used for the new home page of a Social Network about food that you can see at http://www.mycookin.com.
It is a new social network where the people can insert recipes and share them with other food lovers.
Description of requirements/features: Here are the tasks.
In the template I downloaded is missing the top and the footer. Add them with the same size of the template preview. The footer need to be a little bit bigger (see MyCookin size).
N.B.: I don’t want more the recipes currently on mycookin. The footer is just the row with links.
The logo will be situated on the top-left corner. (See the Paypal website, http://www.paypal.com).
The dark panel on the left need to be hidden at the first access. It will be used for something that I am going to explain.
In the left part of the body I need to insert and replicate a Search Engine as you can see on http://www.mycookin.com. I mean also the icons that turns on or off and the tooltips showed when you pass the mouse over. I will provide you all the icons for it.
In the top-right corner, I need a Login button and a Sign up button, as on Paypal website. Notice that at the first access, no textboxes are shown and they are shown after you click Login button.
Next to the Sign Up button, I need the "Login with Facebook" button. I need just the HTML, not the implementation of it.
Clicking on the Login button will appear two textboxes for email and password.
Always looking at Paypal login form, you can notice a question mark in the password textbox. Insert this only in the textbox used for password.
Clicking on it, the dark panel on the left will appear and it will be used for the login form.
This login form simply need a textbox for the email, a textbox for the password, a checkbox for "stay logged" functionality, and a link for "forgot password".
The text "KOSE" in this case will be changed to "Login".
Everything else on this panel is not necessary. I would also need a “X” on the top-left corner of this dark panel to hide it when the user doesn’t want to view more.
By clicking on Sign Up, this panel will be used for the registration form with these fields:
Name, Surname, Email, BirthDate, Password.
For the Birthdate field, I need to use the same calendar that is currently used on MyCookin.
All the fields are mandatory, and need to be checked in HTML5 and jQuery, showing a tooltip next to the field not well formatted.
When the registration form is shown, the text "KOSE" will be changed to "Register"
When this panel is open, the search engine has NOT to disappear.
On the right side of the body, where you can see some text changing, I need some pictures changing instead of the simple text. They will be recipe pictures that in the future will be inserted by the users.
They will change like now is changing the text and below the picture I would like the name of the recipe, a user icon with a name and a surname next to it, and a list of ingredients. For this task should be appreciated a simple mockup to approve it (and to do not waste your time)
Below the ingredient list, I would like a link to see the complete recipe (it will be another page that I will realize in the future).
When the screen is reduced, the recipes pictures are hidden and it will be showed only the "Login with Facebook" button, the search engine below it, and the footer.
In the menu, will be showed the links to Login and Register.
The footer will contains the links to Terms and Condition, Privacy and Contact (see MyCookin)
Clicking on Contact, the dark part will be used for a Contact form (see MyCookin)
Clicking on Terms and Conditions, it will be used to show a long text with a scroller (see MyCookin)
I will also need three flags for Italian, Spanish and English language on the top right corner.
The background color of the top and the footer need to be white. For the color of the text I can give you the official exadecimal codes for MyCookin.
Description of requirements/features: Everything need to work PERFECTLY on Desktops, Tablets and Mobile phones.
Creativity and fancy to improve with own ideas will be appreciated and it will be considered for further works. Please notice that it will be the Home Page and EVERYTHING have to be PERFECT (fonts, colors, sizes, proportions, etc..) Delivery time is quite flexible but I would like to have everything in one week.
The candidate must be have excellent skills on jQuery, CSS and HTML 5.
Alessio D.
100% (6)Projects Completed
6
Freelancers worked with
6
Projects awarded
33%
Last project
6 Dec 2015
Spain
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies