HTML&PSD to HTML / 10 pages / bootstrap framework / jquery
- or -
Post a project like this2919
$
- Posted:
- Proposals: 19
- Remote
- #1110534
- Completed
⭐⭐⭐⭐⭐ TOP Developer on PPH: JS (AngularJS, NodeJS, React JS/ReactNative, IONIC), PHP (Laravel, Zend, Yii, CI), CMS(WordPress & Magento) AWS & GCP ⭐⭐⭐⭐⭐
Bay Minette
Mob & Web Design & Development, 3D "Design, Modeling and Rendering", Digital illustration and work on so many skill's
New Delhi
7817693596112282381216728119496111922711188217112453111240311111286
Description
Experience Level: Entry
General information for the website: psd to html
Num. of web pages/modules: 10
Description of requirements/features: This project is already in HTML converted, but since it was a few years ago without the bootstrap grid and non responsive. Now this should be changed, so that your job would be:
1.) convert existing HTML in a ...
2.) convert 2 new page types (PSD exists) in HTML in a ...
... boostrap grid + jquery. The result should be about 1170px width and has to be responsive.
There should be used the following directory structure:
/img/
/js/
/css/
There should be used as much css as possible (less images).
The project uses google fonts.
The icons are icons from the font awesome (http://fortawesome.github.io/Font-Awesome/) or images (if you find something equal we could change the images).
There are some jquery effects like:
- there should be a "go to top" image/link that appears after scrolling down (and scroll smooth up)
- show/hide sections by clicking
Here the page types:
1.) Home
URL: https://www.firmenkontor24.com/
Simple. But one key function is, that after the search the result will load via ajax.
Try it: search for "palandt".
(result see also 2. page type)
2.) Search result
URL: https://www.firmenkontor24.com/search/hrb/751939
Nothing special.
3.) detail page
URL 1: https://www.firmenkontor24.com/details/846114/Palandt-Agrartechnik-GmbH
URL 2: https://www.firmenkontor24.com/details/3714856/Palandt-Landmaschinen-GmbH
One of the main pages - since here the order from clients happen. Please compare the 2 URLs, since you will see, that the sections can be different (Gesellschaftsvertrag/Satzung, Gesellschafterliste)
Please check the function, when a checkbox is checked - the section "Zusammenfassung" appears.
Please check the functions at "Ihre Zahlart" - changing content by clicking
Here should be implemented some new functions, please take a look at:
- file: "pop up bundle.jpg"
There should be a lightbox like in this image. This information should come:
a) on command (js)
b) after time (f.e. 30 seconds)
c) none ;)
- file: "Detail_Bundle_Firmenkontor24.jpg"
Please take a look to the new section "Bundles" - this is new. The HTML has also work without this section.
Also at the form "Ihre Daten (Rechnungsanschrift)" you see information right from the input-fields. This appear after inserting something in the input-field. This are instant form-validation.
- file: "Detail_Bundle_Firmenkontor24_Version 1.jpg"
The new part here is the "Komplett Bundle" at the top. The HTML has also work without this section.
4.) glossary (2 pages)
URL 1: https://www.firmenkontor24.com/glossar
URL 2: https://www.firmenkontor24.com/glossar/woerter-mit-a#Abteilung-A
By clicking on URL 2 f.e. at "Anteilseigner" it should scroll down.
5.) knowledge base (2 pages)
URL 1: https://www.firmenkontor24.com/service/handelsregisterauszug-wissenswertes
URL 2: https://www.firmenkontor24.com/handelsregisterauszug-wissenswertes/Gruendung-eines-Unternehmens-49
Something like a blog. With less functions. Only text & images. some tags (Schlagwörter)
6.) state
Take a look at the image "Profilseite_Stand.jpg"
The image in the box "Handelsregister Braunschweig" has to be developed so, that the image of germany at the right can chance, since there are 16 images of germany.
The images at the center has to be developed so, that it slides (only) with the arrows left + right. Every image should have a lightbox by clicking, so that the image is bigger
The text in the box "Firmen aus dem Handelsregister" are links
Please note, that the head and the footer in this image are old! They have to be replaced with the header/footer of the other pages (HTML)
7.) Thanks for the purchase
Take a look at the image "Danke_Seite_Firmenkontor24_dunkel.jpg"
I think here is all clear. It is a simple page.
Please note, that the head and the footer in this image are old! They have to be replaced with the header/footer of the other pages (HTML)
8.) customer section
Take a look at the image "Kundenbereich_Firmenkontor24.jpg" and the version with comments "Kundenbereich_Firmenkontor24-comments.jpg"
The functions are explained in the image with comments
Please note, that the head and the footer in this image are old! They have to be replaced with the header/footer of the other pages (HTML)
You should start after getting the job and deliver it as soon as possible, but before 27.04.2016 (including revisions)
Please resist to ask me for a budget.
If anything is unclear or you have questions don't hesitate to contact me.
Extra notes:
Num. of web pages/modules: 10
Description of requirements/features: This project is already in HTML converted, but since it was a few years ago without the bootstrap grid and non responsive. Now this should be changed, so that your job would be:
1.) convert existing HTML in a ...
2.) convert 2 new page types (PSD exists) in HTML in a ...
... boostrap grid + jquery. The result should be about 1170px width and has to be responsive.
There should be used the following directory structure:
/img/
/js/
/css/
There should be used as much css as possible (less images).
The project uses google fonts.
The icons are icons from the font awesome (http://fortawesome.github.io/Font-Awesome/) or images (if you find something equal we could change the images).
There are some jquery effects like:
- there should be a "go to top" image/link that appears after scrolling down (and scroll smooth up)
- show/hide sections by clicking
Here the page types:
1.) Home
URL: https://www.firmenkontor24.com/
Simple. But one key function is, that after the search the result will load via ajax.
Try it: search for "palandt".
(result see also 2. page type)
2.) Search result
URL: https://www.firmenkontor24.com/search/hrb/751939
Nothing special.
3.) detail page
URL 1: https://www.firmenkontor24.com/details/846114/Palandt-Agrartechnik-GmbH
URL 2: https://www.firmenkontor24.com/details/3714856/Palandt-Landmaschinen-GmbH
One of the main pages - since here the order from clients happen. Please compare the 2 URLs, since you will see, that the sections can be different (Gesellschaftsvertrag/Satzung, Gesellschafterliste)
Please check the function, when a checkbox is checked - the section "Zusammenfassung" appears.
Please check the functions at "Ihre Zahlart" - changing content by clicking
Here should be implemented some new functions, please take a look at:
- file: "pop up bundle.jpg"
There should be a lightbox like in this image. This information should come:
a) on command (js)
b) after time (f.e. 30 seconds)
c) none ;)
- file: "Detail_Bundle_Firmenkontor24.jpg"
Please take a look to the new section "Bundles" - this is new. The HTML has also work without this section.
Also at the form "Ihre Daten (Rechnungsanschrift)" you see information right from the input-fields. This appear after inserting something in the input-field. This are instant form-validation.
- file: "Detail_Bundle_Firmenkontor24_Version 1.jpg"
The new part here is the "Komplett Bundle" at the top. The HTML has also work without this section.
4.) glossary (2 pages)
URL 1: https://www.firmenkontor24.com/glossar
URL 2: https://www.firmenkontor24.com/glossar/woerter-mit-a#Abteilung-A
By clicking on URL 2 f.e. at "Anteilseigner" it should scroll down.
5.) knowledge base (2 pages)
URL 1: https://www.firmenkontor24.com/service/handelsregisterauszug-wissenswertes
URL 2: https://www.firmenkontor24.com/handelsregisterauszug-wissenswertes/Gruendung-eines-Unternehmens-49
Something like a blog. With less functions. Only text & images. some tags (Schlagwörter)
6.) state
Take a look at the image "Profilseite_Stand.jpg"
The image in the box "Handelsregister Braunschweig" has to be developed so, that the image of germany at the right can chance, since there are 16 images of germany.
The images at the center has to be developed so, that it slides (only) with the arrows left + right. Every image should have a lightbox by clicking, so that the image is bigger
The text in the box "Firmen aus dem Handelsregister" are links
Please note, that the head and the footer in this image are old! They have to be replaced with the header/footer of the other pages (HTML)
7.) Thanks for the purchase
Take a look at the image "Danke_Seite_Firmenkontor24_dunkel.jpg"
I think here is all clear. It is a simple page.
Please note, that the head and the footer in this image are old! They have to be replaced with the header/footer of the other pages (HTML)
8.) customer section
Take a look at the image "Kundenbereich_Firmenkontor24.jpg" and the version with comments "Kundenbereich_Firmenkontor24-comments.jpg"
The functions are explained in the image with comments
Please note, that the head and the footer in this image are old! They have to be replaced with the header/footer of the other pages (HTML)
You should start after getting the job and deliver it as soon as possible, but before 27.04.2016 (including revisions)
Please resist to ask me for a budget.
If anything is unclear or you have questions don't hesitate to contact me.
Extra notes:
Daniel T.
100% (120)Projects Completed
123
Freelancers worked with
48
Projects awarded
49%
Last project
19 Nov 2020
Germany
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