app.component.html

<!--The content below is only a placeholder and can be replaced.-->
<header class="navbar navbar-dark bg-dark mb-5">
    <a class="navbar-brand" href="#">
      <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==" width="30" height="30" class="d-inline-block align-top" alt="">
        Angular tempus dominus bootstrap
    </a>
</header>

<div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-8">
                    <app-simple></app-simple>
                    <hr/>
                    <app-linked-datepickers></app-linked-datepickers>
                    <hr/>
                    <app-input-only></app-input-only>
                    <hr/>
                    <app-reactive-forms></app-reactive-forms>
                    <hr/>
                    <app-inline></app-inline>
            </div>
        </div>
</div>