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
CCI CSS Developer Test Files.zip

Contains test project data.