diff --git a/content/articles.md b/content/articles.md
index 82c53c8..94124bc 100644
--- a/content/articles.md
+++ b/content/articles.md
@@ -55,8 +55,14 @@ breadcrumb_html: |
       >
         <div class="container">
           <div class="row w-100 g-4">
+          <efsc-collection pagesize="2" autoscroll="true">
+                  <efsc-event-filters></efsc-event-filters>
+                  <efsc-event-list publishtarget="sdv"></efsc-event-list>
+                  <efsc-pagination maxvisible="5" justify="center"></efsc-pagination>
+                </efsc-collection>
             <div class="col-12 col-xl-8 gap-3 mt-0">
               <div class="d-flex flex-column gap-3">
+              
 <!-- ========== START: S-CORE 0.7.0 Release Card (English Version) ========== -->
 <div class="main-blog-item-card d-flex flex-column gap-3">
   <div class="blog-item-content">
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index d3fc15d..2fe29ec 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -27,6 +27,16 @@
         <link rel="stylesheet" href="{{ . }}" />
       {{ end }}
     {{ end }}
+
+    <link rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/@eclipsefdn/solstice-components@0.9.0/themes/default-light.css"
+      integrity="sha384-Xg/ri5XEgSYZlqJRcmQJzCub0N7nQkWT94OeblqD+gK7ooiZvTJOgkC5GhvhBD/P"
+      crossorigin="anonymous">
+
+    <script type="module"
+      src="https://cdn.jsdelivr.net/npm/@eclipsefdn/solstice-components@0.9.0/dist-cdn/solstice-components.loader.js"
+      integrity="sha384-UcWSQMj1c1b1VRiaHycuVGCSJ7ltwyF88VcYGthnJauU0cyXHJXhPWBuMA5vHM/a"
+      crossorigin="anonymous"></script>
   </head>
   <body>
     {{ block "main" . }}{{ end }}
