XHTML work - implement new page according to mockups
This will be re-using the same work you have done here:
And create a new category of page with a brand new header and footer + new content area with an image that will expand according to the screen size.
This is the mockup we need to implement:
Again, it's important to re-use elements as much as possible from
as we will be working on the same code base.
Graphics and mockup files:
Use this mockup as the final one for the "special offers" box in the footer:
For the "special offers" widget in the footer:
1) attached is the "envelope" and the button images
2) border and font colors:
Using "ruler-previews.jpg" - attached - as your guide, specifically (moving down the page from the bottom of the main nav bar):
1) center "test-banner.jpg" on our 1024 width (translation: 460 pixels of the image "stick out" on either side of our 1024 width); as person re-sizes browser window to 1024, they just see less of the left and right sections of the image
please keep this in mind; all images will be the same standard size 1944 wide by 641 high.
again, IMPORTANT: the image to put in the center of content area is this one (NOT the one in the mockup above.):
2) insert the 4 attached buttons (in order; 1-4; left to right) below the banner image; no links at this time; we will add those later
And one more note:
* front-end needs to be responsive (mobile friendly). It needs to use Twitter Bootstrap, same version used here http://clients.codelabgh.com/tcmpublishing/