diff --git a/layouts/partials/docs/article.html b/layouts/partials/docs/article.html
index 783fcea..e7159df 100644
--- a/layouts/partials/docs/article.html
+++ b/layouts/partials/docs/article.html
@@ -1,5 +1,3 @@
-{{ $desc   := .Params.description -}}
-{{ $source := printf "https://github.com/grpc/grpc.io/tree/%s/content/%s" $.Site.Params.branch .File.Path -}}
 <section class="section">
   <div class="container">
     <div class="columns is-variable is-8">
@@ -8,26 +6,7 @@
       </div>
       {{/* Why is-clipped? See https://github.com/grpc/grpc.io/issues/185 */}}
       <div class="column is-clipped">
-        <section class="hero is-small">
-          <div class="hero-body">
-            <div class="container">
-              <p class="title is-size-2 is-size-3-mobile has-text-primary has-text-weight-bold{{ if $desc }} is-spaced{{ end }}">
-                {{- .Title -}}
-                <span class="buttons page-github-buttons">
-                  <a class="button is-white" href="{{$source}}" title="View page source" target="_blank" rel="noopener">
-                    <i class="fab fa-github"></i>
-                  </a>
-                </span>
-              </p>
-              {{ with $desc -}}
-              <p class="subtitle is-size-4 is-size-5-mobile has-text-grey">
-                {{- . -}}
-              </p>
-              {{ end -}}
-
-            </div>
-          </div>
-        </section>
+        {{ partial "docs/hero.html" . }}
 
         <section class="section">
           <div class="container">
diff --git a/layouts/partials/docs/hero.html b/layouts/partials/docs/hero.html
new file mode 100644
index 0000000..578d7df
--- /dev/null
+++ b/layouts/partials/docs/hero.html
@@ -0,0 +1,21 @@
+{{ $desc   := .Params.description -}}
+{{ $source := printf "https://github.com/grpc/grpc.io/tree/%s/content/%s" $.Site.Params.branch .File.Path -}}
+<section class="hero is-small">
+  <div class="hero-body">
+    <div class="container">
+      <p class="title is-size-2 is-size-3-mobile has-text-primary has-text-weight-bold{{ if $desc }} is-spaced{{ end }}">
+        {{- .Title -}}
+        <span class="buttons page-github-buttons">
+          <a class="button is-white" href="{{$source}}" title="View page source" target="_blank" rel="noopener">
+            <i class="fab fa-github"></i>
+          </a>
+        </span>
+      </p>
+      {{ with $desc -}}
+      <p class="subtitle is-size-4 is-size-5-mobile has-text-grey">
+        {{- . -}}
+      </p>
+      {{ end -}}
+    </div>
+  </div>
+</section>
\ No newline at end of file