Red Dot is a one-page responsive website example, created using HTML5 for a fictional Fundamentals of Responsive Web Design professional development course.
Red Dot2 is the same website in HTML. This site is non-responsive, and will not look good when viewed on a smart phone.
The short introduction video, Fundamentals of Responsive Web Design, explains what Responsive Web Design is, using the Red Dot & Red Dot2 websites as examples. The introduction also explains why the course is important, and what to expect from the course.
Click to view a PDF of the example course outline:
Authoring Tools: PowerPoint 2013 & Articulate Storyline, with Camtasia used for screen capture and video editing. The example course outline was created in MS Word and exported to PDF.