diff --git a/modules/web_resource/_web_res_widget7.html.erb b/modules/web_resource/_web_res_widget7.html.erb
new file mode 100644
index 0000000..7f8ef27
--- /dev/null
+++ b/modules/web_resource/_web_res_widget7.html.erb
@@ -0,0 +1,52 @@
+<div class="widget-link widget4 widget-7">
+  <div class="widget-link__more-wrap clearfix">
+    <h2 class="widget-link__widget-title">
+      <span>{{widget-title}}</span>
+    </h2>
+  </div>
+  <div class="widget-link_wrapper">
+    <div class="cycle-slideshow widget-content" style="margin: 0em 3em;"
+      data-level="0" data-list="web_link" data-cycle-slides="> li"
+      data-cycle-fx="carousel" data-cycle-timeout="0" data-cycle-carousel-visible="3"
+      data-cycle-carousel-rwd-json="{768: 1}"
+      data-cycle-pause-on-hover="true" data-cycle-log="false" data-cycle-carousel-fluid="true">
+      <li class="widget-link__item">
+        <div class="liWrapper">
+            <img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}">
+        </div>
+        <h4 class="widget-content-title"><a href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a></h4>
+        <br>
+        <div class="widget-content-context"><a class="widget-content-title" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{context}}</a></div>
+      </li>
+    </div>
+    <ul class="button-mid">
+      <i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
+      <i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
+    </ul>
+  </div>
+</div>
+
+
+
+<script>
+  $('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
+    $(this).parent("ul").siblings('.widget-content').cycle("next");
+  })
+  $('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
+    $(this).parent("ul").siblings('.widget-content').cycle("prev");
+  })
+</script>
+<style type="text/css">
+  .widget-link_wrapper{
+    position: relative;
+  }
+  .widget-link.widget-4 .button-mid{
+    position: absolute;
+    width: 100%;
+    height: 0;
+    top: 50%;
+  }
+  .widget-link.widget-4 .button-mid .fa{
+    cursor: pointer;
+  }
+</style>
\ No newline at end of file
diff --git a/modules/web_resource/info.json b/modules/web_resource/info.json
index 74b6852..9e4bef3 100644
--- a/modules/web_resource/info.json
+++ b/modules/web_resource/info.json
@@ -65,6 +65,14 @@
                 "en" : "6. Banner 4 - Only Images, No title(carousel 5)"
                 },
             "thumbnail" : "thumb.png"
+        },
+        {
+            "filename" : "web_res_widget7",
+            "name" : {
+                "zh_tw" : "7. 輪播5(carousel 3)，顯示標題、描述",
+                "en" : "7. Banner 5(carousel 3), title, description"
+                },
+            "thumbnail" : "thumb.png"
         }
     ]
 }