diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 4567384975d..7be304509ca 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -162,3 +162,18 @@ header.navbar-fixed-top {
 .dark {
   background: #eff8f8;
 }
+
+.carousel-control {
+  top: 40%;
+  left: 15px;
+  width: 40px;
+  height: 40px;
+  margin-top: -20px;
+  font-size: 60px;
+  line-height: 30px;
+  background: #222222;
+  border: 3px solid #ffffff;
+  -webkit-border-radius: 23px;
+  -moz-border-radius: 23px;
+  border-radius: 23px;
+}
\ No newline at end of file
diff --git a/addons/website/views/views.xml b/addons/website/views/views.xml
index b423941c882..bfd7cc3c509 100644
--- a/addons/website/views/views.xml
+++ b/addons/website/views/views.xml
@@ -129,6 +129,11 @@
             <t t-call="website.layout">
                 <section>
                     <div id="myCarousel" class="carousel slide" data-interval="1000000">
+                        <ol class="carousel-indicators">
+                            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+                            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+                            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+                        </ol>
                         <div class="oe_carousel_options js_carousel_options" t-ignore="1" t-if="editable">
                             <span class="label label-default js_add"><i class="icon-plus-sign"></i></span>
                             <span class="label label-default js_remove"><i class="icon-minus-sign"></i></span>