Bootstrap Responsive Website Design

Avg Bid (USD)
Project Budget (USD)
$100 - $100

Project Description:
The budget is up to $500. This is an initial assignment to assess capability.

I am looking for an individual or small development team that I can work with to develop the Frontend and UI of an online service. I am already working with a developer who has developed most of the backend coding already.

I want a responsive website developed in Bootstrap. After the frontend is developed, I will want to change the backend (User Interface) which is presently set out like the website we have based this service on. After that, there are Admin and Reseller User Interfaces to change as well.

I have bought a template called Gebo-Admin which I planned to use as the back end (User Interface) template, but it is not very pretty for the frontend.

I have bought another template called Quentin for more frontend design which also included Layerslider 3

I have put up an idea of what I want at - which uses Gebo-Admin and Layerslider 3 (responsive)

The first stage is the development of the frontend website.

The successful applicant will explain how they will approach the development, show existing work and provide an estimate of the total cost.

The focus is on Bootstrap Responsive CSS, not sliced PSD. The initial contract is for $100 work - you simply tell me when you have completed $100 worth of work. Once that is complete and successful, we can move onto the next block of $100 as another project and so on, increasing the amount as I become more confident with your work.

I want to see an individual or small team that can develop quickly and competently in the Bootstrap environment. The User Interface is presently developed in ASP.NET 4, so a reasonable understanding of that environment is probably necessary for developing the backend design down the line.

You will be given an FTP account to access all existing files and work should be viewable by me where it is being developed. Payment will be made on uploading the completed work to our website.

For all pages:
1. Use Gebo-Admin as much as possible
(Functionality - & Files -

or an alternative Admin Template with similar functionality (bootstrap & responsive) that you are more familiar with.

2. Utilise Quentin or your own bootstrap design elements as necessary.
(Functionality - & Files -

3. Create the following pages:
Home - index.aspx or modify the existing index.html
Features - features.aspx
Partners - partners.aspx
FAQ - faq.aspx
Help - help.aspx
Support - support.aspx

4. Modify the following pages
Pricing - pricing.aspx Pricing matrix like -
Logon - logon.aspx

5. Home Page Developments
Fix the shadow under the main image so that it is responsive
Create a dark Footer div incorporating navigation like ...
Improve the look of the Feature divs like ...
Create a Quotes div under the Features div the look of the Quote divs like ...
Optimise CSS

6. Other Pages
Add a no-robots page
Page structure as per menu on Home Page
Banner (Jumbotron) for top page header and lead like Bootstrap, but with fixed width of 958px like the Home Page
Either Fixed left hand column (Antiscroll in Gebo) or Affix in Bootstrap for nav which uses Spy-scroll to highlight the appropriate nav element

7. Sign up for a free account to have a look at the present backend design - - Choose Free Account

Additional Project Description:
10/11/2013 at 19:50 EDT

This information here replaces all Project Description above.

Name in 2 colors, one for Trustee and one for Vault. Possible Grey and Blue? Then a logo either before or after, which signifies security and safety - perhaps a stylised padlock, keys or a safe. Perhaps some other accent colour as well. It needs to be able to be on a black background or white. GeoTrust, Thawte, Securesafe and Symantec I think are good examples. It might be worth considering some cloud imagery as well, but this could be overkill.


2. Develop the front page - GeboAdmin/index.html renamed to default.aspx
Fix the shadow under the main image so that it is responsive
Create a dark Footer div incorporating navigation like ...
Improve the look of the Feature divs. Perhaps put them in divs with a light background and maybe include Icons
Create a Testamonials div under the Features div like 2nd Blockquotes on
I like this basefont -

3. Create a "Main Content Template" from GeboAdmin for the main content pages (in menu bar: features.aspx, faq.aspx, etc) including the following features / elements:
Use fixed-width and dark css as a start point.
Consider an appropriate classy light grey watermark, ie outside 958px width and maybe shadow on vertical edges
Delete the Sidebar content to use for page nav in some pretty way like
Nice if we can use Spy-scroll to highlight the appropriate nav element like
Otherwise maintain Sidebar responsive functionality
Sidebar could have a light background as present but perhaps none would look cleaner?
Permanently remove breadcrumbs
Implement a nice Heading and Lead design - Ones in GeboAdmin are not very pretty.

4. Modify Pricing.aspx using pricing matrix similar to quentin/pricing2.html
Add tool tips for each item

5. Create a Simple Form Template based on GeboAdmin/login.html with nice background and validation - GeboAdmin/form_validation.html.
Apply to:

6. Optimise Frontend CSS & JS code

Skills required:
ASP, Bootstrap, CSS, Graphic Design, Website Design
About the employer:
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.

$ 721
in 21 days
$ 103
in 3 days
$ 515
in 15 days
$ 463
in 5 days
$ 210
in 5 days
$ 226
in 10 days
$ 360
in 14 days
$ 515
in 20 days
$ 500
in 16 days
$ 388
in 16 days