diff --git a/app/Resources/views/base.html.twig b/app/Resources/views/base.html.twig
index bafd28d..af59ca1 100644
--- a/app/Resources/views/base.html.twig
+++ b/app/Resources/views/base.html.twig
@@ -1,13 +1,160 @@
 <!DOCTYPE html>
-<html>
+<html lang="es">
     <head>
-        <meta charset="UTF-8" />
-        <title>{% block title %}Welcome!{% endblock %}</title>
-        {% block stylesheets %}{% endblock %}
-        <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
-    </head>
-    <body>
-        {% block body %}{% endblock %}
-        {% block javascripts %}{% endblock %}
-    </body>
-</html>
+        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">         
+        
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <title>SEQ-UBV | {% block title %} INICIO {% endblock %}</title>
+	     <meta charset="UTF-8">
+	     <meta name="viewport" content="width=device-width, initial-scale=1">
+        <!-- jQuery 2.2.4 -->
+        <script src="{{ asset('bundles/app/vendors/jquery/jquery.min.js')}}"></script>
+        <!-- Bootstrap -->
+        <script src="{{ asset('bundles/app/vendors/bootstrap/bootstrap.min.js')}}"></script> 
+        <script src="{{ asset('bundles/app/vendors/holder.js') }}"></script>
+        <!-- Bootstrap -->
+        <link href="{{ asset('bundles/app/vendors/bootstrap/bootstrap.min.css')}}"   rel="stylesheet">   
+        <!-- Font Awesome -->        
+        <link href="{{ asset('bundles/app/vendors/font-awesome/css/font-awesome.min.css')}}"   rel="stylesheet">    
+        <!-- NProgress -->
+        <link href="{{ asset('bundles/app/vendors/nprogress/nprogress.css')}}"   rel="stylesheet">
+        <!-- Custom Theme Style -->
+        <link href="{{ asset('bundles/app/vendors/bootstrap/custom.min.css')}}"   rel="stylesheet">
+       
+	    <link rel="Shortcut Icon" type="image/x-icon" href="{{ asset('bundles/public/assets/icons/computer-laptop.ico')}}" />
+	    <script src="{{ asset('bundles/public/build/js/sweet-alert.min.js')}}"></script>
+	    <link rel="stylesheet" href="{{ asset('bundles/public/build/css/sweet-alert.css')}}">
+	    <link rel="stylesheet" href="{{ asset('bundles/public/build/css/material-design-iconic-font.min.css')}}">
+	    <link rel="stylesheet" href="{{ asset('bundles/public/build/css/normalize.css')}}">
+	    <link rel="stylesheet" href="{{ asset('bundles/public/build/css/bootstrap.min.css')}}">
+	    <link rel="stylesheet" href="{{ asset('bundles/public/build/css/jquery.mCustomScrollbar.css')}}">
+	    <link rel="stylesheet" href="{{ asset('bundles/public/build/css/style.css')}}"  >
+	    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+	    <script>window.jQuery || document.write('<script src="{{ asset('bundles/public/build/js/jquery-1.11.2.min.js')}}"><\/script>')</script>
+	    <script src="{{ asset('bundles/public/build/js/modernizr.js')}}"></script>
+	    <script src="{{ asset('bundles/public/build/js/bootstrap.min.js')}}"></script>
+	    <script src="{{ asset('bundles/public/build/js/jquery.mCustomScrollbar.concat.min.js')}}"></script>
+	    <script src="{{ asset('bundles/public/build/js/main.js')}}"></script>
+
+    {% block stylesheets %}{% endblock %}
+
+    
+     
+    <link rel="manifest" href="{{ asset('manifest.json') }}" />
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+    <meta name="theme-color" content="#ffffff">
+</head>
+
+<body class="nav-md">
+    <div class="container body">
+        <div class="main_container">
+            <div class="col-md-3 left_col">
+                <div class="left_col scroll-view">
+                    <div class="navbar nav_title" style="border: 0;">
+                        <a href="{{ path('homepage') }}" class="site_title"><i class="zmdi zmdi-laptop"></i> <span>Practica-UBV</span></a>
+                    </div>
+
+                    <div class="clearfix"></div>
+
+                  <!-- menu profile quick info -->  
+               <div class="profile">
+                <div class="profile_pic ">
+                    <figure class="img-logo">
+                    <img src="{{ asset('bundles/public/assets/img/Logo_ubv.png')}}" alt="Equipos UBV" class="img-responsive center-box">
+                </figure>
+                </div>
+                
+              </div>
+            <!-- /menu profile quick info -->
+            <br />
+
+            <!-- sidebar menu -->
+       <div class="full-reset nav-lateral-list-menu">
+               <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
+              <div class="menu_section">
+                <h3>Practica UBV</h3>
+                <ul class="list-unstyled">
+                    <li><a href="{{ path('homepage') }}"><i class="zmdi zmdi-home zmdi-hc-fw"></i>&nbsp;&nbsp; Inicio</a></li>
+                    <li>
+                        <div class="dropdown-menu-button"><i class="zmdi zmdi-case zmdi-hc-fw"></i>&nbsp;&nbsp; Otros <i class="zmdi zmdi-chevron-down pull-right zmdi-hc-fw"></i></div>
+                       <ul class="list-unstyled">
+                           
+                            
+                        </ul>
+                    </li>
+                    
+                </ul>
+              </div>
+            </div>
+           </div>  
+      
+            <!-- /sidebar menu -->
+
+                    
+
+                
+                </div>
+            </div>
+
+            <!-- top navigation -->
+               <div class="top_nav">
+                <div class="nav_menu">
+                    <nav>
+                        <div class="nav toggle">
+                            <a id="menu_toggle"><i class="fa fa-bars"></i></a>
+                        </div>
+
+                       
+                    </nav>
+                </div>
+            </div>
+                
+              <!-- /top navigation -->
+    {% block contenido %} 
+                <!-- page content -->
+                <div class="right_col" role="main">
+                    <div class="">
+                        <div class="page-title">
+                            
+                            <div class="title_right">                            
+                            </div>
+                        </div>
+                        <div class="clearfix"></div>
+                        <div class="row">
+                            <div class="col-md-12 col-sm-12 col-xs-12">
+                               
+                                
+                                    <!--div class="x_content"-->
+                                    {% block body %} Contenido de la vista va aquí  :)  {% endblock %}                                    
+                                    <!--/div-->
+                                
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- /page content -->
+            {% endblock %}
+            <!-- /footer content -->
+    {% block footer %} 
+        <footer class="footer full-reset">
+            <div class="footer-copyright full-reset all-tittles"> Dirección General de Tecnología de Información y Telecomunicaciones © 2017 UBV. 
+                <a href="http://www.ubv.edu.ve">UBV</a>
+            </div>
+            <div class="clearfix"></div>
+        </footer>
+    {% endblock footer %} 
+    </div>
+      <!-- FastClick -->
+    <script src="{{ asset('bundles/app/vendors/fastclick/lib/fastclick.js')}}"></script>    
+    <!-- NProgress -->
+    <script src="{{ asset('bundles/app/vendors/nprogress/nprogress.js')}}"></script> 
+    <!-- bootstrap-progressbar -->
+    <script src="{{ asset('bundles/app/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js')}}" ></script>
+
+    <!-- Custom Theme Scripts -->
+    <script src="{{ asset('bundles/app/vendors/custom.min.js')}}"></script>  
+
+{% block javascripts %}{% endblock %}
+</body>
+</html>
\ No newline at end of file
diff --git a/app/Resources/views/default/index.html.twig b/app/Resources/views/default/index.html.twig
index c720409..b2b7e9b 100644
--- a/app/Resources/views/default/index.html.twig
+++ b/app/Resources/views/default/index.html.twig
@@ -1,76 +1,38 @@
 {% extends 'base.html.twig' %}
-
 {% block body %}
-    <div id="wrapper">
-        <div id="container">
-            <div id="welcome">
-                <h1><span>Welcome to</span> Symfony {{ constant('Symfony\\Component\\HttpKernel\\Kernel::VERSION') }}</h1>
-            </div>
-
-            <div id="status">
-                <p>
-                    <svg id="icon-status" width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z" fill="#759E1A"/></svg>
-
-                    Your application is now ready. You can start working on it at:
-                    <code>{{ base_dir }}</code>
-                </p>
+      <div class="container">
+            <div class="page-header">
+              {% block Titulo %}<h1 class="all-tittles">Sistema Equipos UBV <small>&nbsp;&nbsp;Inicio</small></h1>{% endblock %}
             </div>
-
-            <div id="next">
-                <h2>What's next?</h2>
-                <p>
-                    <svg id="icon-book" version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="-12.5 9 64 64" enable-background="new -12.5 9 64 64" xml:space="preserve">
-                        <path fill="#AAA" d="M6.8,40.8c2.4,0.8,4.5-0.7,4.9-2.5c0.2-1.2-0.3-2.1-1.3-3.2l-0.8-0.8c-0.4-0.5-0.6-1.3-0.2-1.9
-                            c0.4-0.5,0.9-0.8,1.8-0.5c1.3,0.4,1.9,1.3,2.9,2.2c-0.4,1.4-0.7,2.9-0.9,4.2l-0.2,1c-0.7,4-1.3,6.2-2.7,7.5
-                            c-0.3,0.3-0.7,0.5-1.3,0.6c-0.3,0-0.4-0.3-0.4-0.3c0-0.3,0.2-0.3,0.3-0.4c0.2-0.1,0.5-0.3,0.4-0.8c0-0.7-0.6-1.3-1.3-1.3
-                            c-0.6,0-1.4,0.6-1.4,1.7s1,1.9,2.4,1.8c0.8,0,2.5-0.3,4.2-2.5c2-2.5,2.5-5.4,2.9-7.4l0.5-2.8c0.3,0,0.5,0.1,0.8,0.1
-                            c2.4,0.1,3.7-1.3,3.7-2.3c0-0.6-0.3-1.2-0.9-1.2c-0.4,0-0.8,0.3-1,0.8c-0.1,0.6,0.8,1.1,0.1,1.5c-0.5,0.3-1.4,0.6-2.7,0.4l0.3-1.3
-                            c0.5-2.6,1-5.7,3.2-5.8c0.2,0,0.8,0,0.8,0.4c0,0.2,0,0.2-0.2,0.5c-0.2,0.3-0.3,0.4-0.2,0.7c0,0.7,0.5,1.1,1.2,1.1
-                            c0.9,0,1.2-1,1.2-1.4c0-1.2-1.2-1.8-2.6-1.8c-1.5,0.1-2.8,0.9-3.7,2.1c-1.1,1.3-1.8,2.9-2.3,4.5c-0.9-0.8-1.6-1.8-3.1-2.3
-                            c-1.1-0.7-2.3-0.5-3.4,0.3c-0.5,0.4-0.8,1-1,1.6c-0.4,1.5,0.4,2.9,0.8,3.4l0.9,1c0.2,0.2,0.6,0.8,0.4,1.5c-0.3,0.8-1.2,1.3-2.1,1
-                            c-0.4-0.2-1-0.5-0.9-0.9c0.1-0.2,0.2-0.3,0.3-0.5s0.1-0.3,0.1-0.3c0.2-0.6-0.1-1.4-0.7-1.6c-0.6-0.2-1.2,0-1.3,0.8
-                            C4.3,38.4,4.7,40,6.8,40.8z M46.1,20.9c0-4.2-3.2-7.5-7.1-7.5h-3.8C34.8,10.8,32.7,9,30.2,9L-2.3,9.1c-2.8,0.1-4.9,2.4-4.9,5.4
-                            L-7,58.6c0,4.8,8.1,13.9,11.6,14.1l34.7-0.1c3.9,0,7-3.4,7-7.6L46.1,20.9z M-0.3,36.4c0-8.6,6.5-15.6,14.5-15.6
-                            c8,0,14.5,7,14.5,15.6S22.1,52,14.2,52C6.1,52-0.3,45-0.3,36.4z M42.1,65.1c0,1.8-1.5,3.1-3.1,3.1H4.6c-0.7,0-3-1.8-4.5-4.4h30.4
-                            c2.8,0,5-2.4,5-5.4V17.9h3.7c1.6,0,2.9,1.4,2.9,3.1V65.1L42.1,65.1z"/>
-                    </svg>
-
-                    Read the documentation to learn
-                    <a href="https://symfony.com/doc/{{ constant('Symfony\\Component\\HttpKernel\\Kernel::VERSION')[:3] }}/page_creation.html">
-                        How to create your first page in Symfony
-                    </a>
-                </p>
-            </div>
-
         </div>
-    </div>
+        <section class="full-reset text-center" style="padding: 40px 0;">
+            <article class="tile">
+                <div class="tile-icon full-reset"><a href=""><i class="zmdi zmdi-face"></i></a></div>
+                <div class="tile-name all-tittles">Jefe de Departamento</div>
+                <div class="tile-num full-reset">3</div>
+            </article>
+            <article class="tile">
+                <div class="tile-icon full-reset"><a href=""><i class="zmdi zmdi-balance zmdi-hc-fw"></i></a></div>
+                <div class="tile-name all-tittles">Encargado Almacen</div>
+                <div class="tile-num full-reset">70</div>
+            </article>
+            <article class="tile">
+                <div class="tile-icon full-reset"><a href=""><i class="zmdi zmdi-male-alt"></i></a></div>
+                <div class="tile-name all-tittles">Analista Administrador</div>
+                <div class="tile-num full-reset">11</div>
+            </article>
+            <article class="tile">
+                <div class="tile-icon full-reset"><a href=""><i class="zmdi zmdi-laptop"></i></a></div>
+                <div class="tile-name all-tittles" style="width: 90%;">Equipos</div>
+                <div class="tile-num full-reset">17</div>
+            </article>
+            
+            <article class="tile">
+                <div class="tile-icon full-reset"><a href=""><i class="zmdi zmdi-trending-up"></i></a></div>
+                <div class="tile-name all-tittles" style="width: 90%;">Reportes y Estadísticas</div>
+                <div class="tile-num full-reset">23</div>
+            </article>
+        </section>
+     
 {% endblock %}
 
-{% block stylesheets %}
-<style>
-    body { background: #F5F5F5; font: 18px/1.5 sans-serif; }
-    h1, h2 { line-height: 1.2; margin: 0 0 .5em; }
-    h1 { font-size: 36px; }
-    h2 { font-size: 21px; margin-bottom: 1em; }
-    p { margin: 0 0 1em 0; }
-    a { color: #0000F0; }
-    a:hover { text-decoration: none; }
-    code { background: #F5F5F5; max-width: 100px; padding: 2px 6px; word-wrap: break-word; }
-    #wrapper { background: #FFF; margin: 1em auto; max-width: 800px; width: 95%; }
-    #container { padding: 2em; }
-    #welcome, #status { margin-bottom: 2em; }
-    #welcome h1 span { display: block; font-size: 75%; }
-    #icon-status, #icon-book { float: left; height: 64px; margin-right: 1em; margin-top: -4px; width: 64px; }
-    #icon-book { display: none; }
-
-    @media (min-width: 768px) {
-        #wrapper { width: 80%; margin: 2em auto; }
-        #icon-book { display: inline-block; }
-        #status a, #next a { display: block; }
-
-        @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
-        @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } }
-        .sf-toolbar { opacity: 0; -webkit-animation: fade-in 1s .2s forwards; animation: fade-in 1s .2s forwards;}
-    }
-</style>
-{% endblock %}
diff --git a/src/UBV/PracticaBundle/Resources/views/Default/index.html.twig b/src/UBV/PracticaBundle/Resources/views/Default/index.html.twig
index 980a0d5..2cc3e6b 100644
--- a/src/UBV/PracticaBundle/Resources/views/Default/index.html.twig
+++ b/src/UBV/PracticaBundle/Resources/views/Default/index.html.twig
@@ -1 +1,11 @@
-Hello World!
+{% extends 'base.html.twig' %}
+{% block body %}
+      <div class="container">
+            <div class="page-header">
+              {% block Titulo %}<h1 class="all-tittles">Practica UBV <small>&nbsp;&nbsp;Inicio</small></h1>{% endblock %}
+            </div>
+        </div>
+       
+     
+{% endblock %}
+
diff --git a/web/app.php b/web/app.php
old mode 100644
new mode 100755
diff --git a/web/app_dev.php b/web/app_dev.php
old mode 100644
new mode 100755
diff --git a/web/apple-touch-icon.png b/web/apple-touch-icon.png
old mode 100644
new mode 100755
diff --git a/web/config.php b/web/config.php
old mode 100644
new mode 100755
diff --git a/web/favicon.ico b/web/favicon.ico
old mode 100644
new mode 100755
diff --git a/web/robots.txt b/web/robots.txt
old mode 100644
new mode 100755