Index: community/html/devtools/content-container.html
===================================================================
diff -u -rc848ab3b803d80025b1fd211893e5c48b7dcd9d5 -r5eb7c964dbd08c2cc918b8e34fefe52ef16c1011
--- community/html/devtools/content-container.html	(.../content-container.html)	(revision c848ab3b803d80025b1fd211893e5c48b7dcd9d5)
+++ community/html/devtools/content-container.html	(.../content-container.html)	(revision 5eb7c964dbd08c2cc918b8e34fefe52ef16c1011)
@@ -8,44 +8,82 @@
                 </h4>
             </header>
             <div class="body">
-                <ul class="row thumbnails">
-                    <li class="col-sm-4">
-                        <div class="thumbnail" style="text-align: center">
 
-                            <a href="http://www.a-rms.net" class="tools" style="background-color: #4d4d4d;" target="_blank" data-v-5f164deb="">
-                            <span data-v-5f164deb="">
-                                <img src="./img/seal_tree.png" alt="aRMS" class="tool-img" data-v-5f164deb="">
-                                <p class="tool-name" data-v-5f164deb="" style="color: #ffffff">a-RMS</p>
-                            </span>
-                            </a>
+                <div class="row">
+                    <div class="col-sm-4">
+                        <section class="widget">
+                            <header>
+                                <h4>
+                                    ALM
+                                    <small>Application Lifecycle Manage</small>
+                                </h4>
+                                <div class="widget-controls" style="top: 4px !important;">
+                                    <a
+                                            title="Options"
+                                            href="#">
+                                        <i class="glyphicon glyphicon-cog"></i>
+                                    </a>
+                                    <a
+                                            data-widgster="expand"
+                                            title="Expand"
+                                            href="#"
+                                            style="display: none">
+                                        <i class="glyphicon glyphicon-chevron-up"></i>
+                                    </a>
+                                    <a
+                                            data-widgster="collapse"
+                                            title="Collapse"
+                                            href="#">
+                                        <i class="glyphicon glyphicon-chevron-down"></i>
+                                    </a>
+                                    <a
+                                            data-widgster="close"
+                                            title="Close"
+                                            href="#">
+                                        <i class="glyphicon glyphicon-remove"></i>
+                                    </a>
+                                </div>
+                            </header>
+                            <div class="body">
+                                <div class="thumbnail" style="text-align: center; margin-bottom: 0px !important;">
 
-                            <a href="http://www.313.co.kr/jira" class="tools" target="_blank" data-v-5f164deb="">
-                            <span data-v-5f164deb="">
-                                <img src="./img/devtool/jira.png" alt="Jira" class="tool-img" data-v-5f164deb="">
-                                <p class="tool-name" data-v-5f164deb="">Jira</p>
-                            </span>
-                            </a>
+                                    <a href="http://www.a-rms.net" class="tools" style="background-color: #4d4d4d;" target="_blank" data-v-5f164deb="">
+                                        <span data-v-5f164deb="">
+                                            <img src="./img/seal_tree.png" alt="aRMS" class="tool-img" data-v-5f164deb="">
+                                            <p class="tool-name" data-v-5f164deb="" style="color: #ffffff">a-RMS</p>
+                                        </span>
+                                    </a>
 
-                            <a href="http://www.313.co.kr/confluence" class="tools" target="_blank" data-v-5f164deb="">
-                            <span data-v-5f164deb="">
-                                <img src="./img/devtool/confluence.png" alt="Confluence" class="tool-img" data-v-5f164deb="">
-                                <p class="tool-name" data-v-5f164deb="">Confluecne</p>
-                            </span>
-                            </a>
+                                    <a href="http://www.313.co.kr/jira" class="tools" target="_blank" data-v-5f164deb="">
+                                        <span data-v-5f164deb="">
+                                            <img src="./img/devtool/jira.png" alt="Jira" class="tool-img" data-v-5f164deb="">
+                                            <p class="tool-name" data-v-5f164deb="">Jira</p>
+                                        </span>
+                                    </a>
 
-                            <a href="http://www.313.co.kr/fecru" class="tools" target="_blank" data-v-5f164deb="">
-                            <span data-v-5f164deb="">
-                                <img src="./img/devtool/fecru.png" alt="Fisheye/Crucible" class="tool-img" data-v-5f164deb="">
-                                <p class="tool-name" data-v-5f164deb="">Fecru</p>
-                            </span>
-                            </a>
-                            <div class="caption">
-                                <h4>Thumbnail label</h4>
-                                <p><strong>You will never know exactly how something will go until you try it.</strong> You can think three hundred times and still have no precise result... </p>
-                                <p><a href="#" class="btn btn-danger">Favorite</a> <a href="#" class="btn btn-inverse">Read more...</a></p>
+                                    <a href="http://www.313.co.kr/confluence" class="tools" target="_blank" data-v-5f164deb="">
+                                        <span data-v-5f164deb="">
+                                            <img src="./img/devtool/confluence.png" alt="Confluence" class="tool-img" data-v-5f164deb="">
+                                            <p class="tool-name" data-v-5f164deb="">Confluecne</p>
+                                        </span>
+                                    </a>
+
+                                    <a href="http://www.313.co.kr/fecru" class="tools" target="_blank" data-v-5f164deb="">
+                                        <span data-v-5f164deb="">
+                                            <img src="./img/devtool/fecru.png" alt="Fisheye/Crucible" class="tool-img" data-v-5f164deb="">
+                                            <p class="tool-name" data-v-5f164deb="">Fecru</p>
+                                        </span>
+                                    </a>
+
+                                    <div class="caption">
+                                        <h4>Thumbnail label</h4>
+                                        <p><strong>You will never know exactly how something will go until you try it.</strong> You can think three hundred times and still have no precise result... </p>
+                                        <p><a href="#" class="btn btn-danger">Favorite</a> <a href="#" class="btn btn-inverse">Read more...</a></p>
+                                    </div>
+                                </div>
                             </div>
-                        </div>
-                    </li>
+                        </section>
+                    </div>
                     <li class="col-sm-4">
                         <div class="thumbnail" style="text-align: center">
 
@@ -101,6 +139,40 @@
                     </li>
                     <li class="col-sm-4">
                         <div class="thumbnail" style="text-align: center">
+
+                            <header>
+                                <h4>
+                                    Visits
+                                    <small>Based on a three months data</small>
+                                </h4>
+                                <div class="widget-controls">
+                                    <a
+                                            title="Options"
+                                            href="#">
+                                        <i class="glyphicon glyphicon-cog"></i>
+                                    </a>
+                                    <a
+                                            data-widgster="expand"
+                                            title="Expand"
+                                            href="#"
+                                            style="display: none">
+                                        <i class="glyphicon glyphicon-chevron-up"></i>
+                                    </a>
+                                    <a
+                                            data-widgster="collapse"
+                                            title="Collapse"
+                                            href="#">
+                                        <i class="glyphicon glyphicon-chevron-down"></i>
+                                    </a>
+                                    <a
+                                            data-widgster="close"
+                                            title="Close"
+                                            href="#">
+                                        <i class="glyphicon glyphicon-remove"></i>
+                                    </a>
+                                </div>
+                            </header>
+
                             <a href="https://www.313.co.kr:1158/em" class="tools" target="_blank" data-v-5f164deb="">
                             <span data-v-5f164deb="">
                                 <img src="./img/devtool/oracle.png" alt="Oracle" class="tool-img" data-v-5f164deb="">
@@ -143,7 +215,7 @@
                             </div>
                         </div>
                     </li>
-                </ul>
+                </div>
             </div>
         </section>
     </div>