- You are tasked with producing an HTML version of the mockup in the
assets
folder - The page should be responsive to all common screen sizes (Bootstrap breakpoints are fine)
- "Pixel perfection" is not a requirement, but it should look as close to the mockup as reasonably possible
- Bootstrap should be used as the base css framework (already included in
index.html
) - Feel free to Google, use StackOverflow, etc. No one is expected to code in isolation!
- You will be evaluated on your approach to solving the challenges presented by the design, along with code quality
- Any forms present in the mockup are not expected to submit their data anywhere
- Fonts required for the mockup are available in the
assets/fonts
folder - Mockup files in Figma format is available in the
assets
folder (use Figma if you are a Windows user) - For your convenience, Bootstrap 4 and Google Material Symbols(https://developers.google.com/fonts/docs/material_symbols) have been added to the
index.html
file
- Please design two companion banner advertisements that pair with the website mockup
- Use whatever design tool you feel most comfortable with
- Both sizes can be the based on the same creative style you decide on
- Should match the look and feel of the website mockup
- Use your best design judgement on which information to display (see below). Not all information is required and is provided as a guide
- Sizes:
- Size 1: Wide Skyscraper (160px by 600px)
- Size 2: Large Rectangle (336px by 280px)
- Company Logo (from website mockup file)
- Main Message: AC & Furnace Installation Service
- Secondary Message: Friendly & Licensed Technicians
- CTA: Call Us Today
- Phone Number: 555-555-5555
- Imagery: An AC or furnace unit.
- Save the banners in JPG format inside the
2-design
folder
- Zip up the finished project folders (
1-development
and2-design
) - Send the zip file back to the person who provided you this assignment
We are happy to answer any questions you have during this process, so don't be shy! Reach out to the person who provided you this assignment.