Slider

[cfcortes]

REQUIREMENTS

• A slider that presents the following six topics:
  • Costo
  • Cultura
  • Excelencia
  • Comunidad
  • Proceso
  • Duración
• Behavior
  • It must move to the next slide automatically after 3 seconds
  • If users select a specific slide by clicking on a slide bullet or arrow, automatic sliding will stop
  • Automatic sliding resumes once the user clicks anywhere on the screen
• Design must be responsive (mobile-first)

DESIGN

Mobile layout

Tablet layout

Desktop layout

Slides

Acceptance Criteria

• Must be responsive (mobile-first)
• Must present 6 slides (Costo, Cultura, Excelencia, Comunidad, Proceso, Duración)
• Must automatically move to the next slide after 3 seconds
• Must stop automatic sliding when a specific slide is selected manually
• Must resume automatic sliding when clicking anywhere on the screen