Single HTML/CSS Responsive Template

  • Posted:
  • Proposals: 28
  • Remote
  • #1822612
  • Awarded
Callum F.
Vish B.Naseem U.Raj S.Hammad S. + 23 others have already sent a proposal.
  • 10

Description

Experience Level: Entry
Estimated Job duration: less than 1 week
General information for the website: Responsible Single Page Template - no content
Num. of web pages/modules: 1
Description of requirements/features: We are looking for a developer who can take the requirements for creating a single HTML page - with linked CSS - that automatically adapts the width of a content area , to the width of the device. The template should also include a left to right navigation bar across the top of the screen that is responsive. Once the screen is too narrow to display all options, it should hide those that cannot be displayed, and add an extra 'Other Pages' option at the far right hand side of the navigation options. For users tapping or clicking on this, a drop down menu containing the missing nav bar entries should appear. The nav bar should remain locked to the top of the screen at all times, even when the page is scrolled upwards.

At the right hand side of the nav bar should be four social media icons for Facebook, Twitter, YouTube and Instagram. Any or none may be switched on or off. If switched off the icons should not show, and its space should be released. If switched on, they should remain visible at the far right of the screen at all times, and at all widths.

No content or conversion of PSD files is required. This is a simple, quick-turnaround project for somebody with adequate knowledge.

Details of the menu details will be provided, and the nav bar should be easily adapted in the future to accommodate new pages. The colour styling should be provided by a linked CSS file.

Any questions please ask. We are looking for a quick, prompt turnaround of this project. The whole project should display correctly in all browsers on Desktop PCs through to iPhones and Android devices.
Specific technologies required: HTML5, CSS3
Extra notes:

New Proposal

Create an account now and send a proposal now to get this job.

Sign up

Clarification Board Ask a Question

  • Naresh S.

    Please let me know if still available?

  • Tega U.

    RH

    Do you have a wireframe or sketch?