diff --git a/index.html b/index.html
index c371c22..eb22574 100644
--- a/index.html
+++ b/index.html
@@ -3,17 +3,41 @@
 <head>
 	<title>Quotes for Life</title>
 	<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
-    <script  type="text/javascript" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+	<script  type="text/javascript" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 	<link href="https://fonts.googleapis.com/css?family=Fresca" rel="stylesheet">
 	<link rel="stylesheet" type="text/css" href="style.css">
-   
+	
+	<script>
+			window.twttr = (function(d, s, id)
+			{
+				var js, 
+					fjs = d.getElementsByTagName(s)[0],
+					t = window.twttr || {};
+				if (d.getElementById(id)) 
+					return t;
+				js = d.createElement(s);
+				js.id = id;
+				js.src = "https://platform.twitter.com/widgets.js";
+				fjs.parentNode.insertBefore(js, fjs);
+				t._e = [];
+				t.ready = function(f) 
+				{
+					t._e.push(f);
+				};
+				return t;
+			}
+			(document, "script", "twitter-wjs"));
+		</script>
 </head>
 <body>
 <div class="container">
-    <h1>Quotes<br>For<br>Life</h1>
-    <div id="Quote"></div>
+	<h1>Quotes<br>For<br>Life</h1>
+	<div id="Quote"></div>
+
+	<div id="twitter-share-button"></div>
+
 	<div id="author"></div>
-    <button id="random">Get A Quote</button>
+	<button id="random">Get A Quote</button>
 </div>
 <footer><span>Made With Forismatic API</span></footer>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
diff --git a/quote.js b/quote.js
index 7b75d41..085d989 100644
--- a/quote.js
+++ b/quote.js
@@ -1,28 +1,35 @@
 function randomQuote() {
  $.ajax({
-      url: "https://api.forismatic.com/api/1.0/",
-      jsonp: "jsonp",
-      dataType: "jsonp",
-      data: {
-        method: "getQuote",
-        lang: "en",
-        format: "jsonp"
-      },
-      success: function(quote) {
-        $('#Quote').html('&ldquo;'+quote.quoteText+'&rdquo;')
-        $('#author').html("-"+quote.quoteAuthor)
-      }
-    });
+		url: "https://api.forismatic.com/api/1.0/",
+		jsonp: "jsonp",
+		dataType: "jsonp",
+		data: {
+			method: "getQuote",
+			lang: "en",
+			format: "jsonp"
+		},
+		success: function(quote) {
+			$('#twitter-share-button').html('');
+			$('#Quote').html('&ldquo;'+quote.quoteText+'&rdquo;')
+			$('#author').html("-"+quote.quoteAuthor)
+			var tweetContent = quote.quoteText+'\r\n - '+quote.quoteAuthor;
+			twttr.widgets.createShareButton(
+				'/',
+				document.getElementById('twitter-share-button'),
+				{text: tweetContent}
+			);
+		}
+	});
 }
 
 
 
 //Click on the button to generate another random quote
 $(document).ready(function(){
-    randomQuote();
+	randomQuote();
 $('#random').on('click', function() {
-  
-    randomQuote();
-   
-  });
+	
+	randomQuote();
+	 
+	});
 });
\ No newline at end of file
