/*================================*/
ASSESSMENT INSTRUCTIONS
/*================================*/
1. Author all HTML5 and CSS to replicate the layout as prescribed in provided wireframe example (wireframe_example.jpg).
2. Consume the following service and populate the page with the products and pricing returned.
http://m.lowes.com/IntegrationService...ts=5003703
3. Consume the response on front end.
4. User Experience: Page should be responsive with at least one mobile and/or tablet experience.
5. User Interactions:
a. When a user's mouse hovers over one of the products, the information for that product will appear in the larger "hero" area (to include switching the image asset from the smaller thumbnail to the medium image asset).
b. When a user clicks the "Add to Cart" element in the larger "hero" area, a JavaScript alert message will display the price of the item. The price displayed should be determined by the product shown in the masthead.
/*================================*/
IMPORTANT NOTE
/*================================*/
1. Please change the file extension of your external JavaScript file(s) to .txt before resubmitting to prevent Lowe's email system from removing them.
За это я выбил 50 в час если сможите решите и тогда пугаться не будем вместе
Картинка образец.
Насчёт древа поиска я не понял или вы имеете виду получить результат с двух таблиц совпадающим из первой таблици перманетным ключом и из второй форин ключ это и вывести результат в один.