CSS/HTML needed for one page of a shopping website
See attached image, which is a mockup of a new design for this page, which was made with bootstrap:
A lot of the elements are the same, so you can just copy the current HTML/CSS from our website and make the modifications.
Please provide the mobile responsive CSS/HTML using bootstrap. You can use sample images from our website text as filler text/images in the provided CSS/HTML.
Only parts between the headline (Thick Stripe Shorts) and the "People who shopped for this" sections have changed. Changes:
1. The two large containers are now equal widths.
2. Left container: Icons moved around
3. Right container is vertically scrollable if the content gets too long.
a.i. Prices: Square brand logo (or text when logo not present), price, original price (usually not present), buy now button (often not present), visit site button (always present).
a.ii. Sometimes there are coupon codes below the prices with text and a copy code button.
a.iii. When there are prices at other stores, they use same concept as above. (see image 2)
b. The deals at the first store are displayed below that (anywhere between 0 and 10+ deals)