diff --git a/assets/template.html b/assets/template.html
index 3f47d62..149d568 100644
--- a/assets/template.html
+++ b/assets/template.html
@@ -31,7 +31,7 @@
     }
 
     body {
-        background-color: #36393e;
+        background-color: #2f3136;
         color: #dcddde;
         font-family: "Whitney", "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-size: 16px;
@@ -55,9 +55,15 @@
         text-align: center;
     }
 
-    .parent-container {
+    .parent-container:nth-child(even) {
         padding: 25px;
         display: flex;
+        background-color: #36393f;
+    }
+    .parent-container:nth-child(odd) {
+        padding: 25px;
+        display: flex;
+        background-color: #2f3136;
     }
 
     .avatar {
diff --git a/src/transcripts/transcript.ts b/src/transcripts/transcript.ts
index 1a318fe..c7dc9d9 100644
--- a/src/transcripts/transcript.ts
+++ b/src/transcripts/transcript.ts
@@ -117,7 +117,14 @@ export const generateTranscript = (
                                             messageContainer.appendChild(
                                                 codeNode
                                             );
-                                        } else {
+                                        } 
+                                        else if(msg.attachments.size > 0){
+                                            var Attachment = msg.attachments;
+                                            Attachment.forEach(async(element) => {
+                                            messageContainer = await Attachemt(element,messageContainer)
+                                            });
+                                        }
+                                        else {
                                             let msgNode =
                                                 document.createElement("span");
                                             let textNode =
@@ -157,3 +164,28 @@ export const generateTranscript = (
         );
     });
 };
+
+
+
+function Attachemt(element,messageContainer){
+    console.log(element.contentType.includes('image'))
+    console.log(element.url);
+    if(element.contentType.includes('image')){
+        let img = document.createElement("img");
+        img.setAttribute("src", element.url);
+        messageContainer.appendChild(img)
+        return messageContainer
+    }
+    else{
+        let textNode = document.createElement("span");
+        textNode = document.createTextNode(element.url);
+        console.log(textNode)
+        let anchor = document.createElement("a");
+        anchor.setAttribute("href", element.url)
+        anchor.appendChild(textNode)
+        console.log(anchor)
+        messageContainer.appendChild(anchor)
+        return messageContainer
+    }
+
+}