break down into sections and add instructions

docs/index.md

@@ -1,6 +1,26 @@
 # Welcome! 
 
+## Syllabus
 
+Find the syllabus on Brightspace. 
+
+Take notes on key ideas and questions
+
+## Lesson 
+
+- HTML is how websites are made
+- all browser provide an `inspect` tool to see the code (HTML) for the website
 - [course tips, as exported](tips-export.html)
 - [course tips from markdown](minimal.md)
+
+## Activity
+
+Complete this in a small group, work until 3pm, it is not graded, but will help you with the graded assignment. 
+
+- [activity](activity.md)
+
+## Assessment 
+
+At 3pm, you can switch to this even if the activity is not quite done, or you can work on that until you are done because it will help with the following graded assessment. 
+
 - [quiz hints](hints.md)