diff --git a/static/img_eg/ex_img/count.png b/static/img_eg/ex_img/count.png
new file mode 100644
index 0000000..42423ce
Binary files /dev/null and b/static/img_eg/ex_img/count.png differ
diff --git a/static/img_eg/ex_img/fasta.png b/static/img_eg/ex_img/fasta.png
new file mode 100644
index 0000000..7903d28
Binary files /dev/null and b/static/img_eg/ex_img/fasta.png differ
diff --git a/static/img_eg/ex_img/pk.png b/static/img_eg/ex_img/pk.png
new file mode 100644
index 0000000..51b4e3b
Binary files /dev/null and b/static/img_eg/ex_img/pk.png differ
diff --git a/static/img_eg/ex_img/分组.png b/static/img_eg/ex_img/分组.png
new file mode 100644
index 0000000..db0f438
Binary files /dev/null and b/static/img_eg/ex_img/分组.png differ
diff --git a/templates/chart/Basic.html b/templates/chart/Basic.html
index 159b7ae..e677b0a 100644
--- a/templates/chart/Basic.html
+++ b/templates/chart/Basic.html
@@ -15,11 +15,14 @@
         <div class="layui-logo layui-hide-xs layui-bg-black">Simple Drawing</div>
         <ul class="layui-nav layui-layout-left">
 
-            <li class="layui-nav-item layui-hide-xs layui-this" style="margin-left: 200px"><a style="font-size: 30px;" href="{{ url }}">Home</a>
+            <li class="layui-nav-item layui-hide-xs layui-this" style="margin-left: 200px"><a style="font-size: 30px;"
+                                                                                              href="{{ url }}">Home</a>
             </li>
             <li class="layui-nav-item layui-hide-xs" style="margin-left: 200px"><a style="font-size: 30px;"
-                    href="tools.html">Tools</a></li>
-            <li class="layui-nav-item layui-hide-xs" style="margin-left: 200px"><a style="font-size: 30px;" href="about.html">About
+                                                                                   href="{{ url }}/tools.html">Tools</a>
+            </li>
+            <li class="layui-nav-item layui-hide-xs" style="margin-left: 200px"><a style="font-size: 30px;"
+                                                                                   href="{{ url }}/about.html">About
                 us</a></li>
 
             <li class="layui-nav-item layui-hide-xs" style="margin-left: 200px"><i
diff --git a/templates/tools/Basics.html b/templates/tools/Basics.html
index ce28c12..3a45517 100644
--- a/templates/tools/Basics.html
+++ b/templates/tools/Basics.html
@@ -126,6 +126,9 @@
                         <div style="margin-left: 30px;">
                             <p style="font-size: 20px">
                                 Basic file processing tools
+                                <br>
+                            <h2>example file</h2>
+                            <img src="static/img_eg/ex_img/fasta.png" style="width: 90%">
 
 
                             </p>
diff --git a/templates/tools/Differential_expression_analysis.html b/templates/tools/Differential_expression_analysis.html
index 7d9759a..dfbbe51 100644
--- a/templates/tools/Differential_expression_analysis.html
+++ b/templates/tools/Differential_expression_analysis.html
@@ -67,9 +67,23 @@
                         <div style="margin-left: 30px;">
                             <p style="font-size: 20px">
 
-                                Group file suffix is group<br>
-                                The suffix of the statistics file is con<br>
-                                The suffix of the comparison file is TXT<br>
+                            <h2>Group file suffix is group</h2><br>
+                            <h3>The first column is the sample name, and the second column is the duplicate of the
+                                sample</h3>
+                            <br>
+                            <img src="static/img_eg/ex_img/分组.png" style="width: 90%">
+                            <h4></h4>
+                            <h2>The suffix of the statistics file is con</h2>
+                            <h3>The expression amount of each sample was not standardized</h3>
+                            <br>
+                            <img src="static/img_eg/ex_img/count.png" style="width: 90%">
+                            <h4></h4>
+                            <br>
+                            <h2>The suffix of the comparison file is TXT</h2>
+                            <h3>The first column is the comparison group and the second column is the reference
+                                group</h3>
+                            <br>
+                            <img src="static/img_eg/ex_img/pk.png" style="width: 90%">
 
 
                             </p>
diff --git a/templates/tools/orf.html b/templates/tools/orf.html
index fe9d2b8..65a0880 100644
--- a/templates/tools/orf.html
+++ b/templates/tools/orf.html
@@ -134,6 +134,9 @@
                             <p style="font-size: 20px">
 
                                 Find the open reading frame in the sequence
+                                <br>
+                            <h2>example file</h2>
+                            <img src="static/img_eg/ex_img/fasta.png" style="width: 90%">
                             </p>
                         </div>
                     </div>