diff --git a/themes/tajian/views/site/tajian.php b/themes/tajian/views/site/tajian.php
index 8e0c6d0..b58d808 100644
--- a/themes/tajian/views/site/tajian.php
+++ b/themes/tajian/views/site/tajian.php
@@ -229,6 +229,34 @@ $loginBackUrl = !empty($viewData['loginedUser']['username']) ? "/{$viewData['log
         </div>
     </section>
 
+    <section class="newsletter section">
+        <div class="container-sm">
+            <div class="newsletter-header text-center is-revealing">
+                <h2 class="section-title">案例展示</h2>
+            </div>
+            <div class="hero-form newsletter-form field field-grouped is-revealing">
+                <div class="control" style="min-width:33.33%">
+                    <a class="button button-block button-shadow" href="/2001">
+                        <img class="btn_icon" src="/img/avatar/women.svg" alt="women svg">
+                        阅人无数
+                    </a>
+                </div>
+                <div class="control" style="min-width:33.33%">
+                    <a class="button button-block button-shadow" href="/1003">
+                        <img class="btn_icon" src="/img/avatar/ai-bot.svg" alt="ai-bot svg">
+                        秒懂AI
+                    </a>
+                </div>
+                <div class="control" style="min-width:33.33%">
+                    <a class="button button-block button-shadow" href="/1000">
+                        <img class="btn_icon" src="/img/avatar/master.svg" alt="master svg">
+                        一灯大师
+                    </a>
+                </div>
+            </div>
+        </div>
+    </section>
+
     <section class="newsletter section">
         <div class="container-sm">
             <div class="newsletter-inner section-inner">
diff --git a/www/css/tajian_index.css b/www/css/tajian_index.css
index 9c84170..89ac41b 100644
--- a/www/css/tajian_index.css
+++ b/www/css/tajian_index.css
@@ -267,7 +267,7 @@ main{flex:1 0 auto}
 .site-footer .log_tn span{color:#FFF}
 .connect_me_tn{display:block;text-decoration:none;padding:4px 10px}
 .btn_icon{height:24px !important;margin-top:-4px;margin-right:3px}
-.hero-footer{position:absolute;left:50px;top:40px;right:50px;bottom:30px}
+.hero-footer{position:absolute;left:50px;top:30px;right:50px;bottom:30px}
 .stats{padding:10px 10px 4px 10px}
 .stats .col{display:inline-block;padding:13px 4px;width:30%;max-width:128px;background:#999;color:#FFF;margin-right:4px;margin-bottom:6px;text-align:center}
 .stats .col strong{font-size:28px}
@@ -298,7 +298,7 @@ main{flex:1 0 auto}
 
 @media (max-width:640px){
 .hero-title small{display:block}
-.hero-footer{top:10px;bottom:10px;left:10px;right:10px}
+.hero-footer{top:12px;bottom:8px;left:8px;right:8px}
 .pfav{top:53%}
 .pfav img{width:40px}
 .pfav h4{font-size:13px}