Merge 'about' and 'download' sections to 'intro' section

index.html

@@ -41,30 +41,27 @@ <h2>Optimized for bootstrap</h2>
     <div class="inner clearfix">
         <section id="main-content">
             <h3>
-                <a name="about" class="anchor" href="#about"><span
-                        class="octicon octicon-link"></span></a>About</h3>
+                <a name="intro" class="anchor" href="#intro"><span
+                        class="octicon octicon-link"></span></a>Intro</h3>
 
-            <p>This automatic page generator is the easiest way to create beautiful pages for all of your projects.
-                Author your page content here using GitHub Flavored Markdown, select a template crafted by a designer,
-                and publish. After your page is generated, you can check out the new branch:</p>
+            <p>This jQuery plugin simplifies the usage of Bootstrap Pagintion. It uses appropriate classes:
+                <code>.pagination</code> (you change this one), <code>.active</code> and <code>.disabled</code>.
+                Check out the demo.</p>
 
-            <h3>
-                <a name="download" class="anchor" href="#download"><span
-                        class="octicon octicon-link"></span></a>Download</h3>
-
-            <p>
-                <a href="https://github.com/esimakin/twbs-pagination/zipball/master" class="button">
+            <p class="text-center">Click to download:</p>
+            <p class="text-center">
+                <a href="https://github.com/esimakin/twbs-pagination/zipball/master" class="button text-left">
                     <small>Download</small>
                     .zip file
                 </a>
-                <a href="https://github.com/esimakin/twbs-pagination/tarball/master" class="button">
+                <a href="https://github.com/esimakin/twbs-pagination/tarball/master" class="button text-left">
                     <small>Download</small>
                     .tar.gz file
                 </a>
             </p>
 
             <h3>
-                <a name="demo" class="anchor" href="#about"><span
+                <a name="demo" class="anchor" href="#demo"><span
                         class="octicon octicon-link"></span></a>Demo</h3>
 
             <p>
@@ -79,8 +76,8 @@ <h3>
         <aside id="sidebar">
 
             <ul class="nav nav-pills nav-stacked">
-                <li><a href="#about">About</a></li>
-                <li><a href="#download">Download</a>
+                <li><a href="#intro">Intro</a></li>
+                <li><a href="#demo">Demo</a>
             </ul>
 
         </aside>