diff --git a/ccm-cms-default-theme/src/main/resources/themes/librecms/templates/index-page.html.ftl b/ccm-cms-default-theme/src/main/resources/themes/librecms/templates/index-page.html.ftl
index 17edb4f29..2de6e2522 100644
--- a/ccm-cms-default-theme/src/main/resources/themes/librecms/templates/index-page.html.ftl
+++ b/ccm-cms-default-theme/src/main/resources/themes/librecms/templates/index-page.html.ftl
@@ -2,62 +2,115 @@
 
 <@main.librecms>
     <div class="container">
-        <div class="bg-light mb-4 rounded-3">
-            <div class="container-fluid py-5">
+        <div class="row align-items-center">
+            <div class="col">
+                <div class="bg-light mb-4 rounded-3">
+                    <div class="container-fluid py-5">
+                        <#if CmsPagesCategorizedItemModel.itemAvailable>
+                            <h1 class="display-5 fw-bold">
+                                ${CmsPagesCategorizedItemModel.title}
+                            </h1>
+                            <p>
+                                ${CmsPagesCategorizedItemModel.description}
+                            </p>
+                            <a class="btn btn-primary btn-lg"
+                            href="#">
+                                Find out more
+                            </a>
+                        <#else>
+                            <h1 class="display-5 fw-bold">
+                                LibreCMS 
+                            </h1>
+                            <p>
+                                No index item has been defined.
+                            </p>
+                            <a class="btn btn-primary btn-lg"
+                            href="https://www.libreccm.org">
+                                Find out more
+                            </a>
+                        </#if>
+                    </div>
+                </div>
+
                 <#if CmsPagesCategorizedItemModel.itemAvailable>
-                    <h1 class="display-5 fw-bold">
-                        ${CmsPagesCategorizedItemModel.title}
-                    </h1>
-                    <p>
-                        ${CmsPagesCategorizedItemModel.description}
-                    </p>
-                    <a class="btn btn-primary btn-lg"
-                       href="#">
-                        Find out more
-                    </a>
+                    Category has an index item
                 <#else>
-                    <h1 class="display-5 fw-bold">
-                        LibreCMS 
-                    </h1>
-                    <p>
-                        No index item has been defined.
-                    </p>
-                    <a class="btn btn-primary btn-lg"
-                       href="https://www.libreccm.org">
-                        Find out more
-                    </a>
+                    Category has no index item
                 </#if>
+
+                <h2>Index page</h2>
+                <p>This theme works.</p>
+                <dl>
+                    <dt>application</dt>
+                    <dd>${application}</dd>
+                    <dt>themeUrl</dt>
+                    <dd>${themeUrl}</dd>
+                    <dt>view</dt>
+                    <dd>${view!""}</dd>
+                </dl>
+
+                <h2>From <code>ArticleModel</code></h2>
+                <dl>
+                    <dt>Title</dt>
+                    <dd>${CmsPagesArticleModel.title}</dd>
+                    <dt>Description</dt>
+                    <dd>${CmsPagesArticleModel.description}</dd>
+                    <dt>Text</dt>
+                    <dd>${CmsPagesArticleModel.text}</dd>
+                </dl>
             </div>
         </div>
 
-        <#if CmsPagesCategorizedItemModel.itemAvailable>
-            Category has an index item
-        <#else>
-            Category has no index item
-        </#if>
+        <div class="row align-items-center">
+            <div class="col">
+                <h2>News</h2>
+                <ul class="list-group">                
+                    <li class="list-group-item">
+                        <h3 class="d-flex w-100 justify-content-between">
+                            <div>News 1</div>
+                            <div>2022-02-12</div>
+                        </h3>
+                        <p>
+                            Elit irure dolor tempor et veniam irure cillum dolore consectetur deserunt consequat. Ad commodo proident pariatur dolore. Duis occaecat culpa anim cillum. Nostrud laboris irure fugiat eu excepteur adipisicing. Non ullamco quis minim proident culpa voluptate sint incididunt. Commodo id mollit adipisicing ad. Eu laborum adipisicing anim ullamco aute proident incididunt magna aliqua.
+                        </p>
+                    </li>
+                    <li class="list-group-item">
+                        <h3 class="d-flex w-100 justify-content-between">
+                            <div>News 2</div>
+                            <div>2022-02-11</div>
+                        </h3>
+                        <p>
+                            Quis officia cillum commodo velit. Ut cupidatat officia tempor veniam minim excepteur occaecat eu cillum labore. Incididunt exercitation officia enim minim et. Laborum culpa et velit consectetur sint labore proident quis reprehenderit occaecat mollit eu laboris labore. Dolor sit enim nostrud adipisicing esse culpa deserunt ipsum incididunt Lorem ipsum ipsum anim.
+                        </p>
+                    </li>
+                </ul>
+            </div>
+            <div class="col">
+                <h2>Upcoming events</h2>
+                <ul class="list-group">                
+                    <li class="list-group-item">
+                        <h3 class="d-flex w-100 justify-content-between">
+                            <div>Event 1</div>
+                            <div>2022-02-16 10:00</div>
+                        </h3>
+                        <p>
+                            Irure culpa et sint cupidatat mollit officia id. Labore eiusmod proident ea ut officia dolor veniam aliqua pariatur pariatur. Ipsum sint consequat tempor in cillum aliquip. Est culpa irure est adipisicing eu ea qui duis in aute magna velit. Mollit laborum officia cupidatat commodo cillum.
+                        </p>
+                    </li>
+                    <li class="list-group-item">
+                        <h3 class="d-flex w-100 justify-content-between">
+                            <div>Event 2</div>
+                            <div>2022-02-25 14:00</div>
+                        </h3>
+                        <p>
+                            Velit elit veniam aliquip adipisicing irure. Commodo excepteur qui amet culpa minim culpa duis ut ut esse exercitation. Sit adipisicing labore excepteur ipsum aliquip mollit irure ullamco ex incididunt ipsum aliquip commodo exercitation. Aliquip culpa reprehenderit aliqua non ea nostrud id dolore mollit laborum est officia.
+                        </p>
+                    </li>
+            </div>
+        </div>
+        
 
-        <h2>Index page</h2>
-        <p>This theme works.</p>
-        <dl>
-            <dt>application</dt>
-            <dd>${application}</dd>
-            <dt>themeUrl</dt>
-            <dd>${themeUrl}</dd>
-            <dt>view</dt>
-            <dd>${view!""}</dd>
-        </dl>
-
-        <h2>From <code>ArticleModel</code></h2>
-        <dl>
-            <dt>Title</dt>
-            <dd>${CmsPagesArticleModel.title}</dd>
-            <dt>Description</dt>
-            <dd>${CmsPagesArticleModel.description}</dd>
-            <dt>Text</dt>
-            <dd>${CmsPagesArticleModel.text}</dd>
-        </dl>
-
-        <h2>Item List</h2>
+        <#--  <h2>Item List</h2>
         <p>Item List size: ${CmsPagesItemListModel.listSize}</p>
         <ul>
             <#list CmsPagesItemListModel.items as item>
@@ -78,7 +131,7 @@
                     </dl>
                 </li>
             </#list>
-        </ul>
+        </ul>  -->
     </div>
     
 </@main.librecms>
\ No newline at end of file