<header>
          <!--Navbar-->
          <nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar">
            <div class="container">
              <a class="navbar-brand" href="#"><strong>Git-Search</strong></a>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-7" aria-controls="navbarSupportedContent-7" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="navbarSupportedContent-7">
              </div>
            </div>
          </nav>
      
          <div class="view" style="background-image: url('https://possiblemobile.com/wp-content/uploads/2016/07/git-1.png'); background-repeat: no-repeat; background-size: cover; background-position: center center;">
            <!-- Mask & flexbox options-->
            <div class="mask rgba-black-light align-items-center">
              
              <div class="container">
              
                <div class="row">
          
                  <div class="col-md-12 mb-4 white-text text-center kimonyoski">
                    <h1 class="h1-reponsive white-text text-uppercase font-weight-bold mb-0 pt-md-5 pt-5 wow fadeInDown" data-wow-delay="0.3s"><strong>Git Search</strong></h1>
                    <hr class="hr-light my-4 wow fadeInDown" data-wow-delay="0.4s">
                    <h5 class="text-uppercase mb-4 white-text wow fadeInDown" data-wow-delay="0.4s"><strong>Search and find users</strong></h5>
                    <hr class="hr-light my-4 wow fadeInDown" data-wow-delay="0.4s">
                    <h5 class="text-uppercase mb-4 white-text wow fadeInDown" data-wow-delay="0.4s"><strong>and their repos</strong></h5>
                    <div class="arrow">SCROLL-DOWN
                    </div>





                  </div>
                </div>
                <!--Grid column-->
                <div class="row">
                </div>
              </div>
            
            </div>
          
          </div>
        
        </header>
        <!-- Main navigation -->
        <div class="container tm-container">
          <div class="col">
            <i class="fab fa-github animated heartBeat infinite"></i>
          </div>

            <app-display></app-display>
            
            <footer class="page-footer font-small elegant-color">

              
              <div class="footer-copyright text-center py-3">© 2019 Copyright:
                <a href="https://mdbootstrap.com/education/bootstrap/"> Willyowi-Property</a>
              </div>
              

            </footer>
            
