diff --git a/app/Resources/public/css/themes/rainbow/default.css b/app/Resources/public/css/themes/rainbow/default.css
index 409213f6fb..fda8b90559 100755
--- a/app/Resources/public/css/themes/rainbow/default.css
+++ b/app/Resources/public/css/themes/rainbow/default.css
@@ -61,10 +61,9 @@ hr{
     color: #FFF;
 }
 .home-information .item-icon .circle{
-    width: 75px;
+    width: 100%;
     height: 75px;
     line-height: 90px;
-    border-radius: 50%;
     background: #162A83;
     display: inline-block;
 }
@@ -514,11 +513,7 @@ footer #footer_right{
     background: #FFF;
 }
 .carousel-indicators {
-    bottom: 0;
-    display: none;
-}
-.carousel-content{
-    padding: 0 7rem;
+    bottom: -40px;
 }
 .navbar-inverse li a{
     line-height: 30px;
@@ -2345,3 +2340,21 @@ blockquote:before {
 .exercise_overview_options {
     background-color: white;
 }
+#carousel-announcement .carousel-caption{
+    color: #96bd0d;
+    font-weight: bold;
+    font-size: 2rem;
+    padding: 1rem;
+    margin: auto;
+}
+#carousel-announcement .carousel-content{
+    padding: 2rem 1rem;
+    margin: auto;
+    background-color: #ECECEC;
+}
+.carousel-control .glyphicon-chevron-left,
+.carousel-control .glyphicon-chevron-right,
+.carousel-control .icon-next,
+.carousel-control .icon-prev{
+    font-size: 20px;
+}
\ No newline at end of file
diff --git a/main/template/rainbow/announcement/slider.tpl b/main/template/rainbow/announcement/slider.tpl
index 8eaa8068d2..7ef5e74fef 100644
--- a/main/template/rainbow/announcement/slider.tpl
+++ b/main/template/rainbow/announcement/slider.tpl
@@ -13,9 +13,9 @@
     <div class="carousel-inner" role="listbox">
     {% for announcement in announcements %}
         <div class="item {% if loop.index0 == 0 %} active {% endif %}">
-<!--            <div class="carousel-caption">
+            <div class="carousel-caption">
                 {{ announcement.title }}
-            </div> -->
+            </div>
             <div class="carousel-content">
                 {% if announcement.readMore %}
                 <div class="block-text">
@@ -31,8 +31,7 @@
         </div>
     {% endfor %}
     </div>
-
-    <!-- Controls -->
+    <!-- Controls
     <a class="left carousel-control" href="#carousel-announcement" role="button" data-slide="prev">
         <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
         <span class="sr-only">Previous</span>
@@ -41,4 +40,5 @@
         <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
         <span class="sr-only">Next</span>
     </a>
+    -->
 </div>
diff --git a/main/template/rainbow/layout/layout_2_col.tpl b/main/template/rainbow/layout/layout_2_col.tpl
index 678abb2bc9..abedc9754a 100755
--- a/main/template/rainbow/layout/layout_2_col.tpl
+++ b/main/template/rainbow/layout/layout_2_col.tpl
@@ -181,33 +181,41 @@
                     {% include 'layout/hot_courses.tpl'|get_template %}
                     <!-- END HOT COURSE -->
 
-                    <div id="download-app" class="download-app">
-                        <ul class="links">
-                            <li>
-                                <a href="https://play.google.com/store/apps/details?id=org.ofaj.parkur" target="_blank">
-                                    <img width="150px" src="{{ _p.web_css_theme }}images/googleplaystore.svg">
-                                </a>
-                            </li>
-                            <li>
-                                <a href="https://www.apple.com/fr/ios/app-store/" target="_blank">
-                                    <img width="150px" src="{{ _p.web_css_theme }}images/applestore.svg">
-                                </a>
-                            </li>
-                        </ul>
-                    </div>
+
 
                     <div id="latest_courses"></div>
 
-                    <!-- MESSAGE -->
-                    <section id="demo-home">
-                        <h2 class="section-title">{{ 'TestDemoTitle' | get_lang  }}  </h2>
-                        <div class="demostration">
-                            <a href="{{ _p.web }}web/page-de-dmo-francais" class="btn btn-primary btn-demo">
-                                {{ 'demo' | get_lang }}
-                            </a>
+
+                    <section id="interaction">
+                        <div class="row">
+                            <div class="col-md-6">
+                                <div id="demo-home">
+                                    <h2 class="section-title">{{ 'TestDemoTitle' | get_lang  }}  </h2>
+                                    <div class="demostration">
+                                        <a href="{{ _p.web }}web/page-de-dmo-francais" class="btn btn-primary btn-demo">
+                                            {{ 'demo' | get_lang }}
+                                        </a>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-md-6">
+                                <div id="download-app" class="download-app">
+                                    <ul class="links">
+                                        <li>
+                                            <a href="https://play.google.com/store/apps/details?id=org.ofaj.parkur" target="_blank">
+                                                <img width="150px" src="{{ _p.web_css_theme }}images/googleplaystore.svg">
+                                            </a>
+                                        </li>
+                                        <li>
+                                            <a href="https://www.apple.com/fr/ios/app-store/" target="_blank">
+                                                <img width="150px" src="{{ _p.web_css_theme }}images/applestore.svg">
+                                            </a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
                         </div>
                     </section>
-                    <!-- CMS -->
 
                     {#{% include template ~ "/layout/cms.tpl" %}#}
                     <script>
diff --git a/src/Chamilo/PageBundle/Resources/views/course.html.twig b/src/Chamilo/PageBundle/Resources/views/course.html.twig
index ee4be2dcc1..41bd3e9399 100644
--- a/src/Chamilo/PageBundle/Resources/views/course.html.twig
+++ b/src/Chamilo/PageBundle/Resources/views/course.html.twig
@@ -5,14 +5,14 @@
             <div class="col-md-4">
                 <div class="items">
                     <div class="description">
-                        <h2 class="title">
-                            <a href="{{ url(page.routeName, {'path' : page.site.relativePath ~ page.url, '_locale' : app.request.getLocale() }) }}">{{ page.name }}</a>
-                        </h2>
-                        <div class="date">
+                        {#<div class="date">
                             <i class="fa fa-calendar" aria-hidden="true"></i>
                             {{ page.createdAt | format_datetime }}
-                        </div>
+                        </div>#}
                         {{ sonata_page_render_container('image_preview', page)  }}
+                        <h2 class="title">
+                            <a href="{{ url(page.routeName, {'path' : page.site.relativePath ~ page.url, '_locale' : app.request.getLocale() }) }}">{{ page.name }}</a>
+                        </h2>
                         <p>
                             {{ page.metaDescription | nl2br }}
                         </p>