What's This For ?

This is assignment 1 from the second week of the Coursera Responsive Web Design MOOC by University of London & Goldsmiths, University of London

Source is available from http://formation.osinet.fr:3000/fgm/coursera-responsive-design/src/w2

Clear responsive design with Bootstrap 3

  • The site makes consistent use of the Bootstrap 3 Superhero theme
  • On all pages, the navigation header collapses to a hamburger menu on XS displays
  • All pages - except home (all tasks) which does not need it - contain a breadcrumbs trail
  • The active top-level navigation element if flagged as such in the navbar:
    • "All tasks" on the home page and single task page
    • "About" on this about page
  • The All tasks page sports 4 distinct layouts for all 3 Bootstrap breakpoints
  • The single task page sports 2 distinct layouts, for XS screens and others

Licensing information

Licensed content License Granted by
Ratatouille recipe content Proprietary The Jamie Oliver site through its Terms and Conditions, section Terms of use, item 1 allowing a personal, non-commercial use..
Jamie Oliver photo CC BY 2.0 License granted by Flicker member really short through Wikimedia Commons
Bootstrap MIT license Twitter
Superhero theme MIT license Thomas Park