diff --git a/static/img/asc.gif b/static/img/asc.gif
old mode 100755
new mode 100644
diff --git a/static/img/bg.gif b/static/img/bg.gif
old mode 100755
new mode 100644
diff --git a/static/img/desc.gif b/static/img/desc.gif
old mode 100755
new mode 100644
diff --git a/static/img/icons-sa7c41345d9.png b/static/img/icons-sa7c41345d9.png
new file mode 100644
index 0000000..332bcbc
Binary files /dev/null and b/static/img/icons-sa7c41345d9.png differ
diff --git a/templates/main.html b/templates/main.html
index 94c37ff..31ac4e2 100644
--- a/templates/main.html
+++ b/templates/main.html
@@ -36,15 +36,15 @@
   <div class="subnavbar-inner">
       <div class="container">
         <ul class="mainnav">
-            <li><a href="#refresh-os"><i class="icon-dashboard"></i><span>General</span> </a> </li>
-            <li><a href="#refresh-df"><i class="icon-hdd"></i><span>Disk</span> </a> </li>
-            <li><a href="#refresh-cpu"><i class="icon-check"></i><span>CPU</span> </a> </li>
-            <li><a href="#refresh-ram"><i class="icon-list-alt"></i><span>RAM</span> </a> </li>
-            <li><a href="#refresh-load"><i class="icon-bolt"></i><span>Load</span> </a> </li>
-            <li><a href="#refresh-online"><i class="icon-user"></i><span>Users</span> </a> </li>
-            <li><a href="#refresh-netstat"><i class="icon-angle-down"></i><span>Netstat</span> </a> </li>
-    	    <li><a href="#refresh-ispeed"><i class="icon-exchange"></i><span>Network</span> </a> </li>
-    	    <li><a href="#refresh-ps"><i class="icon-list-alt"></i><span>Processes</span> </a> </li>
+            <li><a href="#refresh-os"><i class="fa fa-dashboard"></i><span>General</span> </a> </li>
+            <li><a href="#refresh-df"><i class="fa fa-hdd-o"></i><span>Disk</span> </a> </li>
+            <li><a href="#refresh-cpu"><i class="fa fa-check"></i><span>CPU</span> </a> </li>
+            <li><a href="#refresh-ram"><i class="fa fa-list-alt"></i><span>RAM</span> </a> </li>
+            <li><a href="#refresh-load"><i class="fa fa-bolt"></i><span>Load</span> </a> </li>
+            <li><a href="#refresh-online"><i class="fa fa-user"></i><span>Users</span> </a> </li>
+            <li><a href="#refresh-netstat"><i class="fa fa-angle-down"></i><span>Netstat</span> </a> </li>
+    	    <li><a href="#refresh-ispeed"><i class="fa fa-exchange"></i><span>Network</span> </a> </li>
+    	    <li><a href="#refresh-ps"><i class="fa fa-list-alt"></i><span>Processes</span> </a> </li>
     	    <li></li>
 	</ul>
       </div>
@@ -61,8 +61,8 @@
         
         <div class="span3">
          <div class="widget widget-table action-table">
-            <div class="widget-header"> <i class="icon-dashboard"></i>
-              <h3>General Info</h3><i class="icon-minus"></i>
+            <div class="widget-header"> <i class="fa fa-dashboard"></i>
+              <h3>General Info</h3><i class="fa fa-minus"></i>
               <div id="refresh-os">
               </div>
             </div>
@@ -85,8 +85,8 @@
         
         <div class="span3">
          <div class="widget widget-table action-table">
-            <div class="widget-header"> <i class="icon-check"></i>
-              <h3>CPU Usage %</h3><i class="icon-minus"></i>
+            <div class="widget-header"> <i class="fa fa-check"></i>
+              <h3>CPU Usage %</h3><i class="fa fa-minus"></i>
               <div id="refresh-cpu">
               </div>
             </div>
@@ -106,8 +106,8 @@
         
         <div class="span6">
          <div class="widget widget-nopad">
-            <div class="widget-header"> <i class="icon-list-alt"></i>
-                <h3>Memory Usage</h3><i class="icon-minus"></i>
+            <div class="widget-header"> <i class="fa fa-list-alt"></i>
+                <h3>Memory Usage</h3><i class="fa fa-minus"></i>
                 <div id="refresh-ram">
                 </div>
             </div>
@@ -130,8 +130,8 @@
     <div class="row">
          <div class="span6">
            <div class="widget widget-table action-table">
-            <div class="widget-header"> <i class="icon-hdd"></i>
-              <h3>Disk Usage</h3><i class="icon-minus"></i>
+            <div class="widget-header"> <i class="fa fa-hdd-o"></i>
+              <h3>Disk Usage</h3><i class="fa fa-minus"></i>
               <div id="refresh-df">
               </div>
             </div>
@@ -146,8 +146,8 @@
          </div>
           <div class="span6">
             <div class="widget widget-table action-table">
-            <div class="widget-header"> <i class="icon-bolt"></i>
-              <h3>Load Average</h3><i class="icon-minus"></i>
+            <div class="widget-header"> <i class="fa fa-bolt"></i>
+              <h3>Load Average</h3><i class="fa fa-minus"></i>
               <div id="refresh-load">
               </div>
             </div>
@@ -168,8 +168,8 @@
       <div class="row">
     	<div class="span6">
            <div class="widget widget-table action-table">
-            <div class="widget-header"> <i class="icon-level-up"></i>
-              <h3>IP Adresses</h3><i class="icon-minus"></i>
+            <div class="widget-header"> <i class="fa fa-level-up"></i>
+              <h3>IP Adresses</h3><i class="fa fa-minus"></i>
               <div id="refresh-ip">
               </div>
             </div>
@@ -186,8 +186,8 @@
     
          <div class="span3">
            <div class="widget">
-            <div class="widget-header"> <i class="icon-exchange"></i>
-              <h3>Internet Traffic</h3><i class="icon-minus"></i>
+            <div class="widget-header"> <i class="fa fa-exchange"></i>
+              <h3>Internet Traffic</h3><i class="fa fa-minus"></i>
               <div id="refresh-ispeed">
               </div>
             </div>
@@ -208,8 +208,8 @@
          
          <div class="span3">
            <div class="widget">
-            <div class="widget-header"> <i class="icon-angle-up"></i>
-              <h3>Disk Reads/Writes</h3><i class="icon-minus"></i>
+            <div class="widget-header"> <i class="fa fa-angle-up"></i>
+              <h3>Disk Reads/Writes</h3><i class="fa fa-minus"></i>
               <div id="refresh-diskio">
               </div>
             </div>
@@ -233,8 +233,8 @@
     <div class="row">
         <div class="span6">
              <div class="widget widget-table action-table">
-                <div class="widget-header"> <i class="icon-group"></i>
-                  <h3>Online</h3><i class="icon-minus"></i>
+                <div class="widget-header"> <i class="fa fa-group"></i>
+                  <h3>Online</h3><i class="fa fa-minus"></i>
                   <div id="refresh-online">
                   </div>
                 </div>
@@ -250,8 +250,8 @@
 	    <!-- /span -->
         <div class="span6">
              <div class="widget widget-table action-table">
-                <div class="widget-header"> <i class="icon-angle-down"></i>
-                  <h3>Netstat</h3><i class="icon-minus"></i>
+                <div class="widget-header"> <i class="fa fa-angle-down"></i>
+                  <h3>Netstat</h3><i class="fa fa-minus"></i>
                   <div id="refresh-netstat">
                   </div>
                 </div>
@@ -271,8 +271,8 @@
       <div class="row">
         <div class="span12">
           <div class="widget">
-            <div class="widget-header"> <i class="icon-list-alt"></i>
-              <h3> Processes </h3><i class="icon-minus"></i>
+            <div class="widget-header"> <i class="fa fa-list-alt"></i>
+              <h3> Processes </h3><i class="fa fa-minus"></i>
               <div id="refresh-ps">
               </div>
             </div>