Task: to layout a website based on a ready-made design in HTML, CSS, and JavaScript using Bootstrap.
What is important:
We need a ready frontend that we will connect to a PHP project.
All JavaScript functions must contain comments:
what calls the function;
what data it sends to the backend;
what response it expects.
(This is necessary for seamless integration with the server)
The layout must be responsive: one template, working correctly on both desktop and mobile devices.
Each page from the design must be a separate
.htmlfile.
(Exception — elements like carts, pop-ups, modals, etc.)All pages must be made in a single architecture to fit our templating system.
(There should be no unique, completely different HTML structures.)Pages will be loaded through the templating system based on:
index.tpl <body>{content}</body>product.tpl → {content}(That is, the structure of the pages must be as identical as possible.)
All forms, interactive elements, and user interfaces must have validation based on Bootstrap.
You can use the standard Bootstrap Validation system or your own implementation, but with clear calls and comments.
The result must be a fully clickable template where you can:
navigate between pages;
interact with forms;
open pop-ups;
check the behavior of elements.
(That is, a fully assembled layout with working frontend functionality.)
