diff --git a/_layouts/default-markdown.html b/_layouts/default-markdown.html
new file mode 100644
index 0000000000..b39b6b6521
--- /dev/null
+++ b/_layouts/default-markdown.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+{% include head.html %}
+<body>  
+  <div id="app">
+    <a id="skip-link" class="sr-only-focusable" href="#content">
+      <!-- PLEASE DO NOT REMOVE, THIS <a> TAG EXISTS FOR ACCESSIBILITY REASONS -->
+      Skip to main content.
+    </a>
+    {%- include header.html -%}
+    <main role="main" id='content-markdown'>
+        {{ content | markdownify }}
+    </main>
+    {%- include footer.html -%}
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.js"></script>
+    <script src="{{ '/assets/js/api-actionnetwork.js' | absolute_url }}"></script>
+  </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/_sass/layouts/_main.scss b/_sass/layouts/_main.scss
index 8a051c856d..7e62f2c964 100644
--- a/_sass/layouts/_main.scss
+++ b/_sass/layouts/_main.scss
@@ -35,3 +35,8 @@
 .content-section {
   padding: 32px 16px;
 }
+
+// This is to provide padding for readability to the content in the default-markdown.html layout
+#content-markdown {
+  padding: 200px 100px 300px 100px;
+}
\ No newline at end of file
diff --git a/pages/code-of-conduct.html b/pages/code-of-conduct.html
new file mode 100644
index 0000000000..bbe5ea92c1
--- /dev/null
+++ b/pages/code-of-conduct.html
@@ -0,0 +1,8 @@
+---
+layout: default-markdown
+title: Code of Conduct
+permalink: /code-of-conduct/
+---
+
+<!-- Content copied from the README.md file from hackforla/codeofconduct (which is formatted with markdown) -->
+{% include code-of-conduct-page/CODEOFCONDUCT.md %}
\ No newline at end of file
