copy_banner.html

<div class="copy-banner">
    <div class="container {{ page.header-classes }}">
        {{ header }}
        {% assign primary_title = page.primary_title | default: primary_title | default: '' %}
        {% assign primary_link_url = layout.primary_link_url | default: page.url %}
        {% if primary_title.size > 0 %}<h1><a href="{{ primary_link_url }}">{{primary_title}}</a></h1>{% endif %}

        <div class="search">
            <div class="search-input-wrap">
                <input type="text" id="search-input" class="search-input"
                       tabindex="0" placeholder="Search..." aria-label="Search {{ site.title }}"
                       data-docs-version="latest" autocomplete="off">
                <div class="search-spinner"><i></i></div>
                <label for="search-input" class="search-label">
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="search-icon" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
                        <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
                    </svg>
                </label>
            </div>
            <div id="search-results" class="search-results custom-search-results"></div>
        </div>
    </div>
    <div class="search-overlay"></div>
</div>
<div id="billboard">{{ page.billboard }}</div>