prateek3255 · sharur7 · Oct 13, 2020 · Oct 27, 2020
diff --git a/about.css b/about.css
@@ -0,0 +1,52 @@
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+@font-face {
+  font-family: "Roboto";
+  src: url("Roboto/Roboto-Bold.ttf") format("truetype");
+}
+
+body {
+  background: url("./images/bg.jpg");
+  /* background: #242a36; */
+  min-height: 100vh;
+  color: #fff;
+}
+
+.container {
+  text-align: center;
+  height: 90vh;
+  perspective: 20cm;
+}
+.side {
+  height: 8rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #ffffff;
+}
+h1 {
+  font-size: 2.5rem;
+  cursor: default;
+  /* text-shadow: -5px 5px 5px #000000c9; */
+}
+
+h2{
+   text-align: center;
+    margin-top: -550px;
+}
+
+
+p{
+    font-size: 24px;
+    margin-top: 10px;
+    margin-left: 140px;
+    margin-right: 140px;
+}
+
+#saved-scroll-heading{
+    font-size: 40px;
+}
diff --git a/about.html b/about.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <title>Scrroll In About Me</title>
+    <link href="about.css" rel="stylesheet" />
+    <script src="./utils/sweetalert2.all.min.js"></script>
+  </head>
+
+  <body>
+    <div class="container">
+    </div>
+    <h2 id="saved-scroll-heading">
+        Scrroll-In<a target="_blank" href="about.html"
+          ><img src="./images/icon-32.png" height="30" width="30"
+        /></a></h2><br>
+      <p align="center">
+        ✨ Scrroll-In is an extension allows you to save the scroll position of the page and then revisit the page at any time to continue where you left.
+        Also, you can save multiple scrolls from the page and fetch the last saved scroll.
+        If you dont want a scroll you can simply delete it.
+        Extension allows you to see all the saved scrolls arranged in the newly first order where you can delete any specific scroll or clear all the scrolls at once.
+        You can use update the scroll which will replace the last saved scroll with the current one.
+        You can add customizable keyboard shortcuts to save, fetch or delete scrolls without having to open the extension popup.
+        The extension auto fetches the last saved scroll position on page load, if page has any saved scroll.
+
+       </p><br>
+      <p align="center">
+      📜 Completely free and open source:<br>
+          Scrroll-In was and will always be free to use and open source.<br> Feel free to open an issue for feature request or bug report on the issues page on Github.
+      </p><br><br>
+      <p align="center">
+      <a href="https://github.com/devfolioco/scrroll-in/"><img src="./images/github_icon.png" alt="github" height="50" width="50"></a>
+          <a href="https://twitter.com/psuranas/"><img src="./images/twitter_icon.png" alt="twitter" height="50" width="50" style="margin-left: 50px;"></a>
+      </p><br>
+      <p align="center">
+          Version - 2.9    
+      </p>
+  </body>
+</html>
diff --git a/images/github_icon.png b/images/github_icon.png
diff --git a/images/info-2-16.png b/images/info-2-16.png
diff --git a/images/info-2-32.png b/images/info-2-32.png
diff --git a/images/twitter_icon.png b/images/twitter_icon.png
diff --git a/popup.css b/popup.css
@@ -122,3 +122,8 @@ h2 {
 a {
   color: white;
 }
+
+.about {
+  float: right;
+  margin-right: -12px;
+}
diff --git a/popup.html b/popup.html
@@ -21,5 +21,9 @@
     </div>
     <script src="popup.js" type="module"></script>
     <div id="tip"></div>
+      <div class="about">
+      <a target="_blank" href="about.html"
+          ><img src="./images/info-2-16.png" height="13" width="14"
+        /></a></div>
   </body>
 </html>