diff --git a/app/src/frontend/app.tsx b/app/src/frontend/app.tsx
index 639230bb..81c136f9 100644
--- a/app/src/frontend/app.tsx
+++ b/app/src/frontend/app.tsx
@@ -10,6 +10,7 @@ import { Building } from './models/building';
 import { User } from './models/user';
 import AboutPage from './pages/about';
 import ChangesPage from './pages/changes';
+import CodeOfConductPage from './pages/code-of-conduct';
 import ContactPage from './pages/contact';
 import ContributorAgreementPage from './pages/contributor-agreement';
 import DataAccuracyPage from './pages/data-accuracy';
@@ -112,6 +113,7 @@ class App extends React.Component<AppProps, AppState> {
                 <Route exact path="/data-accuracy.html" component={DataAccuracyPage} />
                 <Route exact path="/data-extracts.html" component={DataExtracts} />
                 <Route exact path="/contact.html" component={ContactPage} />
+                <Route exact path="/code-of-conduct.html" component={CodeOfConductPage} />
                 <Route exact path="/history.html" component={ChangesPage} />
                 <Route exact path={App.mapAppPaths} render={(props) => (
                     <MapApp
diff --git a/app/src/frontend/pages/code-of-conduct.tsx b/app/src/frontend/pages/code-of-conduct.tsx
new file mode 100644
index 00000000..60119f76
--- /dev/null
+++ b/app/src/frontend/pages/code-of-conduct.tsx
@@ -0,0 +1,107 @@
+import React from 'react';
+import InfoBox from '../components/info-box';
+
+
+const CodeOfConductPage = () => (
+    <article>
+    <section className="main-col">
+        <h1 className="h2">Code of Conduct</h1>
+
+        <InfoBox msg="Draft code of conduct for discussion" />
+
+        <h2 className="h3">Our Pledge</h2>
+
+        <p>
+        In the interest of fostering an open and welcoming environment, we as
+        contributors and maintainers pledge to make participation in our project and
+        our community a harassment-free experience for everyone, regardless of age, body
+        size, disability, ethnicity, sex characteristics, gender identity and expression,
+        level of experience, education, socio-economic status, nationality, personal
+        appearance, race, religion, or sexual identity and orientation.
+        </p>
+        <h2 className="h3">Our Standards</h2>
+        <p>
+        Examples of behavior that contributes to creating a positive environment
+        include:
+        </p>
+        <ul>
+            <li>Using welcoming and inclusive language</li>
+            <li>Being respectful of differing viewpoints and experiences</li>
+            <li>Gracefully accepting constructive criticism</li>
+            <li>Focusing on what is best for the community</li>
+            <li>Showing empathy towards other community members</li>
+        </ul>
+
+        <p>
+        Examples of unacceptable behavior by participants include:
+        </p>
+
+        <ul>
+            <li>The use of sexualized language or imagery and unwelcome sexual attention or</li>
+            advances
+            <li>Trolling, insulting/derogatory comments, and personal or political attacks</li>
+            <li>Public or private harassment</li>
+            <li>Publishing others' private information, such as a physical or electronic address, without explicit permission</li>
+
+            <li>Other conduct which could reasonably be considered inappropriate in a professional setting</li>
+        </ul>
+
+        <h2 className="h3">Our Responsibilities</h2>
+        <p>
+        Project maintainers are responsible for clarifying the standards of acceptable
+        behavior and are expected to take appropriate and fair corrective action in
+        response to any instances of unacceptable behavior.
+        </p>
+
+        <p>
+        Project maintainers have the right and responsibility to remove, edit, or
+        reject comments, commits, code, wiki edits, issues, and other contributions
+        that are not aligned to this Code of Conduct, or to ban temporarily or
+        permanently any contributor for other behaviors that they deem inappropriate,
+        threatening, offensive, or harmful.
+        </p>
+
+        <h2 className="h3">Scope</h2>
+        <p>
+        This Code of Conduct applies within all project spaces, and it also applies when
+        an individual is representing the project or its community in public spaces.
+        Examples of representing a project or community include using an official
+        project e-mail address, posting via an official social media account, or acting
+        as an appointed representative at an online or offline event. Representation of
+        a project may be further defined and clarified by project maintainers.
+        </p>
+
+        <h2 className="h3">Enforcement</h2>
+        <p>
+        Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by
+        contacting the project team at <a
+        href="mailto:team@colouring.london">team@colouring.london</a>. All complaints will
+        be reviewed and investigated and will result in a response that is deemed necessary and
+        appropriate to the circumstances. The project team is obligated to maintain
+        confidentiality with regard to the reporter of an incident. Further details of
+        specific enforcement policies may be posted separately.
+        </p>
+
+        <p>
+        Project maintainers who do not follow or enforce the Code of Conduct in good
+        faith may face temporary or permanent repercussions as determined by other
+        members of the project's leadership.
+        </p>
+
+        <h2 className="h3">Attribution</h2>
+        <p>
+        This Code of Conduct is adapted from the Contributor Covenant, version 1.4,
+        available at <a href="https://www.contributor-covenant.org/version/1/4/code-of-conduct.html">
+        https://www.contributor-covenant.org/version/1/4/code-of-conduct.html</a>
+        </p>
+
+        <p>
+        For answers to common questions about this code of conduct, see <a
+        href="https://www.contributor-covenant.org/faq">https://www.contributor-covenant.org/faq</a>
+        </p>
+
+    </section>
+    </article>
+);
+
+export default CodeOfConductPage;