diff --git a/docsview.svg b/docsview.svg
new file mode 100644
index 0000000..e0949bf
--- /dev/null
+++ b/docsview.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="329" height="448" viewBox="0 0 329 448"><defs><clipPath id="a"><circle cx="143" cy="143" r="143" transform="translate(114 114)" fill="#0cf"/></clipPath></defs><g transform="translate(-659 -754)"><path d="M233-174H96a18.876,18.876,0,0,1-13.435-5.565A18.876,18.876,0,0,1,77-193v-66.176a165.382,165.382,0,0,1-31.547-25.8,165.168,165.168,0,0,1-24.3-32.771A163.635,163.635,0,0,1,5.526-356.063,164.992,164.992,0,0,1,0-398.5a164.99,164.99,0,0,1,5.526-42.437,163.636,163.636,0,0,1,15.627-38.318,165.169,165.169,0,0,1,24.3-32.772A165.38,165.38,0,0,1,77-537.825V-603a18.876,18.876,0,0,1,5.565-13.435A18.875,18.875,0,0,1,96-622H233a18.875,18.875,0,0,1,13.435,5.565A18.876,18.876,0,0,1,252-603v65.176a165.375,165.375,0,0,1,31.547,25.8,165.158,165.158,0,0,1,24.3,32.771,163.633,163.633,0,0,1,15.627,38.318A164.988,164.988,0,0,1,329-398.5a164.99,164.99,0,0,1-5.526,42.437,163.63,163.63,0,0,1-15.627,38.318,165.165,165.165,0,0,1-24.3,32.771A165.372,165.372,0,0,1,252-259.177V-193a18.876,18.876,0,0,1-5.565,13.435A18.876,18.876,0,0,1,233-174ZM165-541C86.149-541,22-476.85,22-398s64.15,143,143,143,143-64.15,143-143S243.85-541,165-541Z" transform="translate(659 1376)" fill="#435253"/><g transform="translate(567 721)" clip-path="url(#a)"><g transform="translate(138 183)"><rect width="236" height="352" rx="20" fill="#fff"/><rect width="178.394" height="38.905" rx="8" transform="translate(26.945 39.832)" fill="#1caeec"/><g transform="translate(27.874 109.692)"><rect width="89.334" height="17.403" rx="8" transform="translate(0 0)" fill="#b8b8b8"/><rect width="109.871" height="17.403" rx="8" transform="translate(0 27.64)" fill="#b8b8b8"/><rect width="66.744" height="17.403" rx="8" transform="translate(97.549 0)" fill="#b8b8b8"/><rect width="64.69" height="17.403" rx="8" transform="translate(0 55.281)" fill="#b8b8b8"/><rect width="64.69" height="17.403" rx="8" transform="translate(73.665 55.281)" fill="#b8b8b8"/><rect width="64.69" height="17.403" rx="8" transform="translate(0 110.561)" fill="#b8b8b8"/><rect width="89.334" height="17.403" rx="8" transform="translate(0 82.921)" fill="#b8b8b8"/></g></g></g></g></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 6cc54d0..cc35946 100644
--- a/index.html
+++ b/index.html
@@ -40,8 +40,8 @@ <h3 class="uk-card-title"><span class="uk-link-heading">Watchface editor</span><
                 </a>
                 <a class="uk-link-toggle" href="https://v1ack.github.io/pdfview/">
                     <div class="uk-card uk-card-default uk-card-hover">
-                        <div class="uk-card-media-top">
-                            <img src="pdfview.png" alt="">
+                        <div class="uk-card-media-top" style="padding: 20px; background: deepskyblue;">
+                            <img src="docsview.svg" alt="" style="max-height: 250px; position: relative; left: 50%; transform: translateX(-50%);">
                         </div>
                         <div class="uk-card-body">
                             <h3 class="uk-card-title"><span class="uk-link-heading">Docs View (PDFview)</span></h3>
diff --git a/pdfview/index.html b/pdfview/index.html
index 8b191ec..396ccac 100644
--- a/pdfview/index.html
+++ b/pdfview/index.html
@@ -17,6 +17,16 @@
     <meta name="theme-color" content="#ffffff">
     <link href="../assets/uikit/uikit.min.css" rel="stylesheet">
     <script src="../assets/uikit/uikit.min.js"></script>
+    <style>
+        .uk-slider-items img {
+            border-radius: 20px;
+            box-shadow: 0 0 14px 2px #00000057;
+            box-sizing: border-box;
+        }
+        .uk-slider-items .uk-panel {
+            padding: 16px;
+        }
+    </style>
 </head>
 
 <body class="uk-section uk-section-default">
@@ -34,12 +44,12 @@ <h1 class="uk-heading-large uk-margin-large">Docs View</h1>
     <div class="uk-flex">
         <div>
             <p style="margin: 0">Docs View</p>
-            <a href="https://galaxy.store/docview"><img
+            <a href="https://galaxy.store/docview" style="opacity: 0.5;" class="uk-disabled"><img
                     src="https://img.samsungapps.com/seller/images/badges/galaxyStore/png_big/GalaxyStore_English.png"
                     alt="Available on Samsung Galaxy Store" style="max-width: 100%; height: auto; width: 180px;"></a>
         </div>
         <div class="uk-margin-left">
-            <p style="margin: 0">Docs View</p>
+            <p style="margin: 0">Docs View demo</p>
             <a href="https://galaxy.store/docviewd"><img
                     src="https://img.samsungapps.com/seller/images/badges/galaxyStore/png_big/GalaxyStore_English.png"
                     alt="Available on Samsung Galaxy Store" style="max-width: 100%; height: auto; width: 180px;"></a>
@@ -47,25 +57,30 @@ <h1 class="uk-heading-large uk-margin-large">Docs View</h1>
     </div>
     <h2>Screenshots</h2>
     <div class="uk-position-relative uk-visible-toggle uk-light" tabindex="-1" uk-slider="autoplay: true;">
-        <ul class="uk-slider-items uk-child-width-1-2 uk-child-width-1-3@m uk-grid">
+        <ul class="uk-slider-items uk-child-width-1-2 uk-child-width-1-3@s uk-child-width-1-4@m ">
+            <li>
+                <div class="uk-panel">
+                    <img src="screenshots/promo_open_pdf@2x.jpg" alt="">
+                </div>
+            </li>
             <li>
                 <div class="uk-panel">
-                    <img src="screenshots/1.png" alt="">
+                    <img src="screenshots/promo_different_formats@2x.jpg" alt="">
                 </div>
             </li>
             <li>
                 <div class="uk-panel">
-                    <img src="screenshots/2.png" alt="">
+                    <img src="screenshots/promo_md_third@2x.jpg" alt="">
                 </div>
             </li>
             <li>
                 <div class="uk-panel">
-                    <img src="screenshots/3.png" alt="">
+                    <img src="screenshots/promo_send@2x.jpg" alt="">
                 </div>
             </li>
             <li>
                 <div class="uk-panel">
-                    <img src="screenshots/4.png" alt="">
+                    <img src="screenshots/promo_demo@2x.jpg" alt="">
                 </div>
             </li>
         </ul>
diff --git a/pdfview/screenshots/promo_demo@2x.jpg b/pdfview/screenshots/promo_demo@2x.jpg
new file mode 100644
index 0000000..40d21b3
Binary files /dev/null and b/pdfview/screenshots/promo_demo@2x.jpg differ
diff --git a/pdfview/screenshots/promo_different_formats@2x.jpg b/pdfview/screenshots/promo_different_formats@2x.jpg
new file mode 100644
index 0000000..0637d48
Binary files /dev/null and b/pdfview/screenshots/promo_different_formats@2x.jpg differ
diff --git a/pdfview/screenshots/promo_md_third@2x.jpg b/pdfview/screenshots/promo_md_third@2x.jpg
new file mode 100644
index 0000000..0a8d518
Binary files /dev/null and b/pdfview/screenshots/promo_md_third@2x.jpg differ
diff --git a/pdfview/screenshots/promo_open_pdf@2x.jpg b/pdfview/screenshots/promo_open_pdf@2x.jpg
new file mode 100644
index 0000000..edbfc1d
Binary files /dev/null and b/pdfview/screenshots/promo_open_pdf@2x.jpg differ
diff --git a/pdfview/screenshots/promo_send@2x.jpg b/pdfview/screenshots/promo_send@2x.jpg
new file mode 100644
index 0000000..9200a6f
Binary files /dev/null and b/pdfview/screenshots/promo_send@2x.jpg differ
