About Clarity Connect  »   Inc.  »  

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)
  • E-mail
  • 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