site-header.html

<link rel="icon" type="image/png" href="images/favicon.ico"/>
<div class="container-fluid" style="padding: 0; margin-bottom: 2em;">
    <div class="hero-image"> 
      <div class="container" style="max-width: 100%; justify-content: center;">
        <div class="row wrap" style="display: flex;">
          <div class = "shiny-logo">
            <img class = "shiny-logo-image" src="images/shiny.png">
          </div>
          <div style="display: flex; align-items: center; padding: 0 1em;">
            <div class="image-text">
              <div class="large-text">Building Web Applications</div>
              <div class="small-text">with Shiny</div>
            </div>
          </div>
        </div><!--end row-->
      </div>
    </div>
</div>