<!DOCTYPE html><html lang="en" data-critters-container><head> <!-- Meta --> <meta charset="utf-8"> <title>Blog | Denis</title> <base href="/"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> <meta name="author" content="Denis Hernandez"> <link rel="shortcut icon" href="favicon.ico"> <meta name="description" content="Blog Only Angular 17"> <style>@charset "UTF-8";.header{z-index:1032}:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, .75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, .5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, .175);--bs-border-radius:.375rem;--bs-border-radius-sm:.25rem;--bs-border-radius-lg:.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 .5rem 1rem rgba(0, 0, 0, .15);--bs-box-shadow-sm:0 .125rem .25rem rgba(0, 0, 0, .075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, .175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, .075);--bs-focus-ring-width:.25rem;--bs-focus-ring-opacity:.25;--bs-focus-ring-color:rgba(13, 110, 253, .25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545},:after,:before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}h1,h2{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}ul{margin-top:0;margin-bottom:1rem}small{font-size:.875em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[type=button],button{-webkit-appearance:button}[type=button]:not(:disabled),button:not(:disabled){cursor:pointer}.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:.5rem;--bs-navbar-toggler-padding-y:.25rem;--bs-navbar-toggler-padding-x:.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), .15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:.25rem;--bs-navbar-toggler-transition:box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.navbar-dark{--bs-navbar-color:rgba(255, 255, 255, .55);--bs-navbar-hover-color:rgba(255, 255, 255, .75);--bs-navbar-disabled-color:rgba(255, 255, 255, .25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, .1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}@media (min-width:992px){.pt-lg-0{padding-top:0!important}.pt-lg-4{padding-top:1.5rem!important}}@font-face{font-family:FontAwesome;src:url("./media/fontawesome-webfont-FMJ3VJ65.eot?v=4.7.0");src:url("./media/fontawesome-webfont-FMJ3VJ65.eot?#iefix&v=4.7.0") format("embedded-opentype"),url("./media/fontawesome-webfont-5GKVPAEF.woff2?v=4.7.0") format("woff2"),url("./media/fontawesome-webfont-Z4ARLA73.woff?v=4.7.0") format("woff"),url("./media/fontawesome-webfont-RJ6LE7IU.ttf?v=4.7.0") format("truetype"),url("./media/fontawesome-webfont-3KIJVIEY.svg?v=4.7.0#fontawesomeregular") format("svg");font-weight:400;font-style:normal}.fa{display:inline-block;font: 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-home:before{content:"\f015"}.fa-bookmark-o:before{content:"\f097"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:root{--bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #767676;--bs-gray-dark: #434343;--bs-gray-100: #c2c2c2;--bs-gray-200: #b5b5b5;--bs-gray-300: #a9a9a9;--bs-gray-400: #9c9c9c;--bs-gray-500: #8f8f8f;--bs-gray-600: #767676;--bs-gray-700: #5c5c5c;--bs-gray-800: #434343;--bs-gray-900: #292929;--bs-primary: #5FCB71;--bs-secondary: #4f4f4f;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #c2c2c2;--bs-dark: #292929;--bs-primary-rgb: 95,203,113;--bs-secondary-rgb: 79.25,79.25,79.25;--bs-success-rgb: 25,135,84;--bs-info-rgb: 13,202,240;--bs-warning-rgb: 255,193,7;--bs-danger-rgb: 220,53,69;--bs-light-rgb: 194,194,194;--bs-dark-rgb: 41,41,41;--bs-primary-text-emphasis: #26512d;--bs-secondary-text-emphasis: #202020;--bs-success-text-emphasis: #0a3622;--bs-info-text-emphasis: #055160;--bs-warning-text-emphasis: #664d03;--bs-danger-text-emphasis: #58151c;--bs-light-text-emphasis: #5c5c5c;--bs-dark-text-emphasis: #5c5c5c;--bs-primary-bg-subtle: #dff5e3;--bs-secondary-bg-subtle: #dcdcdc;--bs-success-bg-subtle: #d1e7dd;--bs-info-bg-subtle: #cff4fc;--bs-warning-bg-subtle: #fff3cd;--bs-danger-bg-subtle: #f8d7da;--bs-light-bg-subtle: #e1e1e1;--bs-dark-bg-subtle: #9c9c9c;--bs-primary-border-subtle: #bfeac6;--bs-secondary-border-subtle: #b9b9b9;--bs-success-border-subtle: #a3cfbb;--bs-info-border-subtle: #9eeaf9;--bs-warning-border-subtle: #ffe69c;--bs-danger-border-subtle: #f1aeb5;--bs-light-border-subtle: #b5b5b5;--bs-dark-border-subtle: #8f8f8f;--bs-white-rgb: 255,255,255;--bs-black-rgb: 0,0,0;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255,255,255,.15), rgba(255,255,255,0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #292929;--bs-body-color-rgb: 41,41,41;--bs-body-bg: #fff;--bs-body-bg-rgb: 255,255,255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0,0,0;--bs-secondary-color: rgba(41,41,41,.75);--bs-secondary-color-rgb: 41,41,41;--bs-secondary-bg: #b5b5b5;--bs-secondary-bg-rgb: 181.25,181.25,181.25;--bs-tertiary-color: rgba(41,41,41,.5);--bs-tertiary-color-rgb: 41,41,41;--bs-tertiary-bg: #c2c2c2;--bs-tertiary-bg-rgb: 194,194,194;--bs-heading-color: inherit;--bs-link-color: #5FCB71;--bs-link-color-rgb: 95,203,113;--bs-link-decoration: underline;--bs-link-hover-color: #4ca25a;--bs-link-hover-color-rgb: 76,162,90;--bs-code-color: #d63384;--bs-highlight-bg: #fff3cd;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #a9a9a9;--bs-border-color-translucent: rgba(0,0,0,.175);--bs-border-radius: .375rem;--bs-border-radius-sm: .25rem;--bs-border-radius-lg: .5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);--bs-box-shadow-sm: 0 .125rem .25rem rgba(0,0,0,.075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);--bs-focus-ring-width: .25rem;--bs-focus-ring-opacity: .25;--bs-focus-ring-color: rgba(95,203,113,.25);--bs-form-valid-color: #198754;--bs-form-valid-border-color: #198754;--bs-form-invalid-color: #dc3545;--bs-form-invalid-border-color: #dc3545},:before,:after{box-sizing:border-box}@media (prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}h2,h1{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width: 1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width: 1200px){h2{font-size:2rem}}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}small{font-size:.875em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1));text-decoration:underline}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb)}img{vertical-align:middle}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}button,[type=button]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled){cursor:pointer}.container{--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:540px}}@media (min-width: 768px){.container{max-width:720px}}@media (min-width: 992px){.container{max-width:960px}}@media (min-width: 1200px){.container{max-width:1140px}}@media (min-width: 1400px){.container{max-width:1320px}}:root{--bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px}.collapse:not(.show){display:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion: reduce){.nav-link{transition:none}}.nav-link:hover,.nav-link:focus{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem #5fcb7140}.navbar{--bs-navbar-padding-x: 0;--bs-navbar-padding-y: .5rem;--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);--bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);--bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y: .3125rem;--bs-navbar-brand-margin-end: 1rem;--bs-navbar-brand-font-size: 1.25rem;--bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x: .5rem;--bs-navbar-toggler-padding-y: .25rem;--bs-navbar-toggler-padding-x: .75rem;--bs-navbar-toggler-font-size: 1.25rem;--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2841,41,41,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), .15);--bs-navbar-toggler-border-radius: var(--bs-border-radius);--bs-navbar-toggler-focus-width: .25rem;--bs-navbar-toggler-transition: box-shadow .15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar-nav{--bs-nav-link-padding-x: 0;--bs-nav-link-padding-y: .5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color: var(--bs-navbar-color);--bs-nav-link-hover-color: var(--bs-navbar-hover-color);--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion: reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}@media (min-width: 992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.navbar-dark{--bs-navbar-color: rgba(255,255,255,.55);--bs-navbar-hover-color: rgba(255,255,255,.75);--bs-navbar-disabled-color: rgba(255,255,255,.25);--bs-navbar-active-color: #fff;--bs-navbar-brand-color: #fff;--bs-navbar-brand-hover-color: #fff;--bs-navbar-toggler-border-color: rgba(255,255,255,.1);--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.flex-column{flex-direction:column!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.mb-0{margin-bottom:0!important}.mb-3{margin-bottom:1rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-3{padding-top:1rem!important}.text-start{text-align:left!important}.text-center{text-align:center!important}.rounded-circle{border-radius:50%!important}@media (min-width: 992px){.pt-lg-0{padding-top:0!important}.pt-lg-4{padding-top:1.5rem!important}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#4f4f4f}h1,h2{color:#292929;font-weight:700}a{color:#5fcb71}a:hover{color:#36a749}a.no-text-decoration{text-decoration:none}.single-col-max-width{max-width:820px}.theme-bg-light{background:#fafafa!important}.theme-bg-dark{background:#223142!important}.header{position:fixed;left:0;top:0;height:100vh;width:280px;background:#5fcb71;color:#fff}.header .blog-name{font-weight:700;font-size:1.5rem;color:#fff}.header .blog-name a{color:#fff}.header .blog-name a:hover{text-decoration:none}.header .navbar{padding:2rem 1rem}.header .navbar-toggler:focus{box-shadow:none}.header .navbar-dark .navbar-toggler{border-radius:2px;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8;border:1px solid rgba(255,255,255,.8);padding:.25rem .6rem}.header .navbar-dark .navbar-toggler:hover{-webkit-opacity:1;-moz-opacity:1;opacity:1}.header .navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(256,256,256, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")}.header .nav-item{font-weight:700}.header .nav-item .nav-link{color:#fffc}.header .nav-item .nav-link:hover{color:#0009}.profile-section .profile-image{max-width:160px}.profile-section .bio{font-size:.875rem}.main-wrapper{margin-left:280px;background:#fff}.main-wrapper .container{max-width:820px}.cta-section .heading{font-size:2rem;font-weight:700}.footer{color:#ffffffb3}@media (max-width: 991.98px){.header{position:static;width:inherit;height:auto}.header .blog-name{width:100%;position:absolute;left:0;top:1.2rem}.header .navbar{padding:1rem}.main-wrapper{margin-left:0}} </style><link rel="stylesheet" href="styles-SQFFWNHL.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-SQFFWNHL.css"></noscript><link rel="modulepreload" href="chunk-GWAOMH45.js"><link rel="modulepreload" href="chunk-2ZBWMKKJ.js"><style ng-app-id="ng">.form-header[_ngcontent-ng-c1615039290]{padding-top:10px;width:90%;margin:auto}</style><style ng-app-id="ng">.footer[_ngcontent-ng-c2911700694]{bottom:0;left:280px;position:fixed;right:0;float:right}</style><style ng-app-id="ng">.loader[_ngcontent-ng-c483405701]{width:48px;height:48px;border:5px solid #223142;border-bottom-color:#5fcb71;border-radius:50%;position:absolute;left:55%;top:25%;z-index:3;box-sizing:border-box;animation:_ngcontent-ng-c483405701_rotation 1s linear infinite}@keyframes _ngcontent-ng-c483405701_rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}</style><style ng-app-id="ng">.navbar-nav[_ngcontent-ng-c1789122989] a[_ngcontent-ng-c1789122989] i[_ngcontent-ng-c1789122989]{margin-right:5px}</style></head> <body><!--nghm--> <app-root _nghost-ng-c668894997 ng-version="17.2.1" ngh="2" ng-server-context="ssr"><app-aside _ngcontent-ng-c668894997 _nghost-ng-c2337583027 ngh="0"><header _ngcontent-ng-c2337583027 class="header text-center"><h1 _ngcontent-ng-c2337583027 class="blog-name pt-lg-4 mb-0"><a _ngcontent-ng-c2337583027 routerlink="/home" class="no-text-decoration" href="/home">Denis Blog</a></h1><nav _ngcontent-ng-c2337583027 class="navbar navbar-expand-lg navbar-dark"><button _ngcontent-ng-c2337583027 type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"><span _ngcontent-ng-c2337583027 class="navbar-toggler-icon"></span></button><div _ngcontent-ng-c2337583027 id="navigation" class="collapse navbar-collapse flex-column"><div _ngcontent-ng-c2337583027 class="profile-section pt-3 pt-lg-0"><img _ngcontent-ng-c2337583027 src="assets/images/profile.jpg" alt="image" class="profile-image mb-3 rounded-circle mx-auto"><div _ngcontent-ng-c2337583027 class="bio mb-3"> Hi, my name is Denis Hernandez. I'm Informatic Engineer.<br _ngcontent-ng-c2337583027></div><hr _ngcontent-ng-c2337583027></div><app-navigation _ngcontent-ng-c2337583027 _nghost-ng-c1789122989 ngh="0"><ul _ngcontent-ng-c1789122989 class="navbar-nav flex-column text-start"><li _ngcontent-ng-c1789122989 class="nav-item"><a _ngcontent-ng-c1789122989 routerlink="/home" routerlinkactive="active" class="nav-link" href="/home"><i _ngcontent-ng-c1789122989 aria-hidden="true" class="fa fa-home"></i> Home <span _ngcontent-ng-c1789122989 class="sr-only">(current)</span></a></li><li _ngcontent-ng-c1789122989 class="nav-item"><a _ngcontent-ng-c1789122989 routerlink="/about-blog" routerlinkactive="active" class="nav-link" href="/about-blog"><i _ngcontent-ng-c1789122989 aria-hidden="true" class="fa fa-bookmark-o"></i> About Blog</a></li></ul></app-navigation></div></nav></header></app-aside><div _ngcontent-ng-c668894997 class="main-wrapper"><app-header _ngcontent-ng-c668894997 _nghost-ng-c1615039290 ngh="0"><section _ngcontent-ng-c1615039290 class="cta-section theme-bg-light py-5"><div _ngcontent-ng-c1615039290 class="container text-center single-col-max-width"><h2 _ngcontent-ng-c1615039290 class="heading">Home</h2><div _ngcontent-ng-c1615039290 class="intro">Welcome to my blog</div></div></section></app-header><router-outlet _ngcontent-ng-c668894997></router-outlet><!----><app-footer _ngcontent-ng-c668894997 _nghost-ng-c2911700694 ngh="0"><footer _ngcontent-ng-c2911700694 class="footer text-center py-2 theme-bg-dark"><small _ngcontent-ng-c2911700694 class="copyright"> Copyright © Blog-Denis 2024</small></footer></app-footer></div><app-spinner _ngcontent-ng-c668894997 _nghost-ng-c483405701 ngh="1"><!----></app-spinner></app-root>
<!-- Javascript -->
<!-- <script src="./assets/plugins/popper.min.js"></script> -->
<script src="polyfills-RT5I6R6G.js" type="module"></script><script src="scripts-NCWJS6GS.js" defer></script><script src="main-WJAQEKRE.js" type="module"></script>
<script id="ng-state" type="application/json">{"nghData":[{},{"t":{"0":"t3"},"c":{"0":[]}},{"c":{"3":[]}}]}</script></body></html>