diff --git a/script.js b/script.js
index e60691b..ac4dad9 100644
--- a/script.js
+++ b/script.js
@@ -1 +1,41 @@
 /* Fill your code*/
+class Blog{
+    constuctor(title,detail){
+        this.title=title;
+        this.detail=detail;
+    }
+    addTitle(){
+        var title_card = document.createElement('h1');
+        title_card.setAttribute("id","blog-title");
+        console.log(title_card);
+        document.getElementById('card-text').appendChild(title_card);
+        title_card.innerHTML += this.title;
+    }
+addDescription(){
+    var description_card = document.createElement('p');
+    description_card.setAttribute("id","blog-description");
+    console.log(description_card);
+    document.getElementById('card-text').appendChild(description_card);
+    description_card.innerHTML += this.description;
+}
+}
+var p=document.getElementById('post');
+var b=document.getElementById('Blog');
+var c=document.getElementById('close');
+b.addEventListener("click",function(){
+    p.style.display="block";
+   
+});
+c.addEventListener("click",function(){
+   p.style.display="none";
+   
+});
+document.getElementById("post").addEventListener("click",function(){
+    document.getElementById("post").style.display="none";
+    var $img=document.createElement("img");
+    $img.setAttribute("src","./assets/javascript.png");
+    document.getElementById("card-text").appendChild($img);
+    var $title=document.getElementById("title").value;
+    var $detail=document.getElementById("detail").value;
+    var object1=new Blog($title,$detail);
+});