diff --git a/content/websites/patterns/banner-data-protection/banner-data-protection.html b/content/websites/patterns/banner-data-protection/banner-data-protection.html
new file mode 100644
index 0000000000000000000000000000000000000000..3ba5b13c4949c0000009945bd18a4cf344b18eaf
--- /dev/null
+++ b/content/websites/patterns/banner-data-protection/banner-data-protection.html
@@ -0,0 +1 @@
+Coming soon.
diff --git a/content/websites/patterns/banner-data-protection/banner-data-protection.js b/content/websites/patterns/banner-data-protection/banner-data-protection.js
new file mode 100644
index 0000000000000000000000000000000000000000..0608be997a47206bbbdc6e317c727f7104991300
--- /dev/null
+++ b/content/websites/patterns/banner-data-protection/banner-data-protection.js
@@ -0,0 +1 @@
+// Comning soon
diff --git a/content/websites/patterns/banner-data-protection/banner-data-protection.png b/content/websites/patterns/banner-data-protection/banner-data-protection.png
new file mode 100644
index 0000000000000000000000000000000000000000..9befaa24bb4249260fdac814e9a79b8c81ed1682
Binary files /dev/null and b/content/websites/patterns/banner-data-protection/banner-data-protection.png differ
diff --git a/content/websites/patterns/banner-data-protection/banner-data-protection.yml b/content/websites/patterns/banner-data-protection/banner-data-protection.yml
new file mode 100644
index 0000000000000000000000000000000000000000..46f5e5869e8091ddd92b9100848d47060d58d80a
--- /dev/null
+++ b/content/websites/patterns/banner-data-protection/banner-data-protection.yml
@@ -0,0 +1,13 @@
+name: 'Data Protection Banner'
+tags:
+ - banner
+ - 'data protection'
+ - GDPR
+category: media
+description: A banner that provides a GDPR-style data protection information and cookie setting.
+versions:
+ - 1.1.0, 1.2.0, 1.3.0
+author:
+ name: Ken Hawkins
+ github: khawkins98
+ twitter: khawkins98
diff --git a/content/websites/patterns/banner-data-protection/layout.html b/content/websites/patterns/banner-data-protection/layout.html
new file mode 100644
index 0000000000000000000000000000000000000000..62f961cc82dafb7a9da236c4964164eef4b0aed3
--- /dev/null
+++ b/content/websites/patterns/banner-data-protection/layout.html
@@ -0,0 +1,38 @@
+---
+title: ELIXIR Banner
+layout: free-form
+hide-download-link: true
+---
+<!DOCTYPE html>
+<html>
+<head>
+ <title>{{title}}</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+<body>
+
+<style>
+body {
+ /* Some basic reseets */
+ margin: 0;
+ padding: 0;
+}
+</style>
+
+
+{{#markdown}}
+Coming soon. For now see the development page at [codepen.io/khawkins98/pen/LmWpMV](https://codepen.io/khawkins98/pen/LmWpMV)
+
+{{/markdown}}
+
+<div class="row" style="max-width: 1200px; margin: 0 auto; font-family: Helvetica, sans-serif; line-height: 1.5rem; padding-bottom: 1rem;">
+<div class="column">
+{{#markdown}}
+{{/markdown}}
+</div>
+</div>
+
+{{> banner-data-protection}}
+
+</body>
+</html>