diff --git a/docs/commit-date.js b/docs/commit-date.js
new file mode 100644
index 0000000..cb7c1d5
--- /dev/null
+++ b/docs/commit-date.js
@@ -0,0 +1,20 @@
+$(document).ready(function () {
+ $.ajax({
+ url: "https://api.github.com/repos/aroundsketch/aroundsketch.github.io/commits",
+ jsonp: "callback",
+ dataType: "jsonp",
+ data: {
+ format: "json"
+ },
+ success: function (response) {
+ if (response.data.length > 0) {
+ // console.log(response.data[0].commit.author);
+ var lastCommitDate = response.data[0].commit.author.date;
+ // console.log(lastCommitDate);
+ var lastCommitDateFormat = lastCommitDate.slice(0, 10);
+ // console.log(lastCommitDateFormat);
+ $('#commitDate').html(lastCommitDateFormat + ".");
+ }
+ }
+ });
+});
\ No newline at end of file
diff --git a/docs/index.css b/docs/index.css
new file mode 100644
index 0000000..577c629
--- /dev/null
+++ b/docs/index.css
@@ -0,0 +1,43 @@
+html {
+ font-size: 14px;
+}
+@media (min-width: 768px) {
+ html {
+ font-size: 16px;
+ }
+}
+
+.pricing-header {
+ max-width: 700px;
+}
+
+.card {
+ min-width: 236px;
+}
+
+.icon-formating {
+ width: 145px;
+ border: solid 1.5px #F0F0F0;
+ border-radius: 33px;
+ cursor: pointer;
+ /* box-shadow: 0 4px 8px 0 rgba(2, 68, 22, 0.03); */
+}
+
+.icon-modal {
+ padding: 10px;
+ background-color: white;
+}
+
+.icon-formating:hover {
+ /* box-shadow: 0 1px 4px 0 rgba(2, 68, 22, 0.1); */
+ transform: scale(1.05);
+ transition: all .2s ease-in-out;
+}
+
+.hover:hover {
+ box-shadow: 0 4px 18px 0 rgba(2, 68, 22, 0.1);
+}
+
+/* .hover {
+ box-shadow: 0 1px 2px 0 rgba(2, 68, 22, 0.05);
+} */
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index cedb58f..1456fdf 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -13,7 +13,7 @@
{{ page.title }}
-
![{{ icon[1].name }}](https://aroundsketch.github.io/Apple-App-Icons/App-Icon/Apple/{{ icon[1].name }}/@PNG.png)
+
{{ icon[1].name }}