PSD to HTML / 4 pages / bootstrap framework / responsive
- or -
Post a project like this3241
$$
- Posted:
- Proposals: 18
- Remote
- #775543
- Completed
HTML5 | CSS3 | Responsive Design | WordPress | PHP | MySQL | Joomla | eCommerce | Magento | Shopify | Prestashop | React.js
Ahmedabad
78176898952937651935667900348881229839509819871811916
Description
Experience Level: Intermediate
General information for the website: website
Kind of development: New website from scratch
Num. of web pages/modules: 4
Description of requirements/features:
The attached design (jpg - exists as layed psd) should be transformed in HTML with the twitter bootstrap framework (and jquery).
For the icons the font awesome (http://fortawesome.github.io/Font-Awesome/) should be used.
There should be used as much css as possible (less images). Since there will be the opportunity to change the color-scheme, the use of colors should be in a seperated css-file.
It should be responsive.
The project uses google fonts, like raleway, Marck Script, Cabin Sketch
home.jpg
========
The grey background in the navigation (Funktionen) is only when there is a mouse over or if this site is activated.
at the top there is a slider. It has a background-image and text. The orange button is a link, also the "Registrieren"
at the bottom there is also a slider. The images don't have a anchor.
the box of the arrows on both sliders are only orange, if there is a mouse over.
Footer: The Line Orange line and the White (Impressum ...) are links.
funktionen.jpg
===============
The navigation-point "Funktionen" here should be activ.
The icons below "Funktionen" is the subnavigation. The design/jpg only shows the first 2 points.
By scrolling this subnavi should stay at the top of the browser. By reaching a new section (grey background, f.e. "Recherche" and "Bestellung") the activated subnavi has to change.
By clicking on one subnavi-icon it has to jump/scroll (jquery) to the section.
After scrolling below the fold, there should appear the "up" arrow, as shown by the section "Bestellung"
impressum.jpg
==============
simple content-site/imprint
story.jpg
===========
The navigation-point "Storys" here should be activ.
The head is a background-image and text.
The "Tags" should be each a link.
By clicking "Weitere Storys laden" (and the arrow) this box scrolls down and shows more stories.
The link "vorherige Story" shows, how the mouse over effect should be. The standard color is like the right one.
The project should be done as soon as possible. Deadline would be: 21 May 2015
Kind of development: New website from scratch
Num. of web pages/modules: 4
Description of requirements/features:
The attached design (jpg - exists as layed psd) should be transformed in HTML with the twitter bootstrap framework (and jquery).
For the icons the font awesome (http://fortawesome.github.io/Font-Awesome/) should be used.
There should be used as much css as possible (less images). Since there will be the opportunity to change the color-scheme, the use of colors should be in a seperated css-file.
It should be responsive.
The project uses google fonts, like raleway, Marck Script, Cabin Sketch
home.jpg
========
The grey background in the navigation (Funktionen) is only when there is a mouse over or if this site is activated.
at the top there is a slider. It has a background-image and text. The orange button is a link, also the "Registrieren"
at the bottom there is also a slider. The images don't have a anchor.
the box of the arrows on both sliders are only orange, if there is a mouse over.
Footer: The Line Orange line and the White (Impressum ...) are links.
funktionen.jpg
===============
The navigation-point "Funktionen" here should be activ.
The icons below "Funktionen" is the subnavigation. The design/jpg only shows the first 2 points.
By scrolling this subnavi should stay at the top of the browser. By reaching a new section (grey background, f.e. "Recherche" and "Bestellung") the activated subnavi has to change.
By clicking on one subnavi-icon it has to jump/scroll (jquery) to the section.
After scrolling below the fold, there should appear the "up" arrow, as shown by the section "Bestellung"
impressum.jpg
==============
simple content-site/imprint
story.jpg
===========
The navigation-point "Storys" here should be activ.
The head is a background-image and text.
The "Tags" should be each a link.
By clicking "Weitere Storys laden" (and the arrow) this box scrolls down and shows more stories.
The link "vorherige Story" shows, how the mouse over effect should be. The standard color is like the right one.
The project should be done as soon as possible. Deadline would be: 21 May 2015
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