tandpco / pls Goto Github PK

Changes to Home Page

Design

Code

Please update the code to more accurately reflect the design, most noteably -

1. Increase the font size
2. Add the white color overlay that is in the design to the banner image
3. Update spacing between elements
4. Increase padding of button, increase font weight of button text
5. Make sure text is set in Proxima Nova
6. Using cross browser code and IE hacks, set the image as a true background-image with a size of cover. I plan on creating a LESS mixin for this. (Do this for any full size background image)
7. Make sure line breaks at the right word, same as design

Changes to Icon Section

1. Fix the misalignment
2. Make responsive, looks a little weird at smaller screen sizes
3. The icons aren't the right color, see design

Changes to Testimonial Section

1. Make sure the background image has the white overlay like in the design.
2. Make Responsive
3. Background-size to cover using cross browser CSS

Changes to Our Services Section

1. The icons are not aligned like they are in the design
2. The buttons under this section do not match the design at all, or respond well to mobile

Notes

The background-size mixin I've created works by adding this class inside of the class you want to apply the styles to -
.background-size(cover);