Dynamic Webpage: A Single Webpage Using Css Javascript 2

This assignment requires a developer to transform a Fireworks file into a fully functional dynamic webpage.

The webpage consists of one single page (see attached image). This page has several form controls that will be used to request and filter search results from a MySQL database. The site must be developed using CSS, Javascript, and PHP with MySQL.  Note: The MySQL database is already built. 

The project has been divided into 6 key stages, or milestones. At the completion of each milestone a portion of the final payment will be made. Read below for details.


Milestone 1: Convert PNG Image (Fireworks) to HTML

1.1	Prepare the page layout, include slicing and positioning all background images, text, pictures, etc. 
1.2	Define all layouts and styles (div, text, background images, etc) using CSS
1.3	Customize the form controls (combo box, text box, buttons, etc) to match the controls illustrated in the fireworks image
1.4	Develop the expandable Categories Menu (using Javascript and CSS)

Note: The page needs to look exactly as illustrated in Fireworks. Quality HTML, and cross browser compatible HTML is a MUST! If any shortcuts are taken, the project will be terminated immediately

 - - Successful Completion of Milestone 1 = Payment of 10% of the Project Budget - - 


Milestone 2: Dynamic HTML ľ Expandable Menu 

2.1	Set up the connection string (mysql.inc.php), the config file, etc
2.2	Divide the HTML page into three separate pages (Header, Body, and Footer) and use PHP to assemble these pages together
2.3	Use PHP and MySQL to dynamically generate the expandable ôCategories Menuö  prepare at task  1.4 above. Note: the menu items are stored in the Categories database table

 - - Successful Completion of Milestone 2 = Payment of 10% of the Project Budget - - 


Milestone 3: Dynamic HTML ľ Search Results

3.1	Populate the Search Results with Classes that are marked as Featured (specified by the Feature boolean field in the Classes database table). 
3.2	Add text to specify the number of classes displayed in the search result. E.g. ô4 results found for Feature Classes & Activitiesö
3.3	Add functionality that will allow a user to click Price to re-order the search results by price (cheapest to expensive). If the user clicks Price again, reverse the order of the search results (expensive to cheap)

 - - Successful Completion of Milestone 3 = Payment of 15% of the Project Budget - - 

 
Milestone 4: Filter Search Results by Date & Time 

4.1	Filter the search results using the Date and Time form criteria if specified by the user. Note: The Date and Time values of each class are stored in the Class_Schedule database table.
4.2	Change the text ônot filtered by Date & Timeö to ôfiltered by Date & Timeö
4.3	Change the text at the bottom of the search results to display the Date & Time preferences specified by the user.

- - Successful Completion of Milestone 4 = Payment of 20% of the Project Budget - -


Milestone 5: Update Search Results  - Category Selection

5.1	Update the search results when a user selects an item from the Expandable Categories Menu. The user's Date and Time preferences (specified in 4.1) must be maintained.
5.2	Ensure that if a user changes or resets that Date and Time preferences, the search results will change accordingly (while preserving the selected Category)

- - Successful Completion of Milestone 5 = Payment of 20% of the Project Budget - - 


Milestone 6: Update Search Results  - Keyword Search

6.1	Update the search results when a user executes a keyword search. The user's Date and Time preferences must be maintained.
6.2	Ensure that if a user changes their Date and Time preferences, the search results change accordingly (while preserving the selected keyword search)

- - Successful Completion of Milestone 6 = Payment of 25% of the Project Budget - -


Technology Specifications
The site is to be developed using:
Ľ PHP version 5.3 or higher
Ľ MySQL version 5.1 or higher
Ľ Javascript/AJAX
Ľ CSS

Browser Compatibility
The site needs to be compatible with 95% of web browsers, including IE7+, Chrome 15.0+, Safari Ipad, Opera 11.6+, etc

Code Notation
ALL code must be thoroughly and clearly notated. When selecting a developer preference will be given to someone that can demonstrate an ability to clearly notate all code.

Important: Many developers bid for a project without reading the design brief. To give me confidence that you have read and understood the project requirements, please add the words Blue Elephant to the text of your bid. Any bids without these words will be disregarded.

Completion of all milestones by the agreed deadline, and the inclusion of clear and thorough notation across all code will result in an additional bonus of $50		

Latest related projects

Project name/Short description Project type Posted time Budget
OGL Enhancements
Enhancements to current website Full details ┬╗
2 months ago$8 - 15
Multi function e-commerce website
We need a Multi function photo & canvas printing website which must be responsive and the respective app to work on both android and IOS system. For more details, please contact me back. Full details ┬╗
2 months ago$1500 - 3000
Re-build a Website
Looking to improve our website, [url removed, login to view] - to modern fresh look that provides detail description of our services and products, with ease of operation and simple to access by general public, yet with access for technical data for architects and builders. Use the existing logo and colours, but will consider the graphic changes to make it look more attractive with more pictures. With ... Full details ┬╗
2 months ago$250 - 750
Amadeus,Galileo and Sabre GDS Integration - XML API
Welcome to our project! We are basically looking for someone who can design and implement a flight booking engine into a CMS website. I have seen these 2 websites: [url removed, login to view] (Booking Engine we want) and [url removed, login to view] (The design we want) I want a 100% clone of West East Travels booking engine with some minor adjustments. The engine should be ajax'ed ... Full details ┬╗
2 months ago$750 - 1500
Polishing a cart
polishing a cart site with unfinished php plugins Full details ┬╗
2 months ago$250 - 750
Need to Create complex Website
Hello we are looking for develop a complex website we will share final details with winning bidders Thanks Full details ┬╗
2 months ago$2 - 8
Featured Football game section on website
HI, I have a website which pulls English football data from xmlsoccer.com. i would like a new features on our homepage which is a Featured Game section. This Featured game would look something like on the front of the following web site [url removed, login to view] I would like to choose a game each weekend to appear on the homepage which would include team info ie who is playing and also the ... Full details ┬╗
2 months ago$80 - 80
Write an iPhone application
something like "charade" for apple and android . Preferably you can design and write programming Full details ┬╗
2 months ago$99 - 825
Customize some designs
Add some functions in php-mysql to my Website Full details ┬╗
2 months ago$2 - 8
this is a test project! -- 37524
this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test Full details ┬╗
2 months ago$10 - 10
Positioning background images using css/javasc
Hi, I have a website and need help with positioning some background images. The project is very simple for someone who is an expert in css and javascript. Thanks. Full details ┬╗
2 months ago$30 - 250
Build a Website
Looking for someone to Integrate Facebook tools & plugins on our website. Brief requirements are as follows:- 1. Log in with Facebook by Facebook Graph API using Open graph protocol. 2. Integration of Facebook social plugins (selected not all). the website is in [url removed, login to view] & C# so need to work accordingly. Full details ┬╗
2 months ago$600 - 1500
Simple and Quick website with Google Maps, AngularJS, Jquery, HTML5 and CSS3 - Cosname
Project Description: We are looking to get a simple single page Google maps based HTML5 website built. This website will display a full screen (taking the entire width / height of the page) google map locations. There will be a few 4 different elements that will be overlayed on top of the map displayed. The map displayed will be stylised. The ability to zoom, pan or scroll on the maps will be DISABLED. ... Full details ┬╗
2 months ago$30 - 250
need an app developer...
need an app developer who has experience in this field.. description will given later.. long term relationship.. Full details ┬╗
2 months ago$100 - 150
Build a Website
I want to develop a 5 page website for my company Full details ┬╗
2 months ago$12500 - 37500
HTML5, CSS3 Gallery in Template korrigieren
I have a ready made template which i already modified to my website. The template is bought from Envato, but the guys who did it did do a quite complicated way of scripting the gallery which i want to change. I put the whole page on dropbox, but you can see the demotemplate here: [url removed, login to view] I want to have one single topic (images) in one gallery only, but they mix all topics ... Full details ┬╗
2 months ago$30 - 250
We are hiring part and full-time programmers for a large long-term jquery project. - open to bidding
Hi there, We are seeking an English-speaking Chinese programmer with serious experience and expertize with jquery/javascript. For full-time you must NOT have another full or part-time job. Please tell us what your minimum monthly salary would be for full-time work. Eric Sommer P>S. You can find our landing page at [url removed, login to view] You can email me at eric@[url removed, login to ... Full details ┬╗
2 months ago$15 - 25
Symfony Service (urgent) - open to bidding
I have a project online in symfony but i have a big problem that is not taking the news services that i publish, in my local machine is working fine, y only need to fix that and know where was the problem (its urgent) Full details ┬╗
2 months ago$10 - 30
Its a augmented reality based project. - open to bidding
[url removed, login to view] this i want to develop..you just need to develop a logic using dummy tracker and model..if yoy dont have dummy model i will provide you..this job is on urgent requirement..maximum one day time i can give for you to develop logic Full details ┬╗
2 months ago$30 - 250
Change a theme
We want to change this theme for prestashop 1.5.4,1 [url removed, login to view] Need this done on our testservere so we can show the client. For this theme we need to change a bit. Add to cart on front and categorypage should be removed - only add to cart on productpage In the header just beside search we need a trustpilot picture We had another working on this he removed cart and NOT ... Full details ┬╗
2 months ago$10 - 30
SEO and PHP Web Development
SEO and PHP Web Development Private Project Full details ┬╗
2 months ago$1500 - 3000
Javascript tasks
I have a couple of tasks that I need Javascript help with. Will explain in more detail via chat. Will use you for future projects if work is satisfactory. Full details ┬╗
2 months ago$8 - 15
Cordova App
Looking for a Phonegap/Cordova dev preferably in the Houston area (but not required) to work on customization, enhancements and general development work. The developer will be required to have an advanced skill set in HTML, Javascript, CSS and Phonegap/Cordova development, testing and distribution. Full details ┬╗
2 months agon/a
Modify a Wordpress Template
My clients blog has been updated to Wordpress 4.0 and the TrueThemes Karma template to 4.0.4. As a result, a few problems arose. One, the child theme on the Karma template has never worked. All efforts have failed and the developers are in denial of any problem despite many other people have issues with it. TrueThemes developers are slow, sometimes unhelpful and outright deny problems even if proven. ... Full details ┬╗
2 months ago$15 - 25
Add video to woocommerce gallery image
I currently have this website that I am working on. As you can see in the link there is a picture tab for the video when this is clicked I want to play a youtube or vimeo video [url removed, login to view] One of many of the videos that need to be added [url removed, login to view] Full details ┬╗
2 months ago$30 - 250
Design an HTML email
Hi I have a small campaign that I would like to create and send. I need you to create me an HTML email template that I can send in Campaign monitor. I have access to our company logo's etc, and a sample of the type of thing I am looking for. Essentially, the email needs to be heavily corporate branded, and carry a simple message, that says "Free WiFi Consultations" We will ... Full details ┬╗
2 months ago$20 - 250
fix some problems in joomla design
i want some fixed in design in my joomla site, its very simple job just need some fix in CSS happy bidding all Full details ┬╗
2 months ago$2 - 8
Costruire un Negozio Online
Crowdfunding Platform: Requirements: -Develop a crowd funding platform were individuals can create projects about products they like lets say an "Iphone 5". -Projects are meant to buy in bulk and because individuals buy items together they can get bulk discounts, there must be a minimum amount of people that join the project for the project to happen ( for example the "iphone 5" ... Full details ┬╗
2 months ago$250 - 750
Add some motion blur on a specific image within the Live Video
Possible Filter SOME letter IN VLC AUTO Add some motion blur on a specific image within the Live Video need work in vlc or ffmpg lunix Full details ┬╗
2 months ago$30 - 250
Build an Online Store
Applying new design Customisation Payment gateway Integration Full details ┬╗
2 months ago$12500 - 37500
Copy a website - quick job
I have a partially created website that needs to be finished. It will be a basic comparison referral website. No purchases will be made on the website, just forwards to other sites. It will consist of 2 pages to start with and further potential work if everything goes well. The 1st page will have a really basic layout that with be a grid. See attached image. The 2nd page will contain coupons ... Full details ┬╗
2 months ago$30 - 250
Create a Drupal Template
Customize a website using Symfony (PHP) Full details ┬╗
2 months ago$10000 - 30000
Make an iPhone App for me
I need someone to create an iOS app for my business. The app should be functional and professional. The app should also follow the branding of my business. Please message me if you have any questions. Full details ┬╗
2 months ago$30 - 250
Photography Wordpress Template Portfolio
I'm a student photographer in need of somewhere to place a few of my photography photos. I would like a simple wordpress template with the ability to add photos. I like clean and simple. Full details ┬╗
2 months ago$30 - 250
Build a Website
design a website for educational institute Full details ┬╗
2 months ago$600 - 1500
India map with jquery roll over for states and pop up on click
We need html page with working map link below link : [url removed, login to view] Should work in IE and other browsers , should show state names as tool tip , should show up a jquery pop with state info on clicking each state. urgent work. more jquery work to come. Full details ┬╗
2 months ago$600 - 1500
Subscriber Management System
Subscriber Management System is a telecom subscriber management system. Full details ┬╗
2 months ago$250 - 750
Copy a website - quick job
I have a partially created website that needs to be finished. It will be a basic comparison referral website. No purchases will be made on the website, just forwards to other sites. It will consist of 2 pages to start with and further potential work if everything goes well. The 1st page will have a really basic layout that with be a grid. See attached image. The 2nd page will contain coupons ... Full details ┬╗
2 months ago$30 - 250
Build a Website Similar to an Existing Website
I need an exact replica of the website domainservicesonline.org. Few texts will be different here and there obviously. Otherwise the design, flow, exit pop up etc will be same. After people buy there is a members area. So you have to design an members area also, you can use any membership site script for that in the back end. The main logo and few graphics will be different according to my domain ... Full details ┬╗
2 months ago$1500 - 12500
PSD to HTML (Responsive Foundation) -- 2
1 page webiste - PSD to HTML. Must use HTML5, and Foundation Framework. Simple page. Full details ┬╗
2 months ago$10 - 30
Create a nice hourly SE Website (September 11, 2014 05:41:21)
Create a nice hourly SE Website (September 11, 2014 05:41:21) Create a nice hourly SE Website (September 11, 2014 05:41:21) Create a nice hourly SE Website (September 11, 2014 05:41:21) Create a nice hourly SE Website (September 11, 2014 05:41:21) Create a nice hourly SE Website (September 11, 2014 05:41:21) Create a nice hourly SE Website (September 11, 2014 05:41:21) Create a nice hourly SE ... Full details ┬╗
2 months ago$2 - 8
Build an Online Store
Looking for an offer (full offer) of an ecommerce WEBSITE. Please do not bid if you are changing or trying to change your price while asking for the features of the project. If you are professionnal, then bid nd keep your price, as we will pay at the completion and there is no discussion on that. Last we want an e-commerce website with ALL features that e-commerce have as of today, so welcome bidders ... Full details ┬╗
2 months ago$30 - 250
Write some Software
I want a medical shop software both online and offline by using c#.net and mysql. requirements will be sent through skype/email. Note:bid must not exceed $200 Full details ┬╗
2 months ago$1500 - 12500
PSD to HTML (Responsive Foundation)
1 page webiste - PSD to HTML. Must use HTML5, and Foundation Framework. Simple page. Full details ┬╗
2 months ago$10 - 30
Clone Features of Website
Please spend few minutes to read the description. Don't just blindly bid on this project and discuss later. Specification: 1. I already own Wordpress photographic blog [url removed, login to view] 2. I want to introduce new features into the website. Almost all features from the [url removed, login to view] 3. Take some time to browse through the features of the reference link: [url removed, ... Full details ┬╗
2 months ago$250 - 750
I need a restaurant reservation website and app. - open to bidding
Hi, I need a restaurant reservation website. The website needs to be like http://www.seatme.nl. People can find restaurants and book them. Every restaurant has its own page with info about the restaurant and the opening hours. Monthly deals etc.. I also need a system for the restaurant holder. If someone books the restaurant the owner of the restaurant will see it on his own system. You have [url ... Full details ┬╗
2 months ago$250 - 750
Need someone with wordpress & code XP to help debug
I have some wordpress bugs and I need someone experienced to debug with me. I would like a proposal for spending 30min-3hours debugging with me (until they are solved) and discussing with me your logic so that if the top bug is not solved I fully understand why you could now fix it and I can still give top review. Again, I want someone Experienced with code please! The top bug is the most important ... Full details ┬╗
2 months ago$30 - 250
Build a Drupal/Joomla Website
Hi, I am looking for an experienced web developer who has developed professional, interactive , responsive websites on Drupal/Joomla. I am inclined towards Drupal but if somebody can discuss if it can be done well in Joomla, I am open for it too. Details of website will be discussed on PM. Terms - 1. No milestone payment. 2. I will need daily updates on the progress and code/diff/drupal ... Full details ┬╗
2 months ago$12500 - 37500
Magento Ebay M2EPro Integration Expert
Hello, We need a magento expert who is very familiar with M2EPro to validate our magento ebay integration system. Please bid if you have that skill. Best Regards, Full details ┬╗
2 months ago$30 - 250
Convert HTML to WordPress
Convert a simple 1 page HTML template to WordPress. The WordPress template must be easy to use and edit without the need for any HTML. HTML template contains CSS, JS and HTML files needed. Job will be considered complete when you can demonstrate that the pages can easily be added and edited using WordPress without the need for HTML. Full details ┬╗
2 months ago$30 - 250