diff --git a/public/css/carousel.css b/public/css/carousel.css
index 98a5719..fad8edf 100644
--- a/public/css/carousel.css
+++ b/public/css/carousel.css
@@ -24,7 +24,7 @@ body {
   
   /* Declare heights because of positioning of img element */
   .carousel-item {
-    height: 32rem;
+    height: 38rem;
     background-color: #777;
   }
   .carousel-item > img {
@@ -32,7 +32,7 @@ body {
     top: 0;
     left: 0;
     min-width: 100%;
-    height: 32rem;
+    height: 38rem;
   }
   
   
diff --git a/public/css/main.css b/public/css/main.css
index e69de29..b7485a7 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -0,0 +1,9 @@
+img {
+    max-height: 1000px;
+    max-width: 800px;
+}
+
+.mt-5 {
+    margin-top: 5rem;
+}
+
diff --git a/public/images/diwali3.jpg b/public/images/diwali3.jpg
new file mode 100644
index 0000000..54aacbb
Binary files /dev/null and b/public/images/diwali3.jpg differ
diff --git a/public/images/hbd10.jpg b/public/images/hbd10.jpg
new file mode 100644
index 0000000..70770dd
Binary files /dev/null and b/public/images/hbd10.jpg differ
diff --git a/public/images/hbd11.jpg b/public/images/hbd11.jpg
new file mode 100644
index 0000000..6ee322a
Binary files /dev/null and b/public/images/hbd11.jpg differ
diff --git a/public/images/hbd12.jpg b/public/images/hbd12.jpg
new file mode 100644
index 0000000..32da758
Binary files /dev/null and b/public/images/hbd12.jpg differ
diff --git a/public/images/hbd13.jpg b/public/images/hbd13.jpg
new file mode 100644
index 0000000..ed948f2
Binary files /dev/null and b/public/images/hbd13.jpg differ
diff --git a/public/images/hbd14.jpg b/public/images/hbd14.jpg
new file mode 100644
index 0000000..7acc152
Binary files /dev/null and b/public/images/hbd14.jpg differ
diff --git a/public/images/hbd15.jpg b/public/images/hbd15.jpg
new file mode 100644
index 0000000..187152c
Binary files /dev/null and b/public/images/hbd15.jpg differ
diff --git a/public/images/hbd3.jpg b/public/images/hbd3.jpg
new file mode 100644
index 0000000..d21c1e6
Binary files /dev/null and b/public/images/hbd3.jpg differ
diff --git a/public/images/hbd4.jpg b/public/images/hbd4.jpg
new file mode 100644
index 0000000..6c7f315
Binary files /dev/null and b/public/images/hbd4.jpg differ
diff --git a/public/images/hbd5.jpg b/public/images/hbd5.jpg
new file mode 100644
index 0000000..e8ebb00
Binary files /dev/null and b/public/images/hbd5.jpg differ
diff --git a/public/images/hbd6.jpg b/public/images/hbd6.jpg
new file mode 100644
index 0000000..7a10335
Binary files /dev/null and b/public/images/hbd6.jpg differ
diff --git a/public/images/hbd7.jpg b/public/images/hbd7.jpg
new file mode 100644
index 0000000..f91f529
Binary files /dev/null and b/public/images/hbd7.jpg differ
diff --git a/public/images/hbd8.jpg b/public/images/hbd8.jpg
new file mode 100644
index 0000000..aea9feb
Binary files /dev/null and b/public/images/hbd8.jpg differ
diff --git a/public/images/hbd9.jpg b/public/images/hbd9.jpg
new file mode 100644
index 0000000..a666b0f
Binary files /dev/null and b/public/images/hbd9.jpg differ
diff --git a/public/images/hny1.jpg b/public/images/hny1.jpg
new file mode 100644
index 0000000..2bdfa63
Binary files /dev/null and b/public/images/hny1.jpg differ
diff --git a/public/images/xmas.jpg b/public/images/xmas.jpg
new file mode 100644
index 0000000..72d27ed
Binary files /dev/null and b/public/images/xmas.jpg differ
diff --git a/routes.js b/routes.js
index d234bc3..c50f183 100644
--- a/routes.js
+++ b/routes.js
@@ -72,18 +72,16 @@ router.post('/write', [
     var amount = 1;
     
     try {
-        client.sendToAddress(toaddress, amount, "Greetings App", "REBC Greetigs App", false, false, 1, 'UNSET', txComment)
-        .then((txnid) => {
-          console.log(txnid)
-          res.json({"error":false, "txnid":txnid, "_from":_from, "_to":_to, "card_id":card_id, "user_msg":user_msg})
-        });
-        //res.json({"error":false, "txnid":"TXIDKJKLGJLKSJLKGJSKJGK", "_from":_from, "_to":_to, "card_id":card_id, "user_msg":user_msg})
+        // client.sendToAddress(toaddress, amount, "Greetings App", "REBC Greetigs App", false, false, 1, 'UNSET', txComment)
+        // .then((txnid) => {
+        //   console.log(txnid)
+        //   res.json({"error":false, "txnid":txnid, "_from":_from, "_to":_to, "card_id":card_id, "user_msg":user_msg})
+        // });
+        res.json({"error":false, "txnid":"TXIDKJKLGJLKSJLKGJSKJGK", "_from":_from, "_to":_to, "card_id":card_id, "user_msg":user_msg})
     }catch(err){
         console.log("Unable to send FLO." + err.message);
     } 
 
-    //res.json({"error":true, "txnid":null, "card_id":null, "user_msg":null})
-
    }
   )
 
diff --git a/views/bithday-cards.ejs b/views/bithday-cards.ejs
index 50960cd..3fcbd96 100644
--- a/views/bithday-cards.ejs
+++ b/views/bithday-cards.ejs
@@ -1,3 +1,56 @@
 <% include partials/header.ejs %>
-    <h1>BithDay Carfds</h1>
+    <div class="container mt-5">
+
+        <div class="card-columns">
+            
+            <div class="card">
+                <a href="/write/hbd"><img class="card-img" src="/images/hbd.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd2"><img class="card-img" src="/images/hbd2.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd3"><img class="card-img" src="/images/hbd3.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd4"><img class="card-img" src="/images/hbd4.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd5"><img class="card-img" src="/images/hbd5.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd6"><img class="card-img" src="/images/hbd6.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd7"><img class="card-img" src="/images/hbd7.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd8"><img class="card-img" src="/images/hbd8.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd9"><img class="card-img" src="/images/hbd9.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd10"><img class="card-img" src="/images/hbd10.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd11"><img class="card-img" src="/images/hbd11.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd12"><img class="card-img" src="/images/hbd12.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd13"><img class="card-img" src="/images/hbd13.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd14"><img class="card-img" src="/images/hbd14.jpg" alt="Card image"></a>
+            </div>
+            <div class="card">
+                <a href="/write/hbd15"><img class="card-img" src="/images/hbd15.jpg" alt="Card image"></a>
+            </div>
+
+
+        </div>
+
+    </div>
 <% include partials/footer.ejs %>
\ No newline at end of file
diff --git a/views/christmas-cards.ejs b/views/christmas-cards.ejs
index dd7ddf0..00f7ce8 100644
--- a/views/christmas-cards.ejs
+++ b/views/christmas-cards.ejs
@@ -1,3 +1,41 @@
 <% include partials/header.ejs %>
-    <h1>XMAS Carfds</h1>
+    <div class="container mt-5">
+
+        <div class="card-columns">
+            
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+
+
+        </div>
+
+    </div>
 <% include partials/footer.ejs %>
\ No newline at end of file
diff --git a/views/diwali-cards.ejs b/views/diwali-cards.ejs
index 94a6ef3..00f7ce8 100644
--- a/views/diwali-cards.ejs
+++ b/views/diwali-cards.ejs
@@ -1,3 +1,41 @@
 <% include partials/header.ejs %>
-    <h1>Diwali Carfds</h1>
+    <div class="container mt-5">
+
+        <div class="card-columns">
+            
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+
+
+        </div>
+
+    </div>
 <% include partials/footer.ejs %>
\ No newline at end of file
diff --git a/views/index.ejs b/views/index.ejs
index 5ede194..f0949aa 100644
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -1,6 +1,64 @@
 <% include partials/header.ejs %>
-
-
+<!--Carousel starts-->
+<div id="myCarousel" class="carousel slide" data-ride="carousel">
+  <ol class="carousel-indicators">
+    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+    <li data-target="#myCarousel" data-slide-to="1"></li>
+    <li data-target="#myCarousel" data-slide-to="2"></li>
+    <li data-target="#myCarousel" data-slide-to="3"></li>
+  </ol>
+  <div class="carousel-inner">
+    <div class="carousel-item active">
+      <img class="first-slide" src="/images/hbd3.jpg" alt="First slide">
+      <div class="container">
+        <div class="carousel-caption">
+          <h1>HAPPY BIRTHDAY WISHES.</h1>
+          <p>Gift FLOs to your loved ones on their birthday with our Birthday card generator app below. Select from hundreds of cards and make your gift the most unique. </p>
+          <p><a class="btn btn-lg btn-primary" href="/bithday-cards" role="button">See all the cards</a></p>
+        </div>
+      </div>
+    </div>
+    <div class="carousel-item">
+      <img class="second-slide" src="/images/diwali3.jpg" alt="Second slide">
+      <div class="container">
+        <div class="carousel-caption">
+          <h1>HAPPY DIWALI.</h1>
+          <p>Wish your loved ones a very happy Diwali by gifting them Ranchi Mall FLO Diwali cards.</p>
+          <p><a class="btn btn-lg btn-primary" href="/diwali-cards" role="button">Show the Diwali cards</a></p>
+        </div>
+      </div>
+    </div>
+    <div class="carousel-item">
+      <img class="third-slide" src="/images/xmas.jpg" alt="Third slide">
+      <div class="container">
+        <div class="carousel-caption">
+          <h1>Merry Christmas</h1>
+          <p>Wish Merry Christmas to your friends, family and gift them Ranchi Mall FLO Merry Christmas Cards.</p>
+          <p><a class="btn btn-lg btn-primary" href="/christmas-cards" role="button">Browse gallery</a></p>
+        </div>
+      </div>
+    </div>
+    <div class="carousel-item">
+        <img class="third-slide" src="/images/hny1.jpg" alt="Fourth slide">
+        <div class="container">
+          <div class="carousel-caption">
+            <h1>Happy New Year</h1>
+            <p>Wish Happy New Year to your friends, family in a unique fashion this year and gift them Ranchi Mall FLO Happy New Year Cards.</p>
+            <p><a class="btn btn-lg btn-primary" href="/new-year-cards" role="button">Browse gallery</a></p>
+          </div>
+        </div>
+      </div>
+  </div>
+  <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
+    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+    <span class="sr-only">Previous</span>
+  </a>
+  <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
+    <span class="carousel-control-next-icon" aria-hidden="true"></span>
+    <span class="sr-only">Next</span>
+  </a>
+</div>
+<!--Carousel ends-->
 
 <div class="container marketing">
 
diff --git a/views/new-year-cards.ejs b/views/new-year-cards.ejs
index e351778..00f7ce8 100644
--- a/views/new-year-cards.ejs
+++ b/views/new-year-cards.ejs
@@ -1,3 +1,41 @@
 <% include partials/header.ejs %>
-    <h1>Hapyy New Year Carfds</h1>
+    <div class="container mt-5">
+
+        <div class="card-columns">
+            
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+            <div class="card">
+                <img class="card-img" src="" alt="Card image">
+            </div>
+
+
+        </div>
+
+    </div>
 <% include partials/footer.ejs %>
\ No newline at end of file
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
index ebf8411..7f85a85 100644
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
@@ -10,6 +10,7 @@
 
     <!-- Custom styles for this template -->
     <link href="/css/carousel.css" rel="stylesheet">
+    <link href="/css/main.css" rel="stylesheet">
 
     <title><%=title%></title>
   </head>
@@ -48,62 +49,3 @@
     </header>
 
     <main role="main">
-
-      <div id="myCarousel" class="carousel slide" data-ride="carousel">
-        <ol class="carousel-indicators">
-          <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
-          <li data-target="#myCarousel" data-slide-to="1"></li>
-          <li data-target="#myCarousel" data-slide-to="2"></li>
-          <li data-target="#myCarousel" data-slide-to="3"></li>
-        </ol>
-        <div class="carousel-inner">
-          <div class="carousel-item active">
-            <img class="first-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="First slide">
-            <div class="container">
-              <div class="carousel-caption">
-                <h1>HAPPY BIRTHDAY WISHES.</h1>
-                <p>Gift FLOs to your loved ones on their birthday with our Birthday card generator app below. Select from hundreds of cards and make your gift the most unique. </p>
-                <p><a class="btn btn-lg btn-primary" href="/bithday-cards" role="button">See all the cards</a></p>
-              </div>
-            </div>
-          </div>
-          <div class="carousel-item">
-            <img class="second-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
-            <div class="container">
-              <div class="carousel-caption">
-                <h1>HAPPY DIWALI.</h1>
-                <p>Wish your loved ones a very happy Diwali by gifting them Ranchi Mall FLO Diwali cards.</p>
-                <p><a class="btn btn-lg btn-primary" href="/diwali-cards" role="button">Show the Diwali cards</a></p>
-              </div>
-            </div>
-          </div>
-          <div class="carousel-item">
-            <img class="third-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
-            <div class="container">
-              <div class="carousel-caption">
-                <h1>Merry Christmas</h1>
-                <p>Wish Merry Christmas to your friends, family and gift them Ranchi Mall FLO Merry Christmas Cards.</p>
-                <p><a class="btn btn-lg btn-primary" href="/christmas-cards" role="button">Browse gallery</a></p>
-              </div>
-            </div>
-          </div>
-          <div class="carousel-item">
-              <img class="third-slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Fourth slide">
-              <div class="container">
-                <div class="carousel-caption">
-                  <h1>Happy New Year</h1>
-                  <p>Wish Happy New Year to your friends, family in a unique fashion this year and gift them Ranchi Mall FLO Happy New Year Cards.</p>
-                  <p><a class="btn btn-lg btn-primary" href="/new-year-cards" role="button">Browse gallery</a></p>
-                </div>
-              </div>
-            </div>
-        </div>
-        <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
-          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-          <span class="sr-only">Previous</span>
-        </a>
-        <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
-          <span class="carousel-control-next-icon" aria-hidden="true"></span>
-          <span class="sr-only">Next</span>
-        </a>
-      </div>
diff --git a/views/write.ejs b/views/write.ejs
index 0e1bac2..dd5f4f5 100644
--- a/views/write.ejs
+++ b/views/write.ejs
@@ -1,6 +1,6 @@
 <% include partials/header.ejs %>
 
-<div class="container">
+<div class="container mt-5">
 <div class="form-header">
   <% if (Object.keys(errors).length === 0) { %>
     <h2>Please write a review about your experience here:</h2>
@@ -32,7 +32,7 @@
       <button type="submit" class="btn btn-primary" id="bc-btn">Submit</button>
     </div>
 
-    <div id="pdfcontent"> 
+    <div id="pdfcontent" class="pdfcontent"> 
 
       <div class="card mb-3 text-center">
         <div class="card-body">