diff --git a/public/css/cover.css b/public/css/cover.css
index a1527bfa1..6e191d2b2 100644
--- a/public/css/cover.css
+++ b/public/css/cover.css
@@ -354,6 +354,12 @@ input {
     color: white;
 }
 
+.screenshot {
+    margin: 30px auto;
+    width: 100%;
+    border-radius: 3px;
+}
+
 select {
     color: black;
 }
diff --git a/public/screenshot.png b/public/screenshot.png
new file mode 100644
index 000000000..e1e774315
Binary files /dev/null and b/public/screenshot.png differ
diff --git a/public/views/index.ejs b/public/views/index.ejs
index 25139907c..4bcea0eb2 100644
--- a/public/views/index.ejs
+++ b/public/views/index.ejs
@@ -87,6 +87,7 @@
                             <a type="button" href="<%- url %>/features" class="btn btn-lg btn-primary" style="min-width: 200px;"><%= __('Explore all features') %></a>
                             <br>
                             <br>
+                            <img src="<%- url %>/screenshot.png" class="screenshot ui-signin">
                         </span>
                         <div class="lead row" style="width: 90%; margin: 0 auto;">
                             <div class="col-md-4 inner">