diff --git a/content/notes/01-basic-html.md b/content/notes/01-basic-html.md
index e26a1fdf3..48989da72 100644
--- a/content/notes/01-basic-html.md
+++ b/content/notes/01-basic-html.md
@@ -4,13 +4,32 @@ aliases:
 tags: 
 - cosc203
 - lecture
-sr-due: 2022-07-19
-sr-interval: 3
+sr-due: 2022-07-26
+sr-interval: 7
 sr-ease: 250
 ---
 
 [slides](https://blackboard.otago.ac.nz/bbcswebdav/pid-2932183-dt-content-rid-18925536_1/courses/COSC203_S2DNI_2022/COSC203_lecture1.pdf)
 
+
+
+[html](notes/html.md)
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 3 Main parts
 - html - structure
 - css - styles
diff --git a/content/notes/02-basic-css.md b/content/notes/02-basic-css.md
index 6fffc22ee..f44b0366b 100644
--- a/content/notes/02-basic-css.md
+++ b/content/notes/02-basic-css.md
@@ -4,8 +4,8 @@ aliases:
 tags: 
 - cosc203
 - lecture
-sr-due: 2022-07-19
-sr-interval: 3
+sr-due: 2022-07-28
+sr-interval: 9
 sr-ease: 250
 ---
 
diff --git a/content/notes/boolean-equations.md b/content/notes/boolean-equations.md
new file mode 100644
index 000000000..e427f398e
--- /dev/null
+++ b/content/notes/boolean-equations.md
@@ -0,0 +1,8 @@
+---
+title: "boolean-equations"
+aliases: 
+tags: 
+- cosc204
+---
+
+Often used to describe 
diff --git a/content/notes/css.md b/content/notes/css.md
new file mode 100644
index 000000000..18fba4a63
--- /dev/null
+++ b/content/notes/css.md
@@ -0,0 +1,8 @@
+---
+title: "css"
+aliases: 
+tags: 
+- cosc203
+---
+
+Css is used to stylise [html](notes/html.md) webpages.
diff --git a/content/notes/html.md b/content/notes/html.md
new file mode 100644
index 000000000..72b2190c4
--- /dev/null
+++ b/content/notes/html.md
@@ -0,0 +1,30 @@
+---
+title: "html"
+aliases: 
+tags: 
+- cosc203
+---
+
+Defines the items and the heirarchy of items on a webpage
+
+Elements are made up of four things:
+- Opening and closing tags
+- Content
+- Attributes
+
+They are stucture like so:
+- <tag attribute="value"> hello world </tag>
+
+Elements can be nested within each other to create more complex arrangements
+
+There are many types of element
+
+- Table
+- Image
+- Heading
+- div, aside, section, nav etc
+- meta, title, 
+- list
+- iframe
+- svg
+- and more
\ No newline at end of file