diff --git a/gulpfile.js b/gulpfile.js
index 6bac238..bd7f3ba 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -17,7 +17,7 @@ var paths = {
     dist:     'dist/'
 };
 
-gulp.task('clean', function(){
+gulp.task('clean', function() {
     return gulp.src(['tmp', 'dist'], {read: false})
     .pipe(clean());
 });
@@ -79,3 +79,7 @@ gulp.task('clean-post-install', function(){
 });
 
 gulp.task('default', ['webserver']);
+
+gulp.task('watch', function() {
+    gulp.watch([paths.srcJS, paths.srcViews], ['uglify'])
+});
diff --git a/src/js/controller.js b/src/js/controller.js
index a77d4f3..0185fb2 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -2,6 +2,7 @@ angular.module('focaBotoneraPrincipal')
     .controller('focaBotoneraPrincipalController', [
         '$scope', '$location',
         function($scope, $location) {
+            // TODO: Tomar estos datos desde el servicio
             $scope.botones = [
                 {
                     texto: 'Abrir Turno',
@@ -17,11 +18,104 @@ angular.module('focaBotoneraPrincipal')
                     texto: 'Nota Pedido',
                     clase: 'botonera-principal-nota-pedido',
                     accion: '/venta-nota-pedido/crear'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
+                },
+                {
+                    texto: '',
+                    clase: 'botonera-principal-vacio',
+                    accion: '/'
                 }
             ];
 
+            $scope.paginas = [];
+            $scope.paginas.push($scope.botones.slice(0, 15));
+            $scope.paginas.push($scope.botones.slice(15, 30));
+
             $scope.irA = function(accion) {
-                console.log(accion);
                 $location.path(accion);
             };
 
diff --git a/src/views/foca-botonera-principal.html b/src/views/foca-botonera-principal.html
index 5ce18e5..ca6ab8c 100644
--- a/src/views/foca-botonera-principal.html
+++ b/src/views/foca-botonera-principal.html
@@ -1,7 +1,27 @@
-<menu class="botonera-principal">
-    <menuitem ng-class="boton.clase" ng-repeat="boton in botones">
-        <button ng-click="irA(boton.accion)">
-            <span ng-bind="boton.texto"></span>
-        </button>
-    </menuitem>
-</menu>
+<div class="botonera-principal">
+    <div class="row">
+        <div class="offset-4 col-4 py-2">
+            <img class="botonera-principal-logo" src="./img/logo.png"/>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-12">
+            <swiper on-init="inicioSwiper">
+                <slides>
+                    <slide ng-repeat="pagina in paginas">
+                        <menu class="botonera-principal-menu">
+                            <menuitem ng-class="boton.clase" ng-repeat="boton in pagina">
+                                <button ng-click="irA(boton.accion)">
+                                    <span ng-bind="boton.texto"></span>
+                                </button>
+                            </menuitem>
+                        </menu>
+                    </slide>
+                </slides>
+                <prev></prev>
+                <next></next>
+                <pagination></pagination>
+            </swiper>
+        </div>
+    </div>
+</div>