I would like an attractive "login form", "product list" and "thank you page" for both desktop and mobile (smart phone + tablet) browser support. The product order page is for wholesalers reselling my products and thus a login page is needed to prevent unauthorised individuals from placing an order.
I only want the HTML, CSS and graphics of the 3 pages and will program the PHP and database management code myself.
The login form will require an email address and password from the user and if entered correctly the user will be redirected to the "product list" page. If login fail a message will be displayed on the login form to indicate an failed login attempt.
The product list page will contain fields where the user can enter the shipping address (Line 1, Line 2, City, Postal Code and Country) as well as a table containing a list of available products. The table should have a column for the "product name", product description", "price" and "quantity". The "quantity" column should have an input field where the user can enter the quantity of items he/she would like to order for that particular product. At the bottom of the page should be a "submit" button and clicking this button will email me the order to be processed manually.
After the "submit" button is clicked the user will be redirected to a "thank you" page.
The 3 pages should be compatible with all desktop browsers and mobile support for iOS and Android is also an requirement.
All backend coding will be done by myself and I would just like the basic page design, because my artistic skills are not that great. The designer of the project is free to use his/her imagination and create an attractive product order page.