diff --git a/Web Week 8/.DS_Store b/Web Week 8/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..ad8b8e2351d357fecf21f05235e424d46cb11cdc
Binary files /dev/null and b/Web Week 8/.DS_Store differ
diff --git a/Web Week 8/CSS Example/.DS_Store b/Web Week 8/CSS Example/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..2a74947623718555094c274dbb414b23dfeaccce
Binary files /dev/null and b/Web Week 8/CSS Example/.DS_Store differ
diff --git a/Web Week 8/CSS Example/images/logo.png b/Web Week 8/CSS Example/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..276249e18d05937238199b48df4d5b34feeb2542
Binary files /dev/null and b/Web Week 8/CSS Example/images/logo.png differ
diff --git a/Web Week 8/CSS Example/style/main.css b/Web Week 8/CSS Example/style/main.css
new file mode 100644
index 0000000000000000000000000000000000000000..88dfbb7a857bfff81edb6d511280fcae2450fe8d
--- /dev/null
+++ b/Web Week 8/CSS Example/style/main.css
@@ -0,0 +1,32 @@
+body{
+ width: 90%;
+ margin: auto;
+ background-color: #8a2be2;
+}
+
+header{
+ background-color: #7fff00;
+}
+
+footer{
+ background-color: #ff7f50;
+
+}
+p{
+ padding-left: 3em;
+}
+
+a.navigation{
+ text-decoration: none;
+ color: #000000;
+ margin: 5%;
+}
+
+#logo{
+ width: 30%;
+}
+
+.main_article{
+ background-color: #a52a2a;
+}
+
diff --git a/Web Week 8/CSS Example/template.html b/Web Week 8/CSS Example/template.html
new file mode 100644
index 0000000000000000000000000000000000000000..83128d24a1e6091022a058dff2c0f65f547ea387
--- /dev/null
+++ b/Web Week 8/CSS Example/template.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="style/main.css">
+ <title>Example_CSS</title>
+</head>
+<body>
+ <header>
+ <a href="http://uwe.ac.uk" target="_blank"><img id="logo" src="images/logo.png" alt="UWE Logo" srcset=""></a>
+ <nav>
+ <a class="navigation" href="http://uwe.ac.uk">UWE</a>
+ <a class="navigation" href="http://linkedin.co.uk">Linkedin</a>
+ </nav>
+ </header>
+
+ <section>
+ <article class="main_article">
+ <p>This is a paragraph about me!!!!</p>
+ </article>
+
+ <article>
+ <h1>My name is Jon </h1>
+ </article>
+ </section>
+
+ <footer>
+ <p>Created by Jon 2021</p>
+ <a href="http://uwe.ac.uk">LINK TO UWE</a>
+
+ </footer>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Web Week 8/CSS Part 1 - Lecture Key takeaway points .key b/Web Week 8/CSS Part 1 - Lecture Key takeaway points .key
new file mode 100755
index 0000000000000000000000000000000000000000..e49724843da08ca30bff938116d6c2ea746219a6
Binary files /dev/null and b/Web Week 8/CSS Part 1 - Lecture Key takeaway points .key differ
diff --git a/Web Week 8/Workshop Task 2 Specification.docx b/Web Week 8/Workshop Task 2 Specification.docx
new file mode 100644
index 0000000000000000000000000000000000000000..b26651c3a010a12bf307daa1f15d8c8a5bc09b3c
Binary files /dev/null and b/Web Week 8/Workshop Task 2 Specification.docx differ
diff --git a/Web Week 8/~$rkshop Task 2 Specification.docx b/Web Week 8/~$rkshop Task 2 Specification.docx
new file mode 100644
index 0000000000000000000000000000000000000000..e3412837ee08d68280196a71ca07086399d7ea3d
Binary files /dev/null and b/Web Week 8/~$rkshop Task 2 Specification.docx differ