_includes/header.html

<body>
    <style>
    .txt h1
        {
            text-align: center;
            font-size: 27px;
            font-family:'Lucida Grande', 'Calibri',;
                color:white;
        }
        .type 
        {
            color: #00b7ea;
        }
    </style>
<div class="main-container">
    {% include google_analytics.html %}
    <!-- OLW banner and GitHub badge -->
    <div id="header_wrap" class="outer">
        <header class="inner">
            <a id="forkme_banner" href="https://github.com/OpenLiveWriter">View on GitHub</a>
            <h1 id="project_title"><a href="/"><img src="/images/openlivewriter-purpleheader.png" alt="Open Live Writer"/></a></h1>
            {% if page.subtitle %}
            <h2 id="project_tagline">{{ page.subtitle }}</h2>
            {% endif %}
            <div class="txt">
                <h1>Write and Post your Blog into :<span class="type"></span></h1>
            </div>
            <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
            <script>
                var typed2 = new Typed('.type', {
    strings: ['Wordpress',
              'Blogger',
              'SharePoint',
               'Typed and more'],
    typeSpeed: 100,
    backSpeed: 200,
    fadeOut: true,
    loop: true
  });
    
            </script>
        </header>
    </div>
    <!-- Tabbed navigation bar -->
    <ul class="nav nav-tabs">
        <li id="home" class="active" role="presentation"><a href="/">Home</a></li>
        <li id="news" role="presentation"><a href="/news">News</a></li>
        <li id="blog" role="presentation"><a href="/blog">Blog</a></li>
        <li id="GSoC" role="presentation"><a href="/GSoC">GSoC</a></li> 
        <li id="tutorials" role="presentation"><a href="/tutorials">Tutorials</a></li>
    </ul>
    <!-- INCLUDE DOWNLOAD BUTTON IF THE PAGE HAS IT SET IN THE FRONT-MATTER -->
    {% if page.download == true %}
    {% include download_exe.html %}
    {% endif %}