C C T B H P N

Lab #3 - CSS Styling Lab

This lab focuses on the use of Cascading Style Sheets (CSS) to build a useful component for your web pages.

Lab Resources - CSS:

CSS Reference - w3schools.com, CSS Reference - MDN, cssreference.io, CSS - tympanus.net, stylinwithcss.com,

Activities:

Build a slide show component that you will use in your pages:
  1. Use CSS to build an image slide show using CSS and as little JavaScript as possible.
  2. If you can, extend that to things other than images, e.g., blocks of text or web pages using an iframe.
  3. Use a flexbox to display the slide show on the left and text to its right. Provide enough text so that some text will appear below the slide show. You can make up arbitrary text by copying a few strings repeatedly.
  4. You will find these references useful: W3.CSS Slideshow
    Auto-Play Slideshow
    Slide Show demo
    Guide to Flexbox

Please zip your Lab #3 folder and Submit Lab. Note: just zip, no rar, tar, ...