<div class="row">
    <div class="col-md-4 col-sm-12">

        <div class="hgm-drill-down" data-level="0" data-mobile-bg-hex="FFEBDC" data-border-hex="edf1f5">
            <a class="hgm-drill-down__mobile-toggle" href="#" title="view section menu"><span>In this section</span></a>
            <nav role="navigation">
                <div class="hgm-drill-down__heading">
                    <a title="Back" href="#" aria-disabled="true" class="back">Back</a>
                    <p class="title" data-original-link="/services" data-original-title="Services"><a href="/services">Services</a>
                    </p>
                </div><!-- &__heading -->
                <ul class="hgm-drill-down__menu">
                    <li><a href="/services/cancer-registry">Cancer Registry</a></li>
                    <li><a href="/services/cancer-screenings">Cancer Screenings</a></li>
                    <li class="dropdown">
                        <a href="/services/surviving-cancer">Surviving Cancer</a>
                        <a role="button" aria-expanded="false" href="javascript:void(0)" title="Expand menu"></a>
                        <ul>
                            <li><a href="/services/child-link-1">Child Link One</a></li>
                            <li><a href="/services/child-link-2">Child Link Two</a></li>
                            <li><a href="/services/child-link-3">Child Link Three</a></li>
                            <li><a href="/services/child-link-4">Child Link Four</a></li>
                            <li><a href="/services/child-link-5">Child Link Five</a></li>
                            <li><a href="/services/child-link-6">Child Link Six</a></li>
                            <li><a href="/services/child-link-7">Child Link Seven</a></li>
                            <li><a href="/services/child-link-8">Child Link Eight</a></li>
                        </ul>
                    </li>
                    <li><a href="/services/link">Some Link</a></li>
                    <li class="dropdown">
                        <a href="/services/types-of-cancer">Types of Cancer</a>
                        <a role="button" aria-expanded="false" href="javascript:void(0)" title="Expand menu"></a>
                        <ul>
                            <li><a href="/services/types-of-cancer/breast-cancer">Breast Cancer</a></li>
                            <li class="dropdown">
                                <a href="/services/types-of-cancer/lung-cancer">Lung Cancer</a>
                                <a role="button" aria-expanded="false" href="javascript:void(0)" title="Expand menu"></a>
                                <ul>
                                    <li><a href="/services/types-of-cancer/lung-cancer/risk">Risk Assessment</a></li>
                                    <li class="dropdown">
                                        <a href="/services/types-of-cancer/lung-cancer/treatment">Treatment Options</a>
                                        <a role="button" aria-expanded="false" href="javascript:void(0)" title="Expand menu"></a>
                                        <ul>
                                            <li><a href="/services/types-of-cancer/lung-cancer/treatment/deep-link">Deep
                                                    link</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="/services/types-of-cancer/neurological-cancer">Neurological Cancer</a></li>
                        </ul>
                    </li>
                    <li><a href="/services/another-link">Another Link</a></li>
                </ul><!-- &__menu -->
            </nav>
        </div><!-- hgm-drill-down -->

    </div><!-- col -->
</div><!-- row -->

<br><br>
<div class="row">
    <div class="col-sm-12">
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
            industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
            scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
            electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of
            Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like
            Aldus PageMaker including versions of Lorem Ipsum.</p>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
            industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
            scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
            electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of
            Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like
            Aldus PageMaker including versions of Lorem Ipsum.</p>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
            industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
            scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
            electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of
            Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like
            Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
</div>
<div class="row">
    <div class="col-md-4 col-sm-12">

        <div class="hgm-drill-down" data-level="0" data-mobile-bg-hex="FFEBDC" data-border-hex="edf1f5">
            <a class="hgm-drill-down__mobile-toggle" href="#" title="view section menu"><span>In this section</span></a>
            <nav role="navigation">
                <div class="hgm-drill-down__heading">
                    <a title="Back" href="#" aria-disabled="true" class="back">Back</a>
                    <p class="title" data-original-link="/services" data-original-title="Services"><a href="/services">Services</a>
                    </p>
                </div><!-- &__heading -->
                <ul class="hgm-drill-down__menu">
                    <li><a href="/services/cancer-registry">Cancer Registry</a></li>
                    <li><a href="/services/cancer-screenings">Cancer Screenings</a></li>
                    <li class="dropdown">
                        <a href="/services/surviving-cancer">Surviving Cancer</a>
                        <a role="button" aria-expanded="false" href="javascript:void(0)" title="Expand menu"></a>
                        <ul>
                            <li><a href="/services/child-link-1">Child Link One</a></li>
                            <li><a href="/services/child-link-2">Child Link Two</a></li>
                            <li><a href="/services/child-link-3">Child Link Three</a></li>
                            <li><a href="/services/child-link-4">Child Link Four</a></li>
                            <li><a href="/services/child-link-5">Child Link Five</a></li>
                            <li><a href="/services/child-link-6">Child Link Six</a></li>
                            <li><a href="/services/child-link-7">Child Link Seven</a></li>
                            <li><a href="/services/child-link-8">Child Link Eight</a></li>
                        </ul>
                    </li>
                    <li><a href="/services/link">Some Link</a></li>
                    <li class="dropdown">
                        <a href="/services/types-of-cancer">Types of Cancer</a>
                        <a role="button" aria-expanded="false" href="javascript:void(0)" title="Expand menu"></a>
                        <ul>
                            <li><a href="/services/types-of-cancer/breast-cancer">Breast Cancer</a></li>
                            <li class="dropdown">
                                <a href="/services/types-of-cancer/lung-cancer">Lung Cancer</a>
                                <a role="button" aria-expanded="false" href="javascript:void(0)"
                                   title="Expand menu"></a>
                                <ul>
                                    <li><a href="/services/types-of-cancer/lung-cancer/risk">Risk Assessment</a></li>
                                    <li class="dropdown">
                                        <a href="/services/types-of-cancer/lung-cancer/treatment">Treatment Options</a>
                                        <a role="button" aria-expanded="false" href="javascript:void(0)"
                                           title="Expand menu"></a>
                                        <ul>
                                            <li><a href="/services/types-of-cancer/lung-cancer/treatment/deep-link">Deep
                                                link</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="/services/types-of-cancer/neurological-cancer">Neurological Cancer</a></li>
                        </ul>
                    </li>
                    <li><a href="/services/another-link">Another Link</a></li>
                </ul><!-- &__menu -->
            </nav>
        </div><!-- hgm-drill-down -->

    </div><!-- col -->
</div><!-- row -->

<br><br>
<div class="row">
    <div class="col-sm-12">
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
            industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
            scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
            electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of
            Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like
            Aldus PageMaker including versions of Lorem Ipsum.</p>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
            industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
            scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
            electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of
            Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like
            Aldus PageMaker including versions of Lorem Ipsum.</p>
        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
            industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
            scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into
            electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of
            Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like
            Aldus PageMaker including versions of Lorem Ipsum.</p>
    </div>
</div>
/* No context defined. */

Customizaton via Data Attributes

Use data attributes directly on the drill down element to change the visual and functional behavior; the following data attributes are currently in use:

  • data-mobile-bg-hex adjust the background color of the mobile toggle button; hex value expected
  • data-border-hex adjust the border color and section heading background color; hex value expected