diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e6acbdd
--- /dev/null
+++ b/README.md
@@ -0,0 +1,46 @@
+# jQuery Flip-Quote
+jQuery Flip-Quote creates a **pull-quote** from a text quote found in the document and *flips* to reveal the quote once it's scrolled into view. It also has a click feature that scrolls into and highlights the quote origin on the document.
+
+[![jQuery Flip-Quote](http://i.imgur.com/GGUWZIl.png "jQuery Flip-Quote")](https://github.com/markserbol/urlive)
+
+## Demo
+[View the Demo Page](http://markserbol.github.io/flip-quote/)
+
+
+## Basic Usage
+
+Include the latest version of jQuery together with `jquery.flip-quote.css` and `jquery.flip-quote.js` in your document's *head*.
+
+
+````html
+<link href="jquery.flip-quote.css" rel="stylesheet"/>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+<script src="jquery.flip-quote.js"></script>
+````
+
+HTML Structure:
+````html
+<div>
+  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <q id="quote">Maecenas rhoncus sapien massa, aliquam ornare justo tristique vitae</q>. Duis sollicitudin nulla a leo sagittis, tristique imperdiet turpis sollicitudin.</p>
+  
+  <div id="container">...</div>
+</div>
+````
+
+Apply jQuery Flip-Quote by calling `flipQuote`:
+````javascript
+$('#quote').flipQuote({
+  container: '#container'
+});
+````
+To learn more go to this page : [http://markserbol.github.io/flip-quote/](http://markserbol.github.io/flip-quote/)
+
+## Compatibility
+Tested on all modern browsers � Chrome, Firefox, Safari.
+Fallback provided for IE and older browsers.
+
+
+## License
+jQuery Flip-Quote is under [MIT License](http://opensource.org/licenses/MIT).
+
+Detailed usage can be found at [http://markserbol.github.io/flip-quote/](http://markserbol.github.io/flip-quote/). You can also contact me via email found on my [Github Profile](https://github.com/markserbol/) or follow me on [Twitter](http://twitter.com/intent/user?screen_name=mark_serbol).
diff --git a/jquery.flip-quote.css b/jquery.flip-quote.css
new file mode 100644
index 0000000..e0a2fe1
--- /dev/null
+++ b/jquery.flip-quote.css
@@ -0,0 +1,79 @@
+/*
+ * jquery.flip-quote.css, jQuery Flip-Quote
+ *
+ * View the plugin repository at:
+ * https://github.com/markserbol/flip-quote
+ *
+ */
+
+.fQ_container {
+	position:relative;
+	cursor:pointer;
+	-moz-perspective: 800px;
+	-webkit-perspective: 800px;
+	perspective: 800px;
+	font-size:24px;
+	font-family:'Segoe UI', 'Segoe', 'Open Sans', sans-serif;
+}
+
+.fQ_container div {
+	position:absolute;
+	top:0;
+	left:0;
+	width:100%;
+	height:auto;
+	text-align:center;
+	background:#0080C0;
+	color:#FFF;
+	
+	-moz-backface-visibility: hidden;
+	-webkit-backface-visibility: hidden;
+	backface-visibility: hidden;
+	
+	-moz-transform-style: preserve-3d;
+	-webkit-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	
+	/*-moz-transition:0.8s;
+	-webkit-transition: 0.8s;
+	transition: 0.8s;*/
+	
+	-moz-animation: pulse 2s infinite;
+	-webkit-animation: pulse 2s infinite;
+}
+
+.fQ_front {
+	opacity:0;
+	z-index:2;
+	-moz-transform:rotateX(180deg);
+	-webkit-transform:rotateX(180deg);
+	transform:rotateX(180deg);
+}
+
+.fQ_back {
+	z-index:3;
+	height:100%;
+}
+
+.fQ_container.fQ_flip .fQ_front {
+	opacity:1;
+	-moz-transform:rotateX(0deg);
+	-webkit-transform:rotateX(0deg);
+	transform:rotateX(0deg);
+}
+
+.fQ_container.fQ_flip .fQ_back {
+	opacity:0;
+	-moz-transform:rotateX(-180deg);
+	-webkit-transform:rotateX(-180deg);
+	transform:rotateX(-180deg);
+}
+
+.fQ_quote {
+	background-color:transparent;
+	-moz-transition:background-color 0.8s ease-in-out, color 0.4s ease-in-out;
+	-webkit-transition:background-color 0.8s ease-in-out, color 0.4s ease-in-out;
+	-o-transition:background-color 0.8s ease-in-out, color 0.4s ease-in-out;
+	transition:background-color 0.8s ease-in-out, color 0.4s ease-in-out;
+}
+
diff --git a/jquery.flip-quote.js b/jquery.flip-quote.js
new file mode 100644
index 0000000..d66696f
--- /dev/null
+++ b/jquery.flip-quote.js
@@ -0,0 +1,138 @@
+/*
+ * jquery.flip-quote.js v1.0.0, jQuery Flip-Quote
+ *
+ * Copyright 2014 Mark Serbol.   
+ * Use, reproduction, distribution, and modification of this code is subject to the terms and 
+ * conditions of the MIT license, available at http://www.opensource.org/licenses/MIT.
+ *
+ * jQuery Flip-Quote creates a pull-quote from a text quote found in the document 
+ * and flips to reveal the quote once it's scrolled into view. 
+ * It also has a click feature that scrolls into and highlights the quote origin on the document.
+ *
+ * https://github.com/markserbol/flip-quote
+ *
+ */
+;(function($){
+  var defaults = {
+		quoteSelector:'q',
+		container:'.container',
+		quoteMarks:'"“" "”"',
+		bgColor:'#0080C0',
+		fontColor:'#FFF',
+		fontSize:'24px',	
+		flipDuration:'0.7s',
+		pads:20
+  };
+		
+  $.fn.flipQuote = function(options){
+		var opts = $.extend({}, defaults, options);
+		
+		return this.each(function(){
+			var el = $(this), 
+				quotes = (el.find(opts.quoteSelector).length) ? el.find(opts.quoteSelector) : el, 
+				ocontainer = $(opts.container), 
+				win = $(window),
+				root = $('html, body');
+				
+			quotes.each(function(index) {
+        var quote = $(this), text = quote.text(), container, fontFace, backFace;
+				
+				quote.addClass('fQ_quote');
+				
+				container = ocontainer.eq(index);
+				
+				container.addClass('fQ_container').css({'font-size': opts.fontSize});
+				
+				frontFace = $('<div/>', {class: 'fQ_front', html:'<q>'+ text +'</q>'});
+				backFace = $('<div/>', {class: 'fQ_back'});
+				
+				frontFace.add(backFace).appendTo(container)
+					.css({
+						'background-color': opts.bgColor,
+						'color': opts.fontColor,
+						'padding': opts.pads,
+						'width': container.width() - opts.pads * 2
+					}).find('q').css('quotes', opts.quoteMarks);
+				
+				container.click(function() {
+					if(quote.offset().top + quote.height() - 50 < win.scrollTop()){
+						root.animate({
+							scrollTop: quote.offset().top - 20
+						}, 'slow', function(){
+							flash(quote);
+						});
+							
+					}else if(quote.offset().top + 50 > win.scrollTop() + win.height()){
+						root.animate({
+							scrollTop: (quote.offset().top + quote.height() + 20) - win.height()
+						}, 'slow',function(){
+							flash(quote);
+						});
+					}else {
+						flash(quote);				
+					}
+					
+				});
+				
+				container.height(frontFace.innerHeight());
+				backFace.innerHeight(frontFace.innerHeight());
+	
+      });
+			
+			win.scroll(function() {
+        ocontainer.each(function(index, element) {
+          if(win.scrollTop() + win.height() > $(this).offset().top + $(this).height()){	
+						$(this).addClass('fQ_flip');
+						
+						$(this).find('div').css({
+							'-moz-transition': opts.flipDuration,
+							'-webkit-transition': opts.flipDuration,
+							'transition': opts.flipDuration
+						});
+						
+						if(!css3dsupport){
+							$(this).find('.fQ_front').show();
+							$(this).find('.fQ_back').hide();
+						}
+						
+					}else{
+						$(this).removeClass('fQ_flip');
+						
+						if(!css3dsupport){
+							$(this).find('.fQ_front').hide();
+							$(this).find('.fQ_back').show();
+						}
+					}
+        });
+      });
+			
+			function flash(el){
+				el.css({
+					'background-color': opts.bgColor,
+					'color': opts.fontColor
+				});
+				
+				setTimeout(function(){
+					el.css({
+						'background-color':'inherit',
+						'color':'inherit'
+					});
+				}, 1000);
+			}
+			
+			function css3dsupport(){				
+				var DOM = document.createElement('p'), 
+					props = ['perspectiveProperty', 'WebkitPerspective', 'MozPerspective'];
+	
+				for(var i=0; i<props.length; i++){
+					if(props[i] in DOM.style){
+						return true;
+					}
+				}
+				return false;
+			}
+			
+		});
+	}
+	
+})(jQuery);
\ No newline at end of file
diff --git a/jquery.flip-quote.min.js b/jquery.flip-quote.min.js
new file mode 100644
index 0000000..b8161cd
--- /dev/null
+++ b/jquery.flip-quote.min.js
@@ -0,0 +1,8 @@
+/*
+ * jquery.flip-quote.min.js, jQuery Flip-Quote
+ *
+ * View the plugin repository at:
+ * https://github.com/markserbol/flip-quote
+ *
+ */
+(function(a){var m={quoteSelector:"q",container:".container",quoteMarks:'"\u201c" "\u201d"',bgColor:"#0080C0",fontColor:"#FFF",fontSize:"24px",flipDuration:"0.7s",pads:20};a.fn.flipQuote=function(n){var b=a.extend({},m,n);return this.each(function(){function g(a){a.css({"background-color":b.bgColor,color:b.fontColor});setTimeout(function(){a.css({"background-color":"inherit",color:"inherit"})},1E3)}function h(){for(var a=document.createElement("p"),c=["perspectiveProperty","WebkitPerspective","MozPerspective"],b=0;b<c.length;b++)if(c[b]in a.style)return!0;return!1}var d=a(this),d=d.find(b.quoteSelector).length?d.find(b.quoteSelector):d,k=a(b.container),f=a(window),l=a("html, body");d.each(function(e){var c=a(this),d=c.text();c.addClass("fQ_quote");e=k.eq(e);e.addClass("fQ_container").css({"font-size":b.fontSize});frontFace=a("<div/>",{"class":"fQ_front",html:"<q>"+d+"</q>"});d=a("<div/>",{"class":"fQ_back"});frontFace.add(d).appendTo(e).css({"background-color":b.bgColor,color:b.fontColor,padding:b.pads,width:e.width()-2*b.pads}).find("q").css("quotes",b.quoteMarks);e.click(function(){c.offset().top+c.height()-50<f.scrollTop()?l.animate({scrollTop:c.offset().top-20},"slow",function(){g(c)}):c.offset().top+50>f.scrollTop()+f.height()?l.animate({scrollTop:c.offset().top+c.height()+20-f.height()},"slow",function(){g(c)}):g(c)});e.height(frontFace.innerHeight());d.innerHeight(frontFace.innerHeight())});f.scroll(function(){k.each(function(d,c){f.scrollTop()+f.height()>a(this).offset().top+a(this).height()?(a(this).addClass("fQ_flip"),a(this).find("div").css({"-moz-transition":b.flipDuration,"-webkit-transition":b.flipDuration,transition:b.flipDuration}),h||(a(this).find(".fQ_front").show(),a(this).find(".fQ_back").hide())):(a(this).removeClass("fQ_flip"),h||(a(this).find(".fQ_front").hide(),a(this).find(".fQ_back").show()))})})})}})(jQuery);
\ No newline at end of file