#4: Add about dialog

src/www/index.html

@@ -62,6 +62,7 @@
                         <a href="#{{ device.type }}" class="dropdown-toggle" data-toggle="dropdown" title="{{ device.title }}"><i class="{{ device.icon }} icon-2x"></i></a>
                         <rt-device brands="device.brands"></rt-device>
                     </li>
+                    <li><a data-toggle="modal" href="#about"><i class="icon-info-sign icon-2x"></i></a></li>
                 </ul>
             </div>
         </div>
@@ -72,6 +73,42 @@
     <div class="rt-ruler"></div>
     <!-- :ruler -->
 
+    <!-- about: -->
+    <div class="modal fade" id="about">
+        <div class="modal-dialog">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+                    <h4 class="modal-title">About</h4>
+                </div>
+                <div class="modal-body">
+                    <dl class="dl-horizontal">
+                        <dt>Created by</dt>
+                        <dd>Nguyen Huu Phuoc, <a href="mailto: phuoc@huuphuoc.me">phuoc@huuphuoc.me</a>, <a href="http://twitter.com/nghuuphuoc">@nghuuphuoc</a></dd>
+                        <dt>Copyright</dt>
+                        <dd>(c) 2013, APL Solutions</dd>
+                        <dt>Other services</dt>
+                        <dd>
+                            <a href="http://www.zootemplate.com" title="Premium Joomla 2.5 templates and Joomla Extensions Club">www.zootemplate.com</a>,
+                            <a href="http://www.magentothemes.net" title="Designing beautiful Magento Themes, powerful Magento Extensions and top notch support satisfy all needs of your online shop">www.magentothemes.net</a>
+                        </dd>
+                        <dt>Powered by</dt>
+                        <dd>
+                            <p>
+                                <a href="http://getbootstrap.com">Twitter Bootstrap 3</a>,
+                                <a href="http://angularjs.org">AngularJs</a>,
+                                <a href="http://jquery.com">jQuery</a> and <a href="http://jqueryui.com">jQuery UI</a>
+                            </p>
+                            <iframe src="http://ghbtns.com/github-btn.html?user=nghuuphuoc&repo=responsivetest&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53" height="20"></iframe>
+                            <iframe src="http://ghbtns.com/github-btn.html?user=nghuuphuoc&type=follow" allowtransparency="true" frameborder="0" scrolling="0" width="152" height="20"></iframe>
+                        </dd>
+                    </dl>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- :about -->
+
     <!-- dest-iframe: -->
     <div class="rt-iframe" ng-style="{ width: w + 'px', height: h + 'px' }" rt-resizable ng-show="!loading" id="iframe">
         <iframe ng-src="{{ frameSrc }}"></iframe>