diff --git a/_static/css/custom2.css b/_static/css/custom2.css
new file mode 100644
index 00000000000..4e263b67759
--- /dev/null
+++ b/_static/css/custom2.css
@@ -0,0 +1,19 @@
+/* Survey banner .css */
+
+.survey-banner {
+  margin-top: 10px;
+  background-color: #f3f4f7;
+  padding-top: 15px;
+  padding-left: 10px;
+  padding-bottom: 1px;
+}
+
+@media screen and (max-width: 600px) {
+  .survey-banner {
+    padding-top: 5px;
+    padding-left: 5px;
+    padding-bottom: -1px;
+    font-size: 12px;
+    margin-bottom: 5px;
+  }
+}
diff --git a/_templates/layout.html b/_templates/layout.html
index 0d643d0b25d..4ff6d7c899a 100644
--- a/_templates/layout.html
+++ b/_templates/layout.html
@@ -1,6 +1,5 @@
 {% extends "!layout.html" %}
 
-
 {%- block content %}
 {{ super() }}
 <script>
@@ -113,4 +112,14 @@
 </script>
 
 <img height="1" width="1" style="border-style:none;" alt="" src="https://www.googleadservices.com/pagead/conversion/795629140/?label=txkmCPmdtosBENSssfsC&amp;guid=ON&amp;script=0"/>
+
+//temporarily add a link to survey
+<script>
+    var survey = '<div class="survey-banner"><p><i class="fas fa-poll" aria-hidden="true">&nbsp </i> Take the annual <a href="https://forms.gle/jdNexNU6eZ8mCGDY7">PyTorch Tutorials survey</a>.</p></div>'
+    if ($(".pytorch-call-to-action-links").length) {
+        $(".pytorch-call-to-action-links").before(survey);
+    } else {
+        $("#pytorch-article").prepend(survey);
+    }
+</script>
 {% endblock %}
diff --git a/conf.py b/conf.py
index 23c4fb1d7df..d9c0c7534d1 100644
--- a/conf.py
+++ b/conf.py
@@ -285,7 +285,8 @@ def reset_seeds(gallery_conf, fname):
 
 html_css_files = [
         'https://cdn.jsdelivr.net/npm/katex@0.10.0-beta/dist/katex.min.css',
-        'css/custom.css'
+        'css/custom.css',
+        'css/custom2.css'
     ]
 
 def setup(app):