About Clarity Connect »
CSS Programming Quick Test
In order to test your CSS skills, we would like for you to download the attached zip file with a website project and then make the following changes to the home page:
- Switch colors to those of your favorite sports team or another color scheme of your choice
- Replace logo with the Dummy Garden Center Logo included below
- Add a ‘Featured Plants’ Section of the site with this additional text: ‘These plants are some of our staff’s favorites:’ The plants are:
- Echinacea ‘Delicious Candy’
- Agastache Poquito™ 'Dark Blue'
- Weigela florida My Monet® ‘Sunset’
- Arrhenatherum bulbosum ‘Variegatum’
CTA for each one of ‘Shop Now’ that links to the Contact page. Plant images are in the zip file at the bottom of this page.
- In the ‘Services’ section, replace the 01, 02 and 03 background graphics with another graphical element of your choice
- Remove the Customer Testimonial section
- Add a simple contact form with section title of ‘Request a Quote’ and ‘Please let us know how we can help…’
Form to contain:
- Name (text input)
- Phone Number (format to (555) 555-5555)
- Service Requested (text input)
- Completion Date (calendar selector)
‘Request Quote’ for the submit button
Submitting Your Project:
By May 20, please zip up your project and submit here.
Download Additional Information
Contains test project data.