Web Application Home Page With jQuery Effects

The solution must provide the HTML home page styled with a CSS file, and the necessary jQuery to achieve the required results.

The home page is to have a full width header area 110px in height and a full width footer area 12px in height, both with background color: #00467F and font-color: white. A div then must fill the remaining area with the id “main” with a white background. The home page must have the minimum width 924px and minimum height 400px set, including header and footer.

The home page css file needs to link to a full Futura Medium font pack which needs to also be provided – arial example is:

font-family: 'arialregular';

src: url('../font/[url removed, login to view]');

src: url('../font/[url removed, login to view]') format('embedded-opentype'),

url('../font/[url removed, login to view]') format('woff'),

url('../font/[url removed, login to view]') format('truetype'),

url('../font/arial-webfont.svg#arialregular') format('svg');

The home page will then have between 1 and 9 panels each a minimum of 300px wide by 150px high. The panels will be added on the production system from a database, but for the solution they can be added manually in HTML. The panels should have a white background and a 1px black border with box shadow 5px 5px 5px #808285. The panels should layout optimally so if only 1 then central to the div, if 2 or 3 then side by side, 4 should be 2 x 2, etc upto 9 which should be 3 x 3. The layout can be done in CSS or jQuery.

Each panel should be styled using a CSS class and each should have a unique id. The panels should have an onclick event which causes them to grow smoothly to fill the “main” div and at the same time make an AJAX request to [url removed, login to view] to obtain the new “main” div content.

Beceriler: AJAX, CSS, HTML5, Javascript, jQuery / Prototype

Daha fazlasını gör: web layout in html, src format file, jquery class, jquery 2.0 3, id pack, family central, css height jquery, web solution web, html web side, home example, css html jquery, jquery css content, effects background, side panel css, jquery html format, full page color, fill web content, ttf eot woff, jquery file time, svg css, embedded font, html background white, php opentype, page html jquery, jquery system layout

İşveren Hakkında:
( 7 değerlendirme ) Coventry, United Kingdom

Proje NO: #6545547



Hello, Thanks for the detailed description of the project. Interested to proceed with it if provided with a chance. Please drop in a message to discuss. Thanks a lot.

%selectedBids___i_period_sub_7% gün içinde 40%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(6 Değerlendirme)

Bu iş için 7 freelancer ortalamada £168 teklif veriyor


A proposal has not yet been provided

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% GBP
(162 Değerlendirme)

I am a energetic, vibrant, and creative professional with extensive skills in web solutions. I have 5+ years experience in PHP, Wordpress, Joomla, Magento, Prestashop, CSS, JQuery, HTML etc. I also developed many sof Daha Fazla

in %bids___i_period_sub_35% gün içinde142%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(17 Değerlendirme)

Dear Sir Have read your requirement and happy to take up the project, can we discuss more upon this Thank you

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% GBP
(54 Değerlendirme)

hello, i am a red hat certified engineer and i am more then 4 year experience in this field ready to start now thanks

in %bids___i_period_sub_35% gün içinde157%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(4 Değerlendirme)

A proposal has not yet been provided

in %bids___i_period_sub_35% gün içinde111%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(23 Değerlendirme)

A proposal has not yet been provided

in %bids___i_period_sub_35% gün içinde526%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)