Service Now KB Template

kb_template.html

<p class="header">
    <a id="top"></a>
    Topic: Topic
</p>

<p class="header">
    Customer:
</p>
<p>
    ALIAS(S)/ACRONYM:
</p>
<table id="article">
    <tbody>
        <tr>
            <td>
                <h1>
                    Overview
                </h1>
            </td>

            <td>
                <p>
                    This section should explain the application/system purpose as well as the purpose for this support documentation.
                </p>
            </td>
        </tr>

        <tr>
            <td>
                <h1>
                    Sub-topic
                    <br>Category: Category
                    <br>Subcategory: Subcategory
                </h1>
            </td>
            <td>
                <div>
                    Support content
                </div>
            </td>
        </tr>

        <tr>
            <td>
                <h1>
                    Table of Contents
                </h1>
            </td>
            <td>
                <div>
                </div>
            </td>
        </tr>

        <tr>
            <td>
                <h1>
                    Escalation
                </h1>
            </td>
            <td>
                <p>
                    If an incident is unable to be resolved, please assign the incident to the following group.
                    <br>
                    <strong>Assignment Group:</strong> Assignment Group
                </p>
            </td>
        </tr>
    </tbody>
</table>
<p>
    <a href="#top" rel="nofollow">
		TOP
	</a>
</p>
<p class="virteva">
	Virteva LLC Proprietary and Confidential
</p>
<style type="text/css">
    #article * {
        font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size: 12pt;
        color: var(--now-color_text--primary, var(--now-color--neutral-18, 22, 27, 28));
    }
    #article {
        border-collapse: collapse;
        border: 1px;
    }
    #article tbody {
        border: var(--now-color_text--primary, var(--now-color--neutral-18, 22, 27, 28));
        border-width: 1px;
        border-style: solid;
    }
    #article tr {
        border: inherit;
    }
    #article td {
        border: inherit;
        padding: 5pt 5px 5px 5pt;
        vertical-align: top;
    }
    #article tr > td:nth-child(1) {
        max-width: 155px;
        font-weight: bold;
        width: auto !important;
        min-width: 100px;
        position: relative;
    }
    #article tr > td:nth-child(2) {
        max-width: 775px;
        min-width: 500px;
        width: auto !important;
    }
    #article h1 {
        font-family: Arial, sans-serif;
        font-weight: bold;
        margin: 0;
        padding: 0;
        line-height: 100%;
        font-size: 12pt;
    }
    #article p {
        margin: .5rem 0 2rem 0;
    }
    #article span {
        font-family: arial, helvetica, sans-serif;
    }
    #article a:link {
        color: RGB(var(--now-color--secondary-1, 1, 119, 142));
    }
    #article img {
        max-width: 100%;
        max-height: 400px;
        object-fit: contain;
        height: auto;
        width: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .header {
        font-size: 18pt;
        line-height: 1em;
    }
    .virteva {
        width: 100px;
        font-size: 8pt;
        margin-top: 10px;
    }
</style>