diff --git a/website/source/layouts/cloudflare.erb b/website/source/layouts/cloudflare.erb
new file mode 100644
index 000000000..2ba177efe
--- /dev/null
+++ b/website/source/layouts/cloudflare.erb
@@ -0,0 +1,26 @@
+<% wrap_layout :inner do %>
+	<% content_for :sidebar do %>
+		<div class="docs-sidebar hidden-print affix-top" role="complementary">
+			<ul class="nav docs-sidenav">
+				<li<%= sidebar_current("docs-home") %>>
+				<a href="/docs/index.html">&laquo; Documentation Home</a>
+                </li>
+
+				<li<%= sidebar_current("docs-cloudflare-index") %>>
+				<a href="/docs/providers/cloudflare/index.html">CloudFlare Provider</a>
+                </li>
+
+				<li<%= sidebar_current("docs-cloudflare-resource") %>>
+				<a href="#">Resources</a>
+                <ul class="nav nav-visible">
+                    <li<%= sidebar_current("docs-cloudflare-resource-route53-record") %>>
+					<a href="/docs/providers/cloudflare/r/record.html">cloudflare_record</a>
+					</li>
+				</ul>
+				</li>
+			</ul>
+		</div>
+	<% end %>
+
+	<%= yield %>
+	<% end %>
diff --git a/website/source/layouts/docs.erb b/website/source/layouts/docs.erb
index 1d58f4973..5b4bc5aa8 100644
--- a/website/source/layouts/docs.erb
+++ b/website/source/layouts/docs.erb
@@ -80,6 +80,10 @@
 					<a href="/docs/providers/aws/index.html">AWS</a>
 					</li>
 
+					<li<%= sidebar_current("docs-providers-cloudflare") %>>
+					<a href="/docs/providers/cloudflare/index.html">CloudFlare</a>
+					</li>
+
 					<li<%= sidebar_current("docs-providers-do") %>>
 					<a href="/docs/providers/do/index.html">DigitalOcean</a>
                     </li>
diff --git a/website/source/stylesheets/_docs.less b/website/source/stylesheets/_docs.less
index ab09b65d5..34d962cb5 100755
--- a/website/source/stylesheets/_docs.less
+++ b/website/source/stylesheets/_docs.less
@@ -7,6 +7,7 @@ body.page-sub{
 }
 
 body.layout-dnsimple,
+body.layout-cloudflare,
 body.layout-heroku,
 body.layout-digitalocean,
 body.layout-aws,