   </div>
                </div>
    
            </div>
            <div class="col-md-9"></div>
        </div>
    </section>
    <section id="typography" class="container pb-5">
        <div class="row">
            <div class="col-xl-4">
                <h6>Heading 6</h6>
                <h5>Heading 5</h5>
                <h4>Heading 4</h4>
                <h3 class="text-truncate">Heading 3</h3>
                <h2 class="text-truncate">Heading 2</h2>
                <h1 class="text-truncate">Heading 1