mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-06-28 10:35:11 +00:00
Code Issues Releases Wiki Activity

Grid logo and title is centered using grid layout

Browse Source
This commit is contained in:
Gabor PEK
2018-03-05 16:25:44 +01:00
parent a3ab5f52b6
commit f6843b21b6
7 changed files with 154 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/header/header.component.html
View File

@ -1,8 +1,11 @@
<div class="jumbotron text-center">
<h1>Tutorial framework Demo</h1>
<h3>
Powered by Angular
<img class="logo" width="36" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
</h3>
</div>
<nav class="navbar navbar-default navbar-expand-md navbar-light tao-navbar fixed-top">
<div class="tao-grid-navbar">
<ul class="navbar-nav tao-grid-center-right">
<li class="nav-item tao-header-title">an</li>
</ul>
<img src="images/avatao_logo.svg" routerLink="/" class="tao-grid-center-center tao-company-logo" alt="">
<ul class="navbar-nav tao-grid-center-left">
<li class="nav-item tao-header-title">tutorial</li>
</ul>
</div>
</nav>