<commit_before><div>
    <h2 id="typography">Typography</h2>

    <div class="row">
        <div class="col-sm-2"><h1>&lt;h1&gt;</h1></div>
        <div class="col-sm-2"><h2>&lt;h2&gt;</h2></div>
        <div class="col-sm-2"><h3>&lt;h3&gt;</h3></div>
        <div class="col-sm-2"><h4>&lt;h4&gt;</h4></div>
        <div class="col-sm-2"><h5>&lt;h5&gt;</h5></div>
        <div class="col-sm-2"><h6>&lt;h6&gt;</h6></div>
    </div>

    <p>
        <span class="lead">.lead</span>
        <small>&lt;small&gt;</small>
        <strong>&lt;strong&gt;</strong>
        <em>&lt;em&gt;</em>
        <abbr title="abbreviation">&lt;abbr&gt;</abbr>
        <abbr title="abbreviation.initialism" class="initialism">abbr.initialism</abbr>
        <code>&lt;code&gt;</code>
    </p>

    <p>
        <span class="text-muted">.text-muted</span>
        <span class="text-primary">.text-primary</span>
        <span class="text-success">.text-success</span>
        <span class="text-info">.text-info</span>
        <span class="text-warning">.text-warning</span>
        <span class="text-danger">.text-danger</span>
    </p>

    <p>
        <span class="label label-default">.label.label-default</span>
        <span class="label label-primary">.label-primary</span>
        <span class="label label-success">.label-success</span>
        <span class="label label-info">.label-info</span>
        <span class="label label-warning">.label-warning</span>
        <span class="label label-danger">.label-danger</span>
    </p>

    <div>
        <div class="alert alert-dismissable">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            .alert <strong>.alert-dismissable</strong> <a class="alert-link" href="#">a.alert-link</a>
        </div>
        <div class="alert alert-success">.alert <strong>.alert-success</strong> <a class="alert-link" href="#">a.alert-link</a></div>
        <div class="alert alert-info">.alert <strong>.alert-info</strong> <a class="alert-link" href="#">a.alert-link</a></div>
        <div class="alert alert-warning">.alert <strong>.alert-warning</strong> <a class="alert-link" href="#">a.alert-link</a></div>
        <div class="alert alert-danger">.alert <strong>.alert-danger</strong> <a class="alert-link" href="#">a.alert-link</a></div>
    </div>

    <div class="well">.well</div>
    <div class="well well-lg">.well.well-lg</div>
    <div class="well well-sm">.well.well-sm</div>

    <p class="text-left">.text-left</p>
    <p class="text-center">.text-center</p>
    <p class="text-right">.text-right</p>

    <blockquote>
        <p>&lt;blockquote&gt;&lt;p&gt;</p>
        <small>&lt;small <cite title="Cite">&lt;cite&gt;</cite> small&gt;</small>
    </blockquote>
    <div class="clearfix">
        <blockquote class="pull-right">
            <p>blockquote.pull-right p</p>
            <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
        </blockquote>
    </div>

    <div class="row">
        <div class="col-md-4">
            &lt;ul&gt;
            <ul><li>&lt;li&gt;</li><li>List item<ul><li><small>&lt;ul&gt;</small>&lt;li&gt;</li><li>&lt;li&gt;<small>&lt;/ul&gt;</small></li></ul></li><li>List item</li></ul>
            <br>
        </div>
        <div class="col-md-4">
            &lt;ol&gt;
            <ol><li>List item</li><li>List item<ol><li>List item</li><li>List item</li></ol></li><li>List item</li></ol>
            <br>
        </div>
        <div class="col-md-4">
            ul.list-unstyled
            <ul class="list-unstyled"><li>List item</li><li>List item<ul><li>List item</li><li>List item</li></ul></li><li>List item</li></ul>
            <br>
        </div>
    </div>
    <div>
        ul.list-inline
        <ul class="list-inline"><li>List item</li><li>List item</li><li>List item</li></ul>
        <br>
    </div>
    <div class="row">
        <div class="col-lg-4">
            ul.list-group
            <ul class="list-group">
                <li class="list-group-item">li.list-group-item</li>
                <li class="list-group-item"><span class="badge">.badge</span> List item</li>
                <li class="list-group-item">List item</li>
            </ul>
        </div>
        <div class="col-lg-4">
            div.list-group
            <div class="list-group">
                <a href="#" class="list-group-item active">a.list-group-item.active</a>
                <a href="#" class="list-group-item">Link #2</a>
                <a href="#" class="list-group-item">Link #3</a>
            </div>
        </div>
        <div class="col-lg-4">
            div.list-group
            <div class="list-group">
                <a href="#" class="list-group-item active">
                    <h4 class="list-group-item-heading">h4.list-group-item-heading</h4>
                    <p class="list-group-item-text">p.list-group-item-text</p>
                </a>
                <a href="#" class="list-group-item">
                    <h4 class="list-group-item-heading">List group item heading</h4>
                    <p class="list-group-item-text">...</p>
                </a>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4">
            <address>
                <strong>Address</strong><br>
                Address
            </address>
        </div>
        <div class="col-md-4">
            &lt;dl&gt;
            <dl>
                <dt>&lt;dt&gt;</dt>
                <dd>&lt;dd&gt;</dd>
                <dt>Term</dt>
                <dd>Description<br>Description</dd>
            </dl>
        </div>
        <div class="col-md-4">
            dl.dl-horizontal
            <dl class="dl-horizontal">
                <dt>Term</dt>
                <dd>Description</dd>
                <dt>Term</dt>
                <dd>Description<br>Description</dd>
            </dl>
        </div>
    </div>
</div>

<div>
    <h2 id="tables">Tables</h2>

    <div class="row">
        <div class="col-md-4">
            table.table
            <table class="table"><tr><th><small>&lt;tr&gt;</small>&lt;th&gt;</th><th>&lt;th&gt;<small>&lt;/tr&gt;</small></th></tr><tr><td><small>&lt;tr&gt;</small>&lt;td&gt;</td><td>&lt;td&gt;<small>&lt;/tr&gt;</small></td></tr><tr><td>td</td><td>td</td></tr></table>
        </div>
        <div class="col-md-2"><commit_msg>Move <address> example to new line<commit_after><div>
    <h2 id="typography">Typography</h2>

    <div class="row">
        <div class="col-sm-2"><h1>&lt;h1&gt;</h1></div>
        <div class="col-sm-2"><h2>&lt;h2&gt;</h2></div>
        <div class="col-sm-2"><h3>&lt;h3&gt;</h3></div>
        <div class="col-sm-2"><h4>&lt;h4&gt;</h4></div>
        <div class="col-sm-2"><h5>&lt;h5&gt;</h5></div>
        <div class="col-sm-2"><h6>&lt;h6&gt;</h6></div>
    </div>

    <p>
        <span class="lead">.lead</span>
        <small>&lt;small&gt;</small>
        <strong>&lt;strong&gt;</strong>
        <em>&lt;em&gt;</em>
        <abbr title="abbreviation">&lt;abbr&gt;</abbr>
        <abbr title="abbreviation.initialism" class="initialism">abbr.initialism</abbr>
        <code>&lt;code&gt;</code>
    </p>

    <p>
        <span class="text-muted">.text-muted</span>
        <span class="text-primary">.text-primary</span>
        <span class="text-success">.text-success</span>
        <span class="text-info">.text-info</span>
        <span class="text-warning">.text-warning</span>
        <span class="text-danger">.text-danger</span>
    </p>

    <p>
        <span class="label label-default">.label.label-default</span>
        <span class="label label-primary">.label-primary</span>
        <span class="label label-success">.label-success</span>
        <span class="label label-info">.label-info</span>
        <span class="label label-warning">.label-warning</span>
        <span class="label label-danger">.label-danger</span>
    </p>

    <div>
        <div class="alert alert-dismissable">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            .alert <strong>.alert-dismissable</strong> <a class="alert-link" href="#">a.alert-link</a>
        </div>
        <div class="alert alert-success">.alert <strong>.alert-success</strong> <a class="alert-link" href="#">a.alert-link</a></div>
        <div class="alert alert-info">.alert <strong>.alert-info</strong> <a class="alert-link" href="#">a.alert-link</a></div>
        <div class="alert alert-warning">.alert <strong>.alert-warning</strong> <a class="alert-link" href="#">a.alert-link</a></div>
        <div class="alert alert-danger">.alert <strong>.alert-danger</strong> <a class="alert-link" href="#">a.alert-link</a></div>
    </div>

    <div class="well">.well</div>
    <div class="well well-lg">.well.well-lg</div>
    <div class="well well-sm">.well.well-sm</div>

    <p class="text-left">.text-left</p>
    <p class="text-center">.text-center</p>
    <p class="text-right">.text-right</p>

    <blockquote>
        <p>&lt;blockquote&gt;&lt;p&gt;</p>
        <small>&lt;small <cite title="Cite">&lt;cite&gt;</cite> small&gt;</small>
    </blockquote>
    <div class="clearfix">
        <blockquote class="pull-right">
            <p>blockquote.pull-right p</p>
            <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
        </blockquote>
    </div>

    <div class="row">
        <div class="col-md-4">
            &lt;ul&gt;
            <ul><li>&lt;li&gt;</li><li>List item<ul><li><small>&lt;ul&gt;</small>&lt;li&gt;</li><li>&lt;li&gt;<small>&lt;/ul&gt;</small></li></ul></li><li>List item</li></ul>
            <br>
        </div>
        <div class="col-md-4">
            &lt;ol&gt;
            <ol><li>List item</li><li>List item<ol><li>List item</li><li>List item</li></ol></li><li>List item</li></ol>
            <br>
        </div>
        <div class="col-md-4">
            ul.list-unstyled
            <ul class="list-unstyled"><li>List item</li><li>List item<ul><li>List item</li><li>List item</li></ul></li><li>List item</li></ul>
            <br>
        </div>
    </div>
    <div>
        ul.list-inline
        <ul class="list-inline"><li>List item</li><li>List item</li><li>List item</li></ul>
        <br>
    </div>
    <div class="row">
        <div class="col-lg-4">
            ul.list-group
            <ul class="list-group">
                <li class="list-group-item">li.list-group-item</li>
                <li class="list-group-item"><span class="badge">.badge</span> List item</li>
                <li class="list-group-item">List item</li>
            </ul>
        </div>
        <div class="col-lg-4">
            div.list-group
            <div class="list-group">
                <a href="#" class="list-group-item active">a.list-group-item.active</a>
                <a href="#" class="list-group-item">Link #2</a>
                <a href="#" class="list-group-item">Link #3</a>
            </div>
        </div>
        <div class="col-lg-4">
            div.list-group
            <div class="list-group">
                <a href="#" class="list-group-item active">
                    <h4 class="list-group-item-heading">h4.list-group-item-heading</h4>
                    <p class="list-group-item-text">p.list-group-item-text</p>
                </a>
                <a href="#" class="list-group-item">
                    <h4 class="list-group-item-heading">List group item heading</h4>
                    <p class="list-group-item-text">...</p>
                </a>
            </div>
        </div>
    </div>

    <address>
        <strong>Address</strong><br>
        Address
    </address>

    <div class="row">
        <div class="col-md-6">
            &lt;dl&gt;
            <dl>
                <dt>&lt;dt&gt;</dt>
                <dd>&lt;dd&gt;</dd>
                <dt>Term</dt>
                <dd>Description<br>Description</dd>
            </dl>
        </div>
        <div class="col-md-6">
            dl.dl-horizontal
            <dl class="dl-horizontal">
                <dt>Term</dt>
                <dd>Description</dd>
                <dt>Term</dt>
                <dd>Description<br>Description</dd>
            </dl>
        </div>
    </div>
</div>

<div>
    <h2 id="tables">Tables</h2>

    <div class="row">
        <div class="col-md-4">
            table.table
            <table class="table"><tr><th><small>&lt;tr&gt;</small>&lt;th&gt;</th><th>&lt;th&gt;<small>&lt;/tr&gt;</small></th></tr><tr><td><small>&lt;tr&gt;</small>&lt;td&gt;</td><td>&lt;td&gt;<small>&lt;/tr&gt;</small></td></tr><tr><td>td</td><td>td</td></tr></table>
        </div>
        <div class="col-md-2">
{'fraction_non_alphanumeric': 0.22252053063802907, 'fraction_numerical': 0.007185723310170563, 'mean_word_length': 2.1372306167946493, 'pattern_counts': {'":': 0, '<': 634, '<?xml version=': 0, '>': 634, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5521019', 'n_tokens_mistral': 4455, 'n_tokens_neox': 4343, 'n_words': 597}