                    <div class="row">
                        <div class="col-md-12">
                            <div class="heading_a"><span class="heading_text">Headings</span></div>
                            <div class="row">
                                <div class="col-md-6">
                                    <h1>H1 Heading <small>Secondary text</small></h1>
                                    <h2>H2 Heading <small>Secondary text</small></h2>
                                    <h3>H3 Heading <small>Secondary text</small></h3>
                                    <h4>H4 Heading <small>Secondary text</small></h4>
                                    <h5>H5 Heading <small>Secondary text</small></h5>
                                </div>
                                <div class="col-md-6">
                                    <div class="heading_a"><span class="heading_text">.heading_a</span></div>
                                    <div class="heading_b"><span class="heading_text">.heading_b</span></div>
                                    <div class="page_heading">.page_heading<span> &gt; span</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="heading_a"><span class="heading_text">Text</span></div>
                            <div class="row">
                                <div class="col-md-6">
                                    <p class="lead">.lead - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aperiam architecto assumenda debitis earum eius error esse facere iusto laboriosam, modi nam odio placeat soluta tenetur! Ducimus hic maiores voluptate.</p>
                                    <p>You can use the mark tag to <mark>highlight</mark> text.</p>
                                    An abbreviation of the word attribute is <abbr title="attribute">attr</abbr>.
                                </div>
                                <div class="col-md-6">
                                    <p class="text-left">.text-left</p>
                                    <p class="text-center">.text-center</p>
                                    <p class="text-right">.text-right</p>
                                    <p class="text-justify">.text-justify - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto atque corporis eligendi fuga laudantium minus molestias nobis placeat, reiciendis similique! Atque autem ex fugiat ipsa iusto odit perspiciatis, quos vel. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur corporis eum explicabo laudantium molestias nam, nesciunt quibusdam repellat saepe vel! Accusantium ad consequatur doloribus est ex, facere neque quibusdam voluptatibus.</p>
                                    <p class="text-nowrap">.text-nowrap</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="heading_a"><span class="heading_text">Lists</span></div>
                            <div class="row">
                                <div class="col-md-3">
                                    <ul class="list_a">
                                        <li>Lorem ipsum dolor sit amet...</li>
                                        <li>Lorem ipsum dolor sit amet...</li>
                                        <li>Lorem ipsum dolor sit amet...</li>
                                        <li>Lorem ipsum dolor sit amet...</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="list_b">
                                        <li>Lorem ipsum dolor sit amet...</li>
                                        <li>Lorem ipsum dolor sit amet...</li>
                                        <li>Lorem ipsum dolor sit amet...</li>
                                        <li>Lorem ipsum dolor sit amet...</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="list_c">
                                        <li>Lorem ipsum dolor sit amet...</li>
                                        <li>Lorem ipsum dolor sit amet...</li>
                                        <li>Lorem ipsum dolor sit amet...</li>
                                        <li>Lorem ipsum dolor sit amet...</li>
                                    </ul>
                                </div>
                                <div class="col-md-3">
                                    <ul class="list_d">
                                        <li>Lorem ipsum dolor sit amet...</li>
                                        <li>Lorem ipsum dolor sit amet...</li>
                                        <li>Lorem ipsum dolor sit amet...</li>
                                        <li>Lorem ipsum dolor sit amet...</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
