diff --git a/css/main.css b/css/main.css
index b25e769..f48f00b 100755
--- a/css/main.css
+++ b/css/main.css
@@ -4,7 +4,25 @@
    Author's custom styles
    ========================================================================== */
 
-
+/* ============= LIKE BUTTON ============= */
+
+/* jQuery Like Buttons */
+.qty1 {
+    border: none;
+    width: 20px;
+    background: none;
+    text-align: center;
+    cursor: pointer;
+}
+
+/* JavaScript Like Button */
+.counter {
+    border: none;
+    width: 20px;
+    background: none;
+    text-align: center;
+    cursor: pointer;
+}
 
 
 
diff --git a/index.html b/index.html
index 8adde02..947f0ae 100755
--- a/index.html
+++ b/index.html
@@ -67,24 +67,42 @@ <h1>Hello, world!</h1>
         <div class="col-md-4">
           <h2>Heading</h2>
           <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
-          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+          <p>
+            <!-- jQuery Like Button -->            
+            <a class="like btn btn-primary" role="button">
+              <span class="glyphicon glyphicon-thumbs-up"></span>
+              <input class="qty1" name="qty1" type="text" readonly="readonly" value="0"/>
+            </a>              
+            <a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
         </div>
         <div class="col-md-4">
           <h2>Heading</h2>
           <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
-          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+          <p>
+            <!-- jQuery Like Button -->            
+            <a class="like btn btn-primary" role="button">
+              <span class="glyphicon glyphicon-thumbs-up"></span>
+              <input class="qty1" name="qty1" type="text" readonly="readonly" value="0"/>
+            </a>            
+            <a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
        </div>
         <div class="col-md-4">
           <h2>Heading</h2>
           <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
-          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+          <p>
+            <!-- JavaScript Like Button -->
+            <a class="btn btn-primary" role="button" onclick="buttonClick()">
+              <span class="glyphicon glyphicon-thumbs-up"></span>
+              <input id="clicks" type="text" readonly="readonly" value="0" class="counter"></input>
+            </a>            
+            <a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
         </div>
       </div>
 
       <hr>
 
       <footer>
-        <p>&copy; Company 2015</p>
+        <p>&copy; Nifty-Club 2019</p>
       </footer>
     </div> <!-- /container -->        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
diff --git a/js/main.js b/js/main.js
index 8b13789..305c08f 100755
--- a/js/main.js
+++ b/js/main.js
@@ -1 +1,16 @@
+////// LIKE BUTTON ////////
 
+// jQUERY
+
+$(function () {
+    $(".like").click(function() {
+        var input = $(this).find('.qty1');
+        input.val(parseInt(input.val())+ 1);
+    });
+});
+
+// JAVASCRIPT
+var i = 0;
+function buttonClick() {
+    document.getElementById('clicks').value = ++i;
+}
\ No newline at end of file