diff --git a/foundations/intro-to-css/01-css-methods/index.html b/foundations/intro-to-css/01-css-methods/index.html
index effe3cc3db01..fbaafbebf475 100644
--- a/foundations/intro-to-css/01-css-methods/index.html
+++ b/foundations/intro-to-css/01-css-methods/index.html
@@ -1,14 +1,18 @@
 <!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">
-    <title>Methods for Adding CSS</title>
-  </head>
-  <body>
-    <div>Style me via the external method!</div>
-    <p>I would like to be styled with the internal method, please.</p>
-    <button>Inline Method</button>
-  </body>
+
+<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.css">
+  <title>Methods for Adding CSS</title>
+</head>
+
+<body>
+  <div>Style me via the external method!</div>
+  <p>I would like to be styled with the internal method, please.</p>
+  <button>Inline Method</button>
+</body>
+
 </html>
\ No newline at end of file
diff --git a/foundations/intro-to-css/01-css-methods/style.css b/foundations/intro-to-css/01-css-methods/style.css
new file mode 100644
index 000000000000..e8c9dfd791f8
--- /dev/null
+++ b/foundations/intro-to-css/01-css-methods/style.css
@@ -0,0 +1,15 @@
+div{
+  color:white;
+  background-color:red;
+}
+
+p{
+  background-color: green;
+  color:white
+  
+  
+}
+button{
+  background-color: orange;
+  border:none;
+}
