components

Tabs

Tabs enable groupings of related content that is accessed through navigation.


  • Overview

    The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs) . SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”

  • Afghanistan

    During the period from 2000 to 2016, the World Bank invested US$35 billion in the Health, Nutrition and Population (HNP) sector. Over this period, the average annual lending doubled from US$1.3 billion to US$2.6 billion. The Bank currently manages an active HNP portfolio of $11.5 billion.

  • Bahrain

    The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”

  • Cabo Verde

    The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”

  • Bangladesh

    The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”

  • Bhutan

    The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”

  • Cambodia

    The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”

  • Democratic Republic of Congo

    The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”

    During the period from 2000 to 2016, the World Bank invested US$35 billion in the Health, Nutrition and Population (HNP) sector. Over this period, the average annual lending doubled from US$1.3 billion to US$2.6 billion. The Bank currently manages an active HNP portfolio of $11.5 billion.

  • Republic of Congo

    The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”

  • <section>
    <tab>
        <tab-nav>
        <div class="lp__wrapper">
            <div class="lp__scroller lp__scroller-left"><i class="loop loop-angle-double-left" aria-hidden="true"></i>  </div>
            <div class="lp__scroller lp__scroller-right"> <i class="loop loop-angle-double-right" aria-hidden="true"></i> </div>
                <ul class="lp__list">
                    <li><a class="lp__tab_active">Overview</a></li>
                    <li><a>Afghanistan</a></li>  
                    <li><a>Bahrain</a></li>  
                    <li><a>Cabo Verde</a></li>  
                    <li><a>Bangladesh</a></li>     
                    <li><a>Bhutan</a></li>   
                    <li><a>Cambodia</a></li> 
                    <li><a>Democratic Republic of Congo</a></li>  
                    <li><a>Republic of Congo</a></li>
                </ul>
        </div>
        </tab-nav>
    <tab-content>
    <ul class="lp__tab_content_list" id="context">
        <li class="lp__tab_active">
            <h1>Overview</h1>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                    <div class="lp__lead_paragraph_md">
                        <p>The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals <a href="">(SDGs)</a> . SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, <sub>and affordable </sub>essential medicines and vaccines for all.”</p>
                    </div> 
                </div>
            </div>
        </li>
        <li>
            <h1>Afghanistan</h1>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                     <div class="lp__lead_paragraph_md">
                            <p>During the period from 2000 to 2016, the World Bank invested US$35 billion in the Health, Nutrition and Population (HNP) sector. Over this period, the average annual lending doubled from US$1.3 billion to US$2.6 billion.  The Bank currently manages an active HNP portfolio of $11.5 billion.</p>
                    </div> 
                </div>
            </div>
        </li>
        <li>
            <h1>Bahrain</h1>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                   <div class="lp__lead_paragraph_md">
                        <p>The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”  </p>
                    </div>  
                </div>
            </div>
        </li>
        <li>
            <h1>Cabo Verde</h1>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                     <div class="lp__lead_paragraph_md">
                        <p>The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”  </p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <h1>Bangladesh</h1>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                     <div class="lp__lead_paragraph_md">
                        <p>The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”  </p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <h1>Bhutan</h1>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                     <div class="lp__lead_paragraph_md">
                        <p>The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”  </p>
                         <ul>
                            <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <h1>Cambodia</h1>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                     <div class="lp__lead_paragraph_md">
                        <p>The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”  </p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <h1>Democratic Republic of Congo</h1>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                     <div class="lp__lead_paragraph_md">
                        <p>The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”  </p>
                        <ul>
                            <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
                            <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Aenean commodo ligula eget dolor. Aenean massa. </a></li>
                            <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum feli</a></li>
                            <li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
                        </ul>
                    <p>During the period from 2000 to 2016, the World Bank invested US$35 billion in the Health, Nutrition and Population (HNP) sector. Over this period, the average annual lending doubled from US$1.3 billion to US$2.6 billion.  The Bank currently manages an active HNP portfolio of $11.5 billion.</p>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <h1>Republic of Congo</h1>
            <div class="row">
                <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12">
                     <div class="lp__lead_paragraph_md">
                        <p>The global movement toward universal health coverage (UHC) provides an umbrella under which the World Bank Group (WBG) works with governments and development partners to ensure all people receive quality, affordable care without suffering financial hardship. UHC aims to achieve better health and development outcomes in line with the Sustainable Development Goals (SDGs). SDG 3 includes a target to “achieve universal health coverage (UHC), including financial risk protection, access to quality essential health care services, and access to safe, effective, quality, and affordable essential medicines and vaccines for all.”  </p>
                    </div>
                </div>
            </div>
        </li>
    </ul>
    </tab-content>
    </tab>
    </section>
  • Use:

    As a secondary navigation on pages that benefit from creating a feeling for the user that they are browsing through content without leaving the page that they are on.


    Don't use:

    In cases where the number of tabs substantially overflows the width of the tab container. Generally this means an upper limit of ten tabs, but this number depends on the text length of each tab.


    Behavior:

    In cases where the tabs exceed the available horizontal space, a double chevron appears on the far right. Clicking on this chevron will scroll through hidden tabs.


    Editorial:

    It is important for tab names to be clear but as short as possible. Overflowing the tab container at full width should be avoided.


    Responsiveness:

    When viewed on a screen with a width of 600px or smaller, tabbed navigation switches from horizontal orientation to a stacked list orientation.

  • The World Bank in China Overview:

    In this example, tabs provide effective secondary navigation while providing space for static content in the sidebar.