Move the project integration part to the top of the page

README.md

@@ -73,6 +73,16 @@ Directly use:
 - `https://cdnjs.cloudflare.com/ajax/libs/angularjs-slider/2.5.0/rzslider.min.js`
 - `https://cdnjs.cloudflare.com/ajax/libs/angularjs-slider/2.5.0/rzslider.min.css`
 
+
+## Project integration
+
+### Imports
+```html
+<link rel="stylesheet" type="text/css" href="/path/to/slider/rzslider.css"/>
+<script src="/path/to/angularjs/angular.min.js"></script>
+<script src="/path/to/slider/rzslider.min.js"></script>
+```
+
 ### Module
 ```javascript
 angular.module('yourApp', ['rzModule']);
@@ -320,18 +330,6 @@ $scope.$on("slideEnded", function() {
 });
 ```
 
-## Project integration
-
-```html
-    <link rel="stylesheet" type="text/css" href="/path/to/slider/rzslider.css"/>
-    <script src="/path/to/angularjs/angular.min.js"></script>
-    <script src="/path/to/slider/rzslider.min.js"></script>
-
-    <script>
-        var YourApp = angular.module('myapp', ['rzModule']);
-    </script>
-```
-
 ## Browser support
 
 I use Slider on couple of my projects and it's being tested on desktop versions of Chrome, Firefox, Safari, IE 9/10 (Ticks are displayed using flex display so they don't work on IE9).