{"id":313,"date":"2024-03-17T22:22:34","date_gmt":"2024-03-18T01:22:34","guid":{"rendered":"https:\/\/ventiladorcito.com\/blog\/?p=313"},"modified":"2024-03-17T22:22:34","modified_gmt":"2024-03-18T01:22:34","slug":"mascotas-perdidas-py-parte-vii","status":"publish","type":"post","link":"https:\/\/ventiladorcito.com\/blog\/2024\/03\/mascotas-perdidas-py-parte-vii\/","title":{"rendered":"Mascotas Perdidas Py – Parte VII"},"content":{"rendered":"\n

Diciembre 11<\/strong><\/p>\n\n\n\n

Pasaremos a crear dos carpetas dentro la carpeta resources\/views\/layouts<\/code><\/p>\n\n\n\n

La primera ser\u00e1 modals<\/code> y dentro de ella crearemos logout.blade.php<\/code><\/p>\n\n\n\n

Su contenido ser\u00e1<\/p>\n\n\n\n

<!-- Logout Modal-->\n<div class=\"modal fade\" id=\"logoutModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"exampleModalLabel\"\naria-hidden=\"true\">\n    <div class=\"modal-dialog\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <h5 class=\"modal-title\" id=\"exampleModalLabel\">Ready to Leave?<\/h5>\n                <button class=\"close\" type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <span aria-hidden=\"true\">\u00d7<\/span>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">Select \"Logout\" below if you are ready to end your current session.<\/div>\n            <div class=\"modal-footer\">\n                <button class=\"btn btn-secondary\" type=\"button\" data-dismiss=\"modal\">Cancel<\/button>\n                <a class=\"btn btn-primary\" href=\"login.html\">Logout<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/code><\/pre>\n\n\n\n
La siguiente carpeta sera parts<\/code><\/p>\n\n\n\n
Dentro de ella crearemos estos archivos<\/p>\n\n\n\n
resources\/views\/layouts\/parts\/card-rows.blade.php<\/code><\/p>\n\n\n\n
<!-- Content Row -->\n<div class=\"row\">\n\n    <!-- Earnings (Monthly) Card Example -->\n    <div class=\"col-xl-3 col-md-6 mb-4\">\n        <div class=\"card border-left-primary shadow h-100 py-2\">\n            <div class=\"card-body\">\n                <div class=\"row no-gutters align-items-center\">\n                    <div class=\"col mr-2\">\n                        <div class=\"text-xs font-weight-bold text-primary text-uppercase mb-1\">\n                            Earnings (Monthly)<\/div>\n                        <div class=\"h5 mb-0 font-weight-bold text-gray-800\">$40,000<\/div>\n                    <\/div>\n                    <div class=\"col-auto\">\n                        <i class=\"fas fa-calendar fa-2x text-gray-300\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Earnings (Monthly) Card Example -->\n    <div class=\"col-xl-3 col-md-6 mb-4\">\n        <div class=\"card border-left-success shadow h-100 py-2\">\n            <div class=\"card-body\">\n                <div class=\"row no-gutters align-items-center\">\n                    <div class=\"col mr-2\">\n                        <div class=\"text-xs font-weight-bold text-success text-uppercase mb-1\">\n                            Earnings (Annual)<\/div>\n                        <div class=\"h5 mb-0 font-weight-bold text-gray-800\">$215,000<\/div>\n                    <\/div>\n                    <div class=\"col-auto\">\n                        <i class=\"fas fa-dollar-sign fa-2x text-gray-300\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Earnings (Monthly) Card Example -->\n    <div class=\"col-xl-3 col-md-6 mb-4\">\n        <div class=\"card border-left-info shadow h-100 py-2\">\n            <div class=\"card-body\">\n                <div class=\"row no-gutters align-items-center\">\n                    <div class=\"col mr-2\">\n                        <div class=\"text-xs font-weight-bold text-info text-uppercase mb-1\">Tasks\n                        <\/div>\n                        <div class=\"row no-gutters align-items-center\">\n                            <div class=\"col-auto\">\n                                <div class=\"h5 mb-0 mr-3 font-weight-bold text-gray-800\">50%<\/div>\n                            <\/div>\n                            <div class=\"col\">\n                                <div class=\"progress progress-sm mr-2\">\n                                    <div class=\"progress-bar bg-info\" role=\"progressbar\"\n                                        style=\"width: 50%\" aria-valuenow=\"50\" aria-valuemin=\"0\"\n                                        aria-valuemax=\"100\"><\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"col-auto\">\n                        <i class=\"fas fa-clipboard-list fa-2x text-gray-300\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Pending Requests Card Example -->\n    <div class=\"col-xl-3 col-md-6 mb-4\">\n        <div class=\"card border-left-warning shadow h-100 py-2\">\n            <div class=\"card-body\">\n                <div class=\"row no-gutters align-items-center\">\n                    <div class=\"col mr-2\">\n                        <div class=\"text-xs font-weight-bold text-warning text-uppercase mb-1\">\n                            Pending Requests<\/div>\n                        <div class=\"h5 mb-0 font-weight-bold text-gray-800\">18<\/div>\n                    <\/div>\n                    <div class=\"col-auto\">\n                        <i class=\"fas fa-comments fa-2x text-gray-300\"><\/i>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<!-- Content Row --><\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
resources\/layouts\/parts\/chart-rows.blade.php<\/code><\/p>\n\n\n\n
<!-- Content Row -->\n<div class=\"row\">\n\n    <!-- Area Chart -->\n    <div class=\"col-xl-8 col-lg-7\">\n        <div class=\"card shadow mb-4\">\n            <!-- Card Header - Dropdown -->\n            <div\n                class=\"card-header py-3 d-flex flex-row align-items-center justify-content-between\">\n                <h6 class=\"m-0 font-weight-bold text-primary\">Earnings Overview<\/h6>\n                <div class=\"dropdown no-arrow\">\n                    <a class=\"dropdown-toggle\" href=\"#\" role=\"button\" id=\"dropdownMenuLink\"\n                        data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                        <i class=\"fas fa-ellipsis-v fa-sm fa-fw text-gray-400\"><\/i>\n                    <\/a>\n                    <div class=\"dropdown-menu dropdown-menu-right shadow animated--fade-in\"\n                        aria-labelledby=\"dropdownMenuLink\">\n                        <div class=\"dropdown-header\">Dropdown Header:<\/div>\n                        <a class=\"dropdown-item\" href=\"#\">Action<\/a>\n                        <a class=\"dropdown-item\" href=\"#\">Another action<\/a>\n                        <div class=\"dropdown-divider\"><\/div>\n                        <a class=\"dropdown-item\" href=\"#\">Something else here<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Card Body -->\n            <div class=\"card-body\">\n                <div class=\"chart-area\">\n                    <canvas id=\"myAreaChart\"><\/canvas>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Pie Chart -->\n    <div class=\"col-xl-4 col-lg-5\">\n        <div class=\"card shadow mb-4\">\n            <!-- Card Header - Dropdown -->\n            <div\n                class=\"card-header py-3 d-flex flex-row align-items-center justify-content-between\">\n                <h6 class=\"m-0 font-weight-bold text-primary\">Revenue Sources<\/h6>\n                <div class=\"dropdown no-arrow\">\n                    <a class=\"dropdown-toggle\" href=\"#\" role=\"button\" id=\"dropdownMenuLink\"\n                        data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                        <i class=\"fas fa-ellipsis-v fa-sm fa-fw text-gray-400\"><\/i>\n                    <\/a>\n                    <div class=\"dropdown-menu dropdown-menu-right shadow animated--fade-in\"\n                        aria-labelledby=\"dropdownMenuLink\">\n                        <div class=\"dropdown-header\">Dropdown Header:<\/div>\n                        <a class=\"dropdown-item\" href=\"#\">Action<\/a>\n                        <a class=\"dropdown-item\" href=\"#\">Another action<\/a>\n                        <div class=\"dropdown-divider\"><\/div>\n                        <a class=\"dropdown-item\" href=\"#\">Something else here<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <!-- Card Body -->\n            <div class=\"card-body\">\n                <div class=\"chart-pie pt-4 pb-2\">\n                    <canvas id=\"myPieChart\"><\/canvas>\n                <\/div>\n                <div class=\"mt-4 text-center small\">\n                    <span class=\"mr-2\">\n                        <i class=\"fas fa-circle text-primary\"><\/i> Direct\n                    <\/span>\n                    <span class=\"mr-2\">\n                        <i class=\"fas fa-circle text-success\"><\/i> Social\n                    <\/span>\n                    <span class=\"mr-2\">\n                        <i class=\"fas fa-circle text-info\"><\/i> Referral\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div><\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
resources\/layouts\/parts\/footer.blade.php<\/code><\/p>\n\n\n\n
<!-- Footer -->\n<footer class=\"sticky-footer bg-white\">\n    <div class=\"container my-auto\">\n        <div class=\"copyright text-center my-auto\">\n            <span>Copyright &copy; Your Website 2021<\/span>\n        <\/div>\n    <\/div>\n<\/footer>\n<!-- End of Footer --><\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
resources\/layouts\/parts\/page-heading.blade.php<\/code><\/p>\n\n\n\n
<!-- Page Heading -->\n<div class=\"d-sm-flex align-items-center justify-content-between mb-4\">\n    <h1 class=\"h3 mb-0 text-gray-800\">Dashboard<\/h1>\n    <a href=\"#\" class=\"d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm\"><i\n            class=\"fas fa-download fa-sm text-white-50\"><\/i> Generate Report<\/a>\n<\/div><\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
resources\/layouts\/parts\/projects-ilustrations-cols.blade.php<\/code><\/p>\n\n\n\n
<!-- Content Row -->\n<div class=\"row\">\n\n    <!-- Content Column -->\n    <div class=\"col-lg-6 mb-4\">\n\n        <!-- Project Card Example -->\n        <div class=\"card shadow mb-4\">\n            <div class=\"card-header py-3\">\n                <h6 class=\"m-0 font-weight-bold text-primary\">Projects<\/h6>\n            <\/div>\n            <div class=\"card-body\">\n                <h4 class=\"small font-weight-bold\">Server Migration <span\n                        class=\"float-right\">20%<\/span><\/h4>\n                <div class=\"progress mb-4\">\n                    <div class=\"progress-bar bg-danger\" role=\"progressbar\" style=\"width: 20%\"\n                        aria-valuenow=\"20\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                <\/div>\n                <h4 class=\"small font-weight-bold\">Sales Tracking <span\n                        class=\"float-right\">40%<\/span><\/h4>\n                <div class=\"progress mb-4\">\n                    <div class=\"progress-bar bg-warning\" role=\"progressbar\" style=\"width: 40%\"\n                        aria-valuenow=\"40\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                <\/div>\n                <h4 class=\"small font-weight-bold\">Customer Database <span\n                        class=\"float-right\">60%<\/span><\/h4>\n                <div class=\"progress mb-4\">\n                    <div class=\"progress-bar\" role=\"progressbar\" style=\"width: 60%\"\n                        aria-valuenow=\"60\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                <\/div>\n                <h4 class=\"small font-weight-bold\">Payout Details <span\n                        class=\"float-right\">80%<\/span><\/h4>\n                <div class=\"progress mb-4\">\n                    <div class=\"progress-bar bg-info\" role=\"progressbar\" style=\"width: 80%\"\n                        aria-valuenow=\"80\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                <\/div>\n                <h4 class=\"small font-weight-bold\">Account Setup <span\n                        class=\"float-right\">Complete!<\/span><\/h4>\n                <div class=\"progress\">\n                    <div class=\"progress-bar bg-success\" role=\"progressbar\" style=\"width: 100%\"\n                        aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Color System -->\n        <div class=\"row\">\n            <div class=\"col-lg-6 mb-4\">\n                <div class=\"card bg-primary text-white shadow\">\n                    <div class=\"card-body\">\n                        Primary\n                        <div class=\"text-white-50 small\">#4e73df<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-lg-6 mb-4\">\n                <div class=\"card bg-success text-white shadow\">\n                    <div class=\"card-body\">\n                        Success\n                        <div class=\"text-white-50 small\">#1cc88a<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-lg-6 mb-4\">\n                <div class=\"card bg-info text-white shadow\">\n                    <div class=\"card-body\">\n                        Info\n                        <div class=\"text-white-50 small\">#36b9cc<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-lg-6 mb-4\">\n                <div class=\"card bg-warning text-white shadow\">\n                    <div class=\"card-body\">\n                        Warning\n                        <div class=\"text-white-50 small\">#f6c23e<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-lg-6 mb-4\">\n                <div class=\"card bg-danger text-white shadow\">\n                    <div class=\"card-body\">\n                        Danger\n                        <div class=\"text-white-50 small\">#e74a3b<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-lg-6 mb-4\">\n                <div class=\"card bg-secondary text-white shadow\">\n                    <div class=\"card-body\">\n                        Secondary\n                        <div class=\"text-white-50 small\">#858796<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-lg-6 mb-4\">\n                <div class=\"card bg-light text-black shadow\">\n                    <div class=\"card-body\">\n                        Light\n                        <div class=\"text-black-50 small\">#f8f9fc<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"col-lg-6 mb-4\">\n                <div class=\"card bg-dark text-white shadow\">\n                    <div class=\"card-body\">\n                        Dark\n                        <div class=\"text-white-50 small\">#5a5c69<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"col-lg-6 mb-4\">\n\n        <!-- Illustrations -->\n        <div class=\"card shadow mb-4\">\n            <div class=\"card-header py-3\">\n                <h6 class=\"m-0 font-weight-bold text-primary\">Illustrations<\/h6>\n            <\/div>\n            <div class=\"card-body\">\n                <div class=\"text-center\">\n                    <img class=\"img-fluid px-3 px-sm-4 mt-3 mb-4\" style=\"width: 25rem;\"\n                        src=\"{{ Vite::asset('resources\/img\/undraw_posting_photo.svg') }}\" alt=\"...\">\n                <\/div>\n                <p>Add some quality, svg illustrations to your project courtesy of <a\n                        target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/undraw.co\/\">unDraw<\/a>, a\n                    constantly updated collection of beautiful svg images that you can use\n                    completely free and without attribution!<\/p>\n                <a target=\"_blank\" rel=\"nofollow\" href=\"https:\/\/undraw.co\/\">Browse Illustrations on\n                    unDraw &rarr;<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Approach -->\n        <div class=\"card shadow mb-4\">\n            <div class=\"card-header py-3\">\n                <h6 class=\"m-0 font-weight-bold text-primary\">Development Approach<\/h6>\n            <\/div>\n            <div class=\"card-body\">\n                <p>SB Admin 2 makes extensive use of Bootstrap 4 utility classes in order to reduce\n                    CSS bloat and poor page performance. Custom CSS classes are used to create\n                    custom components and custom utility classes.<\/p>\n                <p class=\"mb-0\">Before working with this theme, you should become familiar with the\n                    Bootstrap framework, especially the utility classes.<\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div><\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
resources\/layouts\/parts\/sidebar.blade.php<\/code><\/p>\n\n\n\n
<!-- Sidebar -->\n<ul class=\"navbar-nav bg-gradient-primary sidebar sidebar-dark accordion\" id=\"accordionSidebar\">\n\n    <!-- Sidebar - Brand -->\n    <a class=\"sidebar-brand d-flex align-items-center justify-content-center\" href=\"index.html\">\n        <div class=\"sidebar-brand-icon rotate-n-15\">\n            <i class=\"fas fa-laugh-wink\"><\/i>\n        <\/div>\n        <div class=\"sidebar-brand-text mx-3\">SB Admin <sup>2<\/sup><\/div>\n    <\/a>\n\n    <!-- Divider -->\n    <hr class=\"sidebar-divider my-0\">\n\n    <!-- Nav Item - Dashboard -->\n    <li class=\"nav-item active\">\n        <a class=\"nav-link\" href=\"index.html\">\n            <i class=\"fas fa-fw fa-tachometer-alt\"><\/i>\n            <span>Dashboard<\/span><\/a>\n    <\/li>\n\n    <!-- Divider -->\n    <hr class=\"sidebar-divider\">\n\n    <!-- Heading -->\n    <div class=\"sidebar-heading\">\n        Interface\n    <\/div>\n\n    <!-- Nav Item - Pages Collapse Menu -->\n    <li class=\"nav-item\">\n        <a class=\"nav-link collapsed\" href=\"#\" data-toggle=\"collapse\" data-target=\"#collapseTwo\"\n            aria-expanded=\"true\" aria-controls=\"collapseTwo\">\n            <i class=\"fas fa-fw fa-cog\"><\/i>\n            <span>Components<\/span>\n        <\/a>\n        <div id=\"collapseTwo\" class=\"collapse\" aria-labelledby=\"headingTwo\" data-parent=\"#accordionSidebar\">\n            <div class=\"bg-white py-2 collapse-inner rounded\">\n                <h6 class=\"collapse-header\">Custom Components:<\/h6>\n                <a class=\"collapse-item\" href=\"buttons.html\">Buttons<\/a>\n                <a class=\"collapse-item\" href=\"cards.html\">Cards<\/a>\n            <\/div>\n        <\/div>\n    <\/li>\n\n    <!-- Nav Item - Utilities Collapse Menu -->\n    <li class=\"nav-item\">\n        <a class=\"nav-link collapsed\" href=\"#\" data-toggle=\"collapse\" data-target=\"#collapseUtilities\"\n            aria-expanded=\"true\" aria-controls=\"collapseUtilities\">\n            <i class=\"fas fa-fw fa-wrench\"><\/i>\n            <span>Utilities<\/span>\n        <\/a>\n        <div id=\"collapseUtilities\" class=\"collapse\" aria-labelledby=\"headingUtilities\"\n            data-parent=\"#accordionSidebar\">\n            <div class=\"bg-white py-2 collapse-inner rounded\">\n                <h6 class=\"collapse-header\">Custom Utilities:<\/h6>\n                <a class=\"collapse-item\" href=\"utilities-color.html\">Colors<\/a>\n                <a class=\"collapse-item\" href=\"utilities-border.html\">Borders<\/a>\n                <a class=\"collapse-item\" href=\"utilities-animation.html\">Animations<\/a>\n                <a class=\"collapse-item\" href=\"utilities-other.html\">Other<\/a>\n            <\/div>\n        <\/div>\n    <\/li>\n\n    <!-- Divider -->\n    <hr class=\"sidebar-divider\">\n\n    <!-- Heading -->\n    <div class=\"sidebar-heading\">\n        Addons\n    <\/div>\n\n    <!-- Nav Item - Pages Collapse Menu -->\n    <li class=\"nav-item\">\n        <a class=\"nav-link collapsed\" href=\"#\" data-toggle=\"collapse\" data-target=\"#collapsePages\"\n            aria-expanded=\"true\" aria-controls=\"collapsePages\">\n            <i class=\"fas fa-fw fa-folder\"><\/i>\n            <span>Pages<\/span>\n        <\/a>\n        <div id=\"collapsePages\" class=\"collapse\" aria-labelledby=\"headingPages\" data-parent=\"#accordionSidebar\">\n            <div class=\"bg-white py-2 collapse-inner rounded\">\n                <h6 class=\"collapse-header\">Login Screens:<\/h6>\n                <a class=\"collapse-item\" href=\"login.html\">Login<\/a>\n                <a class=\"collapse-item\" href=\"register.html\">Register<\/a>\n                <a class=\"collapse-item\" href=\"forgot-password.html\">Forgot Password<\/a>\n                <div class=\"collapse-divider\"><\/div>\n                <h6 class=\"collapse-header\">Other Pages:<\/h6>\n                <a class=\"collapse-item\" href=\"404.html\">404 Page<\/a>\n                <a class=\"collapse-item\" href=\"blank.html\">Blank Page<\/a>\n            <\/div>\n        <\/div>\n    <\/li>\n\n    <!-- Nav Item - Charts -->\n    <li class=\"nav-item\">\n        <a class=\"nav-link\" href=\"charts.html\">\n            <i class=\"fas fa-fw fa-chart-area\"><\/i>\n            <span>Charts<\/span><\/a>\n    <\/li>\n\n    <!-- Nav Item - Tables -->\n    <li class=\"nav-item\">\n        <a class=\"nav-link\" href=\"tables.html\">\n            <i class=\"fas fa-fw fa-table\"><\/i>\n            <span>Tables<\/span><\/a>\n    <\/li>\n\n    <!-- Divider -->\n    <hr class=\"sidebar-divider d-none d-md-block\">\n\n    <!-- Sidebar Toggler (Sidebar) -->\n    <div class=\"text-center d-none d-md-inline\">\n        <button class=\"rounded-circle border-0\" id=\"sidebarToggle\"><\/button>\n    <\/div>\n\n    <!-- Sidebar Message -->\n    <div class=\"sidebar-card d-none d-lg-flex\">\n        <img class=\"sidebar-card-illustration mb-2\" src=\"{{ Vite::asset('resources\/img\/undraw_rocket.svg') }}\" alt=\"...\">\n        <p class=\"text-center mb-2\"><strong>SB Admin Pro<\/strong> is packed with premium features, components, and more!<\/p>\n        <a class=\"btn btn-success btn-sm\" href=\"https:\/\/startbootstrap.com\/theme\/sb-admin-pro\">Upgrade to Pro!<\/a>\n    <\/div>\n\n<\/ul>\n<!-- End of Sidebar --><\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
resources\/layouts\/parts\/topbar.blade.php<\/code><\/p>\n\n\n\n
<!-- Topbar -->\n<nav class=\"navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow\">\n\n    <!-- Sidebar Toggle (Topbar) -->\n    <button id=\"sidebarToggleTop\" class=\"btn btn-link d-md-none rounded-circle mr-3\">\n        <i class=\"fa fa-bars\"><\/i>\n    <\/button>\n\n    <!-- Topbar Search -->\n    <form\n        class=\"d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search\">\n        <div class=\"input-group\">\n            <input type=\"text\" class=\"form-control bg-light border-0 small\" placeholder=\"Search for...\"\n                aria-label=\"Search\" aria-describedby=\"basic-addon2\">\n            <div class=\"input-group-append\">\n                <button class=\"btn btn-primary\" type=\"button\">\n                    <i class=\"fas fa-search fa-sm\"><\/i>\n                <\/button>\n            <\/div>\n        <\/div>\n    <\/form>\n\n    <!-- Topbar Navbar -->\n    <ul class=\"navbar-nav ml-auto\">\n\n        <!-- Nav Item - Search Dropdown (Visible Only XS) -->\n        <li class=\"nav-item dropdown no-arrow d-sm-none\">\n            <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"searchDropdown\" role=\"button\"\n                data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                <i class=\"fas fa-search fa-fw\"><\/i>\n            <\/a>\n            <!-- Dropdown - Messages -->\n            <div class=\"dropdown-menu dropdown-menu-right p-3 shadow animated--grow-in\"\n                aria-labelledby=\"searchDropdown\">\n                <form class=\"form-inline mr-auto w-100 navbar-search\">\n                    <div class=\"input-group\">\n                        <input type=\"text\" class=\"form-control bg-light border-0 small\"\n                            placeholder=\"Search for...\" aria-label=\"Search\"\n                            aria-describedby=\"basic-addon2\">\n                        <div class=\"input-group-append\">\n                            <button class=\"btn btn-primary\" type=\"button\">\n                                <i class=\"fas fa-search fa-sm\"><\/i>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/li>\n\n        <!-- Nav Item - Alerts -->\n        <li class=\"nav-item dropdown no-arrow mx-1\">\n            <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"alertsDropdown\" role=\"button\"\n                data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                <i class=\"fas fa-bell fa-fw\"><\/i>\n                <!-- Counter - Alerts -->\n                <span class=\"badge badge-danger badge-counter\">3+<\/span>\n            <\/a>\n            <!-- Dropdown - Alerts -->\n            <div class=\"dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in\"\n                aria-labelledby=\"alertsDropdown\">\n                <h6 class=\"dropdown-header\">\n                    Alerts Center\n                <\/h6>\n                <a class=\"dropdown-item d-flex align-items-center\" href=\"#\">\n                    <div class=\"mr-3\">\n                        <div class=\"icon-circle bg-primary\">\n                            <i class=\"fas fa-file-alt text-white\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"small text-gray-500\">December 12, 2019<\/div>\n                        <span class=\"font-weight-bold\">A new monthly report is ready to download!<\/span>\n                    <\/div>\n                <\/a>\n                <a class=\"dropdown-item d-flex align-items-center\" href=\"#\">\n                    <div class=\"mr-3\">\n                        <div class=\"icon-circle bg-success\">\n                            <i class=\"fas fa-donate text-white\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"small text-gray-500\">December 7, 2019<\/div>\n                        $290.29 has been deposited into your account!\n                    <\/div>\n                <\/a>\n                <a class=\"dropdown-item d-flex align-items-center\" href=\"#\">\n                    <div class=\"mr-3\">\n                        <div class=\"icon-circle bg-warning\">\n                            <i class=\"fas fa-exclamation-triangle text-white\"><\/i>\n                        <\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"small text-gray-500\">December 2, 2019<\/div>\n                        Spending Alert: We've noticed unusually high spending for your account.\n                    <\/div>\n                <\/a>\n                <a class=\"dropdown-item text-center small text-gray-500\" href=\"#\">Show All Alerts<\/a>\n            <\/div>\n        <\/li>\n\n        <!-- Nav Item - Messages -->\n        <li class=\"nav-item dropdown no-arrow mx-1\">\n            <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"messagesDropdown\" role=\"button\"\n                data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                <i class=\"fas fa-envelope fa-fw\"><\/i>\n                <!-- Counter - Messages -->\n                <span class=\"badge badge-danger badge-counter\">7<\/span>\n            <\/a>\n            <!-- Dropdown - Messages -->\n            <div class=\"dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in\"\n                aria-labelledby=\"messagesDropdown\">\n                <h6 class=\"dropdown-header\">\n                    Message Center\n                <\/h6>\n                <a class=\"dropdown-item d-flex align-items-center\" href=\"#\">\n                    <div class=\"dropdown-list-image mr-3\">\n                        <img class=\"rounded-circle\" src=\"{{ Vite::asset('resources\/img\/undraw_profile_1.svg') }}\"\n                            alt=\"...\">\n                        <div class=\"status-indicator bg-success\"><\/div>\n                    <\/div>\n                    <div class=\"font-weight-bold\">\n                        <div class=\"text-truncate\">Hi there! I am wondering if you can help me with a\n                            problem I've been having.<\/div>\n                        <div class=\"small text-gray-500\">Emily Fowler \u00b7 58m<\/div>\n                    <\/div>\n                <\/a>\n                <a class=\"dropdown-item d-flex align-items-center\" href=\"#\">\n                    <div class=\"dropdown-list-image mr-3\">\n                        <img class=\"rounded-circle\" src=\"{{ Vite::asset('resources\/img\/undraw_profile_2.svg') }}\"\n                            alt=\"...\">\n                        <div class=\"status-indicator\"><\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"text-truncate\">I have the photos that you ordered last month, how\n                            would you like them sent to you?<\/div>\n                        <div class=\"small text-gray-500\">Jae Chun \u00b7 1d<\/div>\n                    <\/div>\n                <\/a>\n                <a class=\"dropdown-item d-flex align-items-center\" href=\"#\">\n                    <div class=\"dropdown-list-image mr-3\">\n                        <img class=\"rounded-circle\" src=\"{{ Vite::asset('resources\/img\/undraw_profile_3.svg') }}\"\n                            alt=\"...\">\n                        <div class=\"status-indicator bg-warning\"><\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"text-truncate\">Last month's report looks great, I am very happy with\n                            the progress so far, keep up the good work!<\/div>\n                        <div class=\"small text-gray-500\">Morgan Alvarez \u00b7 2d<\/div>\n                    <\/div>\n                <\/a>\n                <a class=\"dropdown-item d-flex align-items-center\" href=\"#\">\n                    <div class=\"dropdown-list-image mr-3\">\n                        <img class=\"rounded-circle\" src=\"https:\/\/source.unsplash.com\/Mv9hjnEUHR4\/60x60\"\n                            alt=\"...\">\n                        <div class=\"status-indicator bg-success\"><\/div>\n                    <\/div>\n                    <div>\n                        <div class=\"text-truncate\">Am I a good boy? The reason I ask is because someone\n                            told me that people say this to all dogs, even if they aren't good...<\/div>\n                        <div class=\"small text-gray-500\">Chicken the Dog \u00b7 2w<\/div>\n                    <\/div>\n                <\/a>\n                <a class=\"dropdown-item text-center small text-gray-500\" href=\"#\">Read More Messages<\/a>\n            <\/div>\n        <\/li>\n\n        <div class=\"topbar-divider d-none d-sm-block\"><\/div>\n\n        <!-- Nav Item - User Information -->\n        <li class=\"nav-item dropdown no-arrow\">\n            <a class=\"nav-link dropdown-toggle\" href=\"#\" id=\"userDropdown\" role=\"button\"\n                data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                <span class=\"mr-2 d-none d-lg-inline text-gray-600 small\">Douglas McGee<\/span>\n                <img class=\"img-profile rounded-circle\"\n                    src=\"{{ Vite::asset('resources\/img\/undraw_profile.svg') }}\">\n            <\/a>\n            <!-- Dropdown - User Information -->\n            <div class=\"dropdown-menu dropdown-menu-right shadow animated--grow-in\"\n                aria-labelledby=\"userDropdown\">\n                <a class=\"dropdown-item\" href=\"#\">\n                    <i class=\"fas fa-user fa-sm fa-fw mr-2 text-gray-400\"><\/i>\n                    Profile\n                <\/a>\n                <a class=\"dropdown-item\" href=\"#\">\n                    <i class=\"fas fa-cogs fa-sm fa-fw mr-2 text-gray-400\"><\/i>\n                    Settings\n                <\/a>\n                <a class=\"dropdown-item\" href=\"#\">\n                    <i class=\"fas fa-list fa-sm fa-fw mr-2 text-gray-400\"><\/i>\n                    Activity Log\n                <\/a>\n                <div class=\"dropdown-divider\"><\/div>\n                <a class=\"dropdown-item\" href=\"#\" data-toggle=\"modal\" data-target=\"#logoutModal\">\n                    <i class=\"fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400\"><\/i>\n                    Logout\n                <\/a>\n            <\/div>\n        <\/li>\n\n    <\/ul>\n\n<\/nav>\n<!-- End of Topbar --><\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
De esta manera nuestro archivo main.blade.php<\/code> quedara as\u00ed<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"es\">\n\n<head>\n\n    <meta charset=\"utf-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1, shrink-to-fit=no\">\n    <meta name=\"description\" content=\"\">\n    <meta name=\"author\" content=\"\">\n\n    <title>SB Admin 2 - Dashboard<\/title>\n\n    <!-- Custom fonts for this template-->\n    {{-- <link href=\"vendor\/fontawesome-free\/css\/all.min.css\" rel=\"stylesheet\" type=\"text\/css\"> --}}\n    @vite('resources\/js\/app.js')\n    <link\n        href=\"https:\/\/fonts.googleapis.com\/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i\"\n        rel=\"stylesheet\">\n\n    <!-- Custom styles for this template-->\n    {{-- <link href=\"css\/sb-admin-2.min.css\" rel=\"stylesheet\"> --}}\n\n<\/head>\n\n<body id=\"page-top\">\n\n    <!-- Page Wrapper -->\n    <div id=\"wrapper\">\n\n        @include('layouts.parts.sidebar')\n\n        <!-- Content Wrapper -->\n        <div id=\"content-wrapper\" class=\"d-flex flex-column\">\n\n            <!-- Main Content -->\n            <div id=\"content\">\n\n                @include('layouts.parts.topbar')\n\n                <!-- Begin Page Content -->\n                <div class=\"container-fluid\">\n\n                    @include('layouts.parts.page-heading')\n\n                    @include('layouts.parts.card-rows')\n\n                    \n                    @include('layouts.parts.chart-rows')\n\n                    @include('layouts.parts.projects-ilustrations-cols')\n\n                <\/div>\n                <!-- \/.container-fluid -->\n\n            <\/div>\n            <!-- End of Main Content -->\n\n            @include('layouts.parts.footer')\n\n        <\/div>\n        <!-- End of Content Wrapper -->\n\n    <\/div>\n    <!-- End of Page Wrapper -->\n\n    <!-- Scroll to Top Button-->\n    <a class=\"scroll-to-top rounded\" href=\"#page-top\">\n        <i class=\"fas fa-angle-up\"><\/i>\n    <\/a>\n\n    @include('layouts.modals.logout')\n\n    \n    @vite('resources\/js\/sb-admin-2.js')\n    <script type=\"module\" src=\"{{Vite::asset('resources\/js\/chart-area-demo.js')}}\"><\/script>\n    <script type=\"module\" src=\"{{Vite::asset('resources\/js\/chart-pie-demo.js')}}\"><\/script>\n\n<\/body>\n\n<\/html><\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
De ese modo podemos comentar algunos bloques y obtener diferentes resultados<\/p>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"
Diciembre 11 Pasaremos a crear dos carpetas dentro la carpeta resources\/views\/layouts La primera ser\u00e1 modals y dentro de ella crearemos logout.blade.php Su contenido ser\u00e1 La siguiente carpeta sera parts Dentro de ella crearemos estos archivos resources\/views\/layouts\/parts\/card-rows.blade.php resources\/layouts\/parts\/chart-rows.blade.php resources\/layouts\/parts\/footer.blade.php resources\/layouts\/parts\/page-heading.blade.php resources\/layouts\/parts\/projects-ilustrations-cols.blade.php resources\/layouts\/parts\/sidebar.blade.php resources\/layouts\/parts\/topbar.blade.php De esta manera nuestro archivo main.blade.php quedara as\u00ed De ese modo podemos comentar […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-313","post","type-post","status-publish","format-standard","hentry","category-miscelaneas"],"_links":{"self":[{"href":"https:\/\/ventiladorcito.com\/blog\/wp-json\/wp\/v2\/posts\/313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ventiladorcito.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ventiladorcito.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ventiladorcito.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ventiladorcito.com\/blog\/wp-json\/wp\/v2\/comments?post=313"}],"version-history":[{"count":2,"href":"https:\/\/ventiladorcito.com\/blog\/wp-json\/wp\/v2\/posts\/313\/revisions"}],"predecessor-version":[{"id":318,"href":"https:\/\/ventiladorcito.com\/blog\/wp-json\/wp\/v2\/posts\/313\/revisions\/318"}],"wp:attachment":[{"href":"https:\/\/ventiladorcito.com\/blog\/wp-json\/wp\/v2\/media?parent=313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ventiladorcito.com\/blog\/wp-json\/wp\/v2\/categories?post=313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ventiladorcito.com\/blog\/wp-json\/wp\/v2\/tags?post=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}