diff --git a/README.md b/README.md
index 4399ef2..528b5f6 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,40 @@
 # Archie - Hugo theme
-Archie is a minimal and clean theme for hugo 
\ No newline at end of file
+Archie is a minimal and clean theme for hugo with a markdown-ish UI.
+
+Forked from [Ezhil Theme](https://github.com/vividvilla/ezhil)
+
+## Demo
+
+[Check the Demo](https://athul.github.io/archie/) hosted on GitHub Pages :smile:
+
+![](/images/theme.png)
+
+## Feature
+- Google Analytics Script
+- Callouts
+- Tags
+- tl:dr; frontamatter
+
+## Installation
+In your Hugo website directory, create a new folder named theme and clone the repo
+```bash
+$ mkdir themes
+$ cd themes
+$ git clone https://github.com/athul/archie.git
+```
+Edit the `config.toml` file with `theme="archie"`
+For more information read the official [setup guide](https://gohugo.io/overview/installing/) of Hugo.
+
+## Writing Posts
+Create a new `.md` file in the *content/post* folder
+```yml
+---
+title: Title of the post
+description:
+date:
+tldr: (optional)
+---
+```
+
+## Credits
+Forked from [Ezhil Theme](https://github.com/vividvilla/ezhil) and Licensed under MIT License   
\ No newline at end of file
diff --git a/images/screenshot.png b/images/screenshot.png
new file mode 100644
index 0000000..60475f9
Binary files /dev/null and b/images/screenshot.png differ
diff --git a/images/theme.png b/images/theme.png
new file mode 100644
index 0000000..c195540
Binary files /dev/null and b/images/theme.png differ
diff --git a/images/tn.png b/images/tn.png
new file mode 100644
index 0000000..2d5b565
Binary files /dev/null and b/images/tn.png differ
diff --git a/static/css/main.css b/static/css/main.css
index 87c49ec..f95e61f 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -26,18 +26,6 @@ body{
   color: #fff;
 }
 
-h1, h2, h3, h4, h5, h6 {
-  font-size: 1.2rem;
-  margin-top: 2em;
-}
-
-h1::before { color: var(--maincolor); content: '# '; }
-h2::before { color: var(--maincolor); content: '## '; }
-h3::before { color: var(--maincolor); content: '### '; }
-h4::before { color: var(--maincolor); content: '#### '; }
-h5::before { color: var(--maincolor); content: '##### '; }
-h6::before { color: var(--maincolor); content: '###### '; }
-
 p {
   font-family: 'IBM Plex Sans', sans-serif;
   line-height: 1.5;
@@ -156,6 +144,17 @@ header {
 header .main {
   font-size: 1.5rem;
 }
+h1, h2, h3, h4, h5, h6 {
+  font-size: 1.2rem;
+  margin-top: 2em;
+}
+
+h1::before { color: var(--maincolor); content: '# '; }
+h2::before { color: var(--maincolor); content: '## '; }
+h3::before { color: var(--maincolor); content: '### '; }
+h4::before { color: var(--maincolor); content: '#### '; }
+h5::before { color: var(--maincolor); content: '##### '; }
+h6::before { color: var(--maincolor); content: '###### '; }
 
 /* Footer */
 footer {
@@ -214,4 +213,12 @@ svg{
 .soc:hover{
   background-color: hotpink;
   color: white;
+}
+time .draft-label{
+    color: #3700ff;
+    text-decoration: none;
+    padding: 2px 4px;
+    border-radius: 4px;
+    margin-left: 6px;
+    background-color: #f9f2f4;
 }
\ No newline at end of file