Make a responsive, Wordpress site with seven pages from my Illustrator design files. The site has one breakpoint so every page will have two layouts. The different layouts are in the range 320-767 px and 768- px (because I want the two column layout on iPads). I have given you two examples for both layouts so that you can see about how the content will flow/scale. The site should be fully fluid responsive, so that the content will always fill the browser window nicely (but with margins, described below), like the images and text scale on for example this page: [url removed, login to view]
Pay attention to typography like font sizes, paragraph spacing and so on. The spacing after the content down to the jagged bottom edge should be like it is on the narrowest layout on the start page. On some pages I added/removed content afterwards and did not bother to make that exact spacing.
For the page side margins, you will see that they are different for different widths. Use em or % for the margins so that they scale nicely. The site should always have side margins and not let the content go all the way out to the browser window/unit display edges.
Create the site either at your own server or in a subdirectory to the current site at [url removed, login to view], and then move the site to the root site once it is complete for launch.
Most images are just dummy images. The images must be replaceable. Don't hard-code them in to the theme. As you can see, almost all images and boxes should have the special shadow below it.
Create seamless patterns for the backgrounds (wood and paper/cardboard) to minimize loading times and make the site dynamic.
All text except for the logo should use regular fonts and webfonts. The font "Lobster" is used for the headings, the “Lucida sans” font is used for paragraph text and "Amatic SC" is used for the menu.
For the narrowest design, the menu will be a drop-down menu. Open the file "...[url removed, login to view]" (the start page) in Illustrator for reference. The menu is located up in the right corner. The menu button is top-aligned with the logo. When the menu button is pressed on the finished page, the menu expands like the menu on this page [url removed, login to view] (view it in a narrow browser window so that the menu is collapsed at first.)
The wide layout has three menu items and one (so far) of the menu items has a sub menu. The parent name “Green matmarknad” should not link anywhere, only its sub-items should link to pages. When the menu item “Green matmarknad” is mouse overed or pressed, it should animate the sub menu in a similar way to as the menu does on the narrow layout.
The logo in the top left links to the start page, which is “green matmarknad hemsida [url removed, login to view]”.
On all pages, the head should have a slider. I have bought a responsive slider, named “Extra slider” ([url removed, login to view]) that you may use, or use a slider of your choice. But the slider text should be able to animate independent of the image, like in the “Extra slider”. The slider text size should also be responsive and be able to adapt to different image sizes. We want to be able to easily change things like animation speed, amount of images and delay. Note that the slider text will not appear in the same position for every slider image.
The Wordpress installation should be in Swedish, and must support the Swedish characters "åäöÅÄÖ". All error messages and other text should also be in Swedish. We want no English text whatsoever.
The layout should be made with HTML5 standard.
THE COMPLETE PROJECT DESCRIPTION IS INCLUDED IN A SEPARATE FILE SINCE IT IS LONGER THAN 4 000 CHARACTERS. (5 489 characters including spaces, to be exact.)
34 freelancers are bidding on average $576 for this job
We work with great precision maintaining perfect deadline. We would always be in touch with you till we complete the job to your satisfaction. Please open the PMB to know more about us.
Thanks for inviting us to bid on this project. We have a team of highly qualified and creative professionals. Give us a chance to show our talents and we assure you quality.
AALOGIC specializes in design and development of WordPress based websites. Could you please check PMB for portfolio and bid details? Many thanks
Hi, We can help you on this project as we have experience in similar project and have done lot of project all over the globe. Please check PMB for more detail. Thanks and regards, Surya