--- a/app/views/layouts/application.html.erb	Sun Sep 06 04:52:01 2015 +0900
+++ b/app/views/layouts/application.html.erb	Sun Sep 06 04:55:56 2015 +0900
@@ -22,6 +22,12 @@
         <div class="collapse navbar-collapse" id="navbar-menu">
           <ul class="nav navbar-nav navbar-right">
             <li>
+              <%= link_to t(".about"), "#",
+                :data => { :toggle => "modal",
+                    :target => "#modal-about" }
+              %>
+            </li>
+            <li>
               <a href="https://bitbucket.org/nanaya1/zeropaste"><%= t(".source") %></a>
             </li>
             <li>
@@ -41,6 +47,26 @@
       <%= yield %>
 
     </div>
+
+    <div class="modal fade" id="modal-about" tabindex="-1" role="dialog" aria-labelledby="aboutModal">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h4><%= t(".about") %></h4>
+          </div>
+
+          <div class="modal-body">
+            <%= render "layouts/about" %>
+          </div>
+          <div class="modal-footer">
+            <button type="button" class="btn btn-default" data-dismiss="modal">
+              <%= t("buttons.close") %>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+
     <%= javascript_include_tag "application" %>
   </body>
 </html>