Font Face
Teva Sans Latin

Drafts & Templates
PBS Templates

Primitives & components context

Primitives & components: Teva Global

Page Layout V2 - Teva 2025

v0.0.0

Teva Logo Teva Logo -0.02 (-0.13%) April 28, 2025 12:54 PM EDT Delay 20 Minutes Country -0.02 (-0.13%) April 28, 2025 12:54 PM EDT Delay 20 Minutes

We are all in for better health

At Teva, we deliver quality medicines, discover life-changing treatments, and drive scientific innovation.

Innovation at Every Step

From research to development, we're committed to advancing healthcare through cutting-edge science and technology.

Global Impact, Local Care

With a presence in over 60 countries, we bring accessible healthcare solutions to communities worldwide.

Sustainability initiatives

Sustainability at Teva

At the forefront of Teva's innovative medicines pipeline is the development of therapeutic antibodies.

Read more
Sustainability initiatives

Sustainability at Teva

At the forefront of Teva's innovative medicines pipeline is the development of therapeutic antibodies.

Read more

Innovation

Sustainability initiatives

Sustainability at Teva

At the forefront of Teva's innovative medicines pipeline is the development of therapeutic antibodies.

Read more

Discover how our latest research is transforming the future of medicine and improving patient outcomes worldwide.

Learn about our global initiatives to make life-saving medications more accessible to communities in need.

[visual alignment test]
[visual alignment test]

<!-- Page Layout Nh  -->
<vision-teva-2025-background></vision-teva-2025-background>
<div class="vi-page-layout-v2 vi-page-layout-v2--transparent theme-teva">
  <div class="vi-page-layout-v2__header">
    <vision-page-header navigation-source='{"items":[{"title":"Home","url":"#home"},{"title":"About Us","url":"#about-us","items":[{"title":"Our Mission","url":"#about-us/mission"},{"title":"Leadership Team","url":"#about-us/leadership"},{"title":"Company History","url":"#about-us/history"},{"title":"Compliance \u0026 Ethics","url":"#about-us/compliance-ethics"}]},{"title":"Products","url":"#products","items":[{"title":"Prescription Medicines","url":"#products/prescription","items":[{"title":"Cardiovascular","url":"#products/prescription/cardiovascular","items":[{"title":"Blood Pressure Medication","url":"#products/prescription/cardiovascular/blood-pressure"},{"title":"Cholesterol Management","url":"#products/prescription/cardiovascular/cholesterol"}]},{"title":"Diabetes","url":"#products/prescription/diabetes","items":[{"title":"Insulin","url":"#products/prescription/diabetes/insulin"},{"title":"Glucose Modulators","url":"#products/prescription/diabetes/glucose-modulators"},{"title":"Injectables","url":"#products/prescription/diabetes/injectables","items":[{"title":"Syringes","url":"#products/prescription/diabetes/injectables/syringes"}]}]}]}]},{"title":"Investor Relations","url":"#investor-relations","items":[{"title":"Financial Reports","url":"#investor-relations/financial-reports"},{"title":"Stock Information","url":"#investor-relations/stock-information"},{"title":"Investor Events","url":"#investor-relations/events"}]},{"title":"Contact Us","url":"#contact-us"}]}' search-endpoint="/api/page-search/results.json" search-legacy-endpoint="true" search-legacy-search-page-query-key="keywords" search-legacy-search-page="https://www.tevapharm.com/search-results/">
      <vision-ident href="#out" slot="identification-primary-expanded">
        <img src="/assets/images/logos/logo_teva.svg" alt="Teva Logo">
      </vision-ident>
      <vision-ident slot="identification-primary-collapsed">
        <img src="/assets/images/logos/logo_teva.svg" alt="Teva Logo">
      </vision-ident>
      <vision-popover-button chevron="true" collapse-inline="both" family="link" nowrap pill="true" selected-family="link" size="sm">
        <vision-format-ticker-button exchange="NYSE" expanded="true" price="27.21" pricelabel="Price" ticker="TEVA"></vision-format-ticker-button>
        <vision-popover-content>
          <vision-stack>
            <vision-ticker-info>
              <vision-ticker-info-group>
                <vision-ticker-info-item aria-label="Change">-0.02</vision-ticker-info-item>
                <vision-ticker-info-item aria-label="Change Percentage">(-0.13%)</vision-ticker-info-item>
              </vision-ticker-info-group>
              <vision-ticker-info-group>
                <vision-ticker-info-item aria-label="Date">April 28, 2025</vision-ticker-info-item>
                <vision-ticker-info-item aria-label="Time">12:54 PM EDT</vision-ticker-info-item>
              </vision-ticker-info-group>
              <vision-ticker-info-group>
                <vision-ticker-info-item id="delay-description">Delay</vision-ticker-info-item>
                <vision-ticker-info-item aria-describedby="delay-description">20 Minutes</vision-ticker-info-item>
              </vision-ticker-info-group>
            </vision-ticker-info>
            <vision-cascade-menu source='{"items":[{"title":"Item 1","url":"/item-1","selected":true},{"title":"Item 2","url":"/item-2"}]}'></vision-cascade-menu>
          </vision-stack>
        </vision-popover-content>
      </vision-popover-button>
      <vision-button family="outline" href="#country-select" nowrap pill="true" size="sm" slot="navtool-end">
        <svg aria-hidden="true" fill="none" focusable="false" height="24" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="currentColor" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
          <circle cx="12" cy="12" r="10"></circle>
          <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path>
          <path d="M2 12h20"></path>
        </svg>
        Country
      </vision-button>
      <vision-dropdown-button chevron="true" collapse-inline="both" family="link" nowrap pill="true" section="another" selected-family="link" size="sm">
        <vision-format-ticker-button exchange="NYSE" expanded="false" price="27.21" pricelabel="Price" ticker="TEVA"></vision-format-ticker-button>
      </vision-dropdown-button>
      <vision-dropdown-content section="another">
        <vision-stack>
          <vision-ticker-info>
            <vision-ticker-info-group>
              <vision-ticker-info-item aria-label="Change">-0.02</vision-ticker-info-item>
              <vision-ticker-info-item aria-label="Change Percentage">(-0.13%)</vision-ticker-info-item>
            </vision-ticker-info-group>
            <vision-ticker-info-group>
              <vision-ticker-info-item aria-label="Date">April 28, 2025</vision-ticker-info-item>
              <vision-ticker-info-item aria-label="Time">12:54 PM EDT</vision-ticker-info-item>
            </vision-ticker-info-group>
            <vision-ticker-info-group>
              <vision-ticker-info-item id="delay-description">Delay</vision-ticker-info-item>
              <vision-ticker-info-item aria-describedby="delay-description">20 Minutes</vision-ticker-info-item>
            </vision-ticker-info-group>
          </vision-ticker-info>
          <vision-cascade-menu source='{"items":[{"title":"Item 1","url":"/item-1","selected":true},{"title":"Item 2","url":"/item-2"}]}'></vision-cascade-menu>
        </vision-stack>
      </vision-dropdown-content>
      <vision-button family="outline" href="#login-page" icon="" nowrap pill="true" size="sm" slot="menu-end">
        <svg aria-hidden="true" fill="none" focusable="false" height="24" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="currentColor" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
          <circle cx="12" cy="12" r="10"></circle>
          <path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path>
          <path d="M2 12h20"></path>
        </svg>
        <!-- Country -->
      </vision-button>
      <vision-trigger icon="true" slot="navtool-search-button">
        <svg aria-hidden="true" fill="none" focusable="false" height="24" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="currentColor" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
          <path d="m21 21-4.34-4.34"></path>
          <circle cx="11" cy="11" r="8"></circle>
        </svg>
      </vision-trigger>
      <vision-trigger icon="true" slot="menu-search-button">
        <svg aria-hidden="true" fill="none" focusable="false" height="24" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="currentColor" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
          <path d="m21 21-4.34-4.34"></path>
          <circle cx="11" cy="11" r="8"></circle>
        </svg>
      </vision-trigger>
    </vision-page-header>
  </div>
  <div class="vi-page-layout-v2__main" id="vi-content">
    <!-- Container  -->
    <div class="vi-container">
      <vision-teva-2025-hero-carousel autoplay="true" autoplay-delay="3000">
        <vision-teva-2025-hero-carousel-slide>
          <h1>We are all in for better health</h1>
          <p>
            At Teva, we deliver quality medicines, discover life-changing treatments, and drive scientific innovation.
          </p>
        </vision-teva-2025-hero-carousel-slide>
        <vision-teva-2025-hero-carousel-slide>
          <h1>Innovation at Every Step</h1>
          <p>
            From research to development, we're committed to advancing healthcare through cutting-edge science and technology.
          </p>
        </vision-teva-2025-hero-carousel-slide>
        <vision-teva-2025-hero-carousel-slide>
          <h1>Global Impact, Local Care</h1>
          <p>
            With a presence in over 60 countries, we bring accessible healthcare solutions to communities worldwide.
          </p>
        </vision-teva-2025-hero-carousel-slide>
      </vision-teva-2025-hero-carousel>
      <vision-teva-2025-hero-spacing top="none">
        <vision-teva-2025-hero-banner visual="small">
          <vision-teva-2025-hero-banner-image>
            <img src="/assets/images/static/test-800x800.jpg" alt="Sustainability initiatives">
          </vision-teva-2025-hero-banner-image>
          <vision-teva-2025-hero-banner-content>
            <h3 class="h1">Sustainability at Teva</h3>
            <p>At the forefront of Teva's innovative medicines pipeline is the development of therapeutic antibodies.</p>
            <vision-button slot="footer" variant="3" pill="true">Read more</vision-button>
          </vision-teva-2025-hero-banner-content>
        </vision-teva-2025-hero-banner>
      </vision-teva-2025-hero-spacing>
      <vision-teva-2025-hero-spacing top="none">
        <vision-teva-2025-hero-banner reversed="true" visual="large">
          <vision-teva-2025-hero-banner-image>
            <img src="/assets/images/static/test-800x800.jpg" alt="Sustainability initiatives">
          </vision-teva-2025-hero-banner-image>
          <vision-teva-2025-hero-banner-content>
            <h3 class="h1">Sustainability at Teva</h3>
            <p>At the forefront of Teva's innovative medicines pipeline is the development of therapeutic antibodies.</p>
            <vision-button slot="footer" variant="3" pill="true">Read more</vision-button>
          </vision-teva-2025-hero-banner-content>
        </vision-teva-2025-hero-banner>
      </vision-teva-2025-hero-spacing>
      <vision-teva-2025-hero-spacing top="none">
        <vision-teva-2025-hero-banner visual="moment">
          <vision-teva-2025-hero-banner-eyebrow>
            <h2>Innovation</h2>
          </vision-teva-2025-hero-banner-eyebrow>
          <vision-teva-2025-hero-banner-image>
            <img src="/assets/images/static/test-800x800.jpg" alt="Sustainability initiatives">
          </vision-teva-2025-hero-banner-image>
          <vision-teva-2025-hero-banner-content>
            <h3 class="h1">Sustainability at Teva</h3>
            <p>At the forefront of Teva's innovative medicines pipeline is the development of therapeutic antibodies.</p>
            <vision-button slot="footer" variant="3" pill="true">Read more</vision-button>
          </vision-teva-2025-hero-banner-content>
        </vision-teva-2025-hero-banner>
      </vision-teva-2025-hero-spacing>
    </div>
    <!-- Container (mods: --column) -->
    <div class="vi-container vi-container--column">
      <vision-cardlist title="PRESS RELEASES" view-all-text="View all press releases" view-all-href="#">
        <vision-cardlist-card date="2024-03-15" href="#" target="_blank" rel="noreferrer">
          <p>Discover how our latest research is transforming the future of medicine and improving patient outcomes worldwide.</p>
        </vision-cardlist-card>
        <vision-cardlist-card date="2024-02-28" href="#" target="_blank" rel="noreferrer">
          <p>Learn about our global initiatives to make life-saving medications more accessible to communities in need.</p>
        </vision-cardlist-card>
      </vision-cardlist>
    </div>
    <!-- Container  -->
    <div class="vi-container">
      ...
    </div>
    <!-- Container (mods: --column) -->
    <div class="vi-container vi-container--column">
      ...
    </div>
    <!-- Container (mods: --column) -->
    <div class="vi-container vi-container--column">
      ...
    </div>
  </div>
  <div class="vi-page-layout-v2__footer">
    <!-- Page Footer -->
    <div class="vi-page-footer">
      <div class="vi-page-footer__body" role="contentinfo">
        <div class="vi-page-footer__main">
          <!-- Container (mods: --column) -->
          <div class="vi-container vi-container--column">
            <div class="vi-page-footer__content">
              <div class="vi-page-footer__section">
                <!-- Display Header type: dash (mods: --sm) -->
                <div class="vi-display-header mb-30 vi-display-header-dash vi-display-header-dash--sm vi-typesystem vi-typesystem--inversed">
                  <!-- Use h1-h6 depending page hierarchy -->
                  <h2 class="h3">Our policies
                  </h2>
                </div>
                <div class="vi-grid">
                  <div class="vi-grid__row vi-grid__row--grid-30">
                    <div class="col-sm-6 col-lg-3">
                      <!-- Card type: tiny -->
                      <div class="vi-card-tiny vi-card">
                        <div class="vi-card-tiny__body vi-card__body">
                          <div class="vi-card-tiny__head vi-card__head">
                            <div class="vi-card-tiny__visual vi-card__visual">
                              <div class="vi-circular-image"><img alt="alt text" draggable="false" loading="lazy" src="/assets/images/static/test-540x540.jpg" srcset="/assets/images/static/test-540x540.jpg, /assets/images/static/test-1080x1080.jpg 2x"></div>
                            </div>
                          </div>
                          <div class="vi-card-tiny__main vi-card__main">
                            <div class="vi-card-tiny__content  vi-typesystem vi-typesystem--inversed vi-card__content">
                              <!-- Use h1-h6 depending page hierarchy -->
                              <h6 class="vi-card-tiny__title vi-card__title">Cornhole plaid mixtape try-hard helvetica</h6>
                            </div>
                            <a class="vi-card-tiny__trigger vi-card__trigger" href="#sample-c54068">
                              <!-- Button type: arrow  -->
                              <div class="vi-btn-arrow vi-btn-arrow--inversed vi-btn-arrow--nested vi-btn">Shoreditch fixie</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-6 col-lg-3">
                      <!-- Card type: tiny -->
                      <div class="vi-card-tiny vi-card">
                        <div class="vi-card-tiny__body vi-card__body">
                          <div class="vi-card-tiny__head vi-card__head">
                            <div class="vi-card-tiny__visual vi-card__visual">
                              <div class="vi-circular-image"><img alt="alt text" draggable="false" loading="lazy" src="/assets/images/static/test-540x540.jpg" srcset="/assets/images/static/test-540x540.jpg, /assets/images/static/test-1080x1080.jpg 2x"></div>
                            </div>
                          </div>
                          <div class="vi-card-tiny__main vi-card__main">
                            <div class="vi-card-tiny__content  vi-typesystem vi-typesystem--inversed vi-card__content">
                              <!-- Use h1-h6 depending page hierarchy -->
                              <h6 class="vi-card-tiny__title vi-card__title">Retro fingerstache asymmetrical forage kogi</h6>
                            </div>
                            <a class="vi-card-tiny__trigger vi-card__trigger" href="#sample-08548d">
                              <!-- Button type: arrow  -->
                              <div class="vi-btn-arrow vi-btn-arrow--inversed vi-btn-arrow--nested vi-btn">Tofu vinyl</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-6 col-lg-3">
                      <!-- Card type: tiny -->
                      <div class="vi-card-tiny vi-card">
                        <div class="vi-card-tiny__body vi-card__body">
                          <div class="vi-card-tiny__head vi-card__head">
                            <div class="vi-card-tiny__visual vi-card__visual">
                              <div class="vi-circular-image"><img alt="alt text" draggable="false" loading="lazy" src="/assets/images/static/test-540x540.jpg" srcset="/assets/images/static/test-540x540.jpg, /assets/images/static/test-1080x1080.jpg 2x"></div>
                            </div>
                          </div>
                          <div class="vi-card-tiny__main vi-card__main">
                            <div class="vi-card-tiny__content  vi-typesystem vi-typesystem--inversed vi-card__content">
                              <!-- Use h1-h6 depending page hierarchy -->
                              <h6 class="vi-card-tiny__title vi-card__title">Artisan chia kinfolk yolo polaroid</h6>
                            </div>
                            <a class="vi-card-tiny__trigger vi-card__trigger" href="#sample-38a714">
                              <!-- Button type: arrow  -->
                              <div class="vi-btn-arrow vi-btn-arrow--inversed vi-btn-arrow--nested vi-btn">Gentrify twee</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="col-sm-6 col-lg-3">
                      <!-- Card type: tiny -->
                      <div class="vi-card-tiny vi-card">
                        <div class="vi-card-tiny__body vi-card__body">
                          <div class="vi-card-tiny__head vi-card__head">
                            <div class="vi-card-tiny__visual vi-card__visual">
                              <div class="vi-circular-image"><img alt="alt text" draggable="false" loading="lazy" src="/assets/images/static/test-540x540.jpg" srcset="/assets/images/static/test-540x540.jpg, /assets/images/static/test-1080x1080.jpg 2x"></div>
                            </div>
                          </div>
                          <div class="vi-card-tiny__main vi-card__main">
                            <div class="vi-card-tiny__content  vi-typesystem vi-typesystem--inversed vi-card__content">
                              <!-- Use h1-h6 depending page hierarchy -->
                              <h6 class="vi-card-tiny__title vi-card__title">Vegan bespoke church-key bushwick chicharrones humblebrag</h6>
                            </div>
                            <a class="vi-card-tiny__trigger vi-card__trigger" href="#sample-7cceb4">
                              <!-- Button type: arrow  -->
                              <div class="vi-btn-arrow vi-btn-arrow--inversed vi-btn-arrow--nested vi-btn">Goth paleo</div>
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="vi-page-footer__section">
                <div class="vi-grid mb-30 mb-lg-60">
                  <div class="vi-grid__row vi-grid__row--grid-30">
                    <div class="col-md-6 col-lg-3">
                      <div class="vi-typesystem vi-typesystem--small vi-typesystem--inversed vi-typesystem--collapse-last vi-typesystem--offset-underline">
                        <!-- example of paragraph -->
                        <p>
                          <a href="#sample">Sitemap</a>
                          <br>
                          <a href="#sample">Legal Notes</a>
                        </p>
                      </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                      <div class="vi-typesystem vi-typesystem--small vi-typesystem--inversed vi-typesystem--collapse-last vi-typesystem--offset-underline">
                        <!-- example of list (.list-unstyled provided by Bootstrap) -->
                        <ul class="list-unstyled">
                          <li>
                            <a href="#sample">PhV privacy Notice</a>
                          </li>
                          <li>
                            <a href="#sample">
                              <img src="/assets/images/misc/privacyoptions.svg" alt="California Consumer Privacy Act (CCPA) Opt-Out Icon" width="29" height="14">
                              Your privacy choices
                            </a>
                          </li>
                          <li>
                            <a href="#sample">Data Privacy</a>
                          </li>
                          <li>
                            <a href="#your-javascript-here">Cookie settings</a>
                          </li>
                        </ul>
                      </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                      <div class="vi-typesystem vi-typesystem--small vi-typesystem--inversed vi-typesystem--collapse-last vi-typesystem--offset-underline">
                        <!-- example of paragraph -->
                        <p>
                          Visit
                          <a href="https://www.tapi.com" target="_blank">www.tapi.com</a>
                          <br>
                          Active Pharmaceutical Ingredients
                        </p>
                      </div>
                    </div>
                    <div class="col-md-6 col-lg-3">
                      <!-- Type (mods: --text-regular) -->
                      <h6 class="text-white mb-20 vi-type vi-type--text-regular">Follow us
                      </h6>
                      <!-- Share Buttons  -->
                      <div class="vi-share-buttons">
                        <ul class="vi-share-buttons__list">
                          <li class="vi-share-buttons__item">
                            <a href="https://facebook.com" target="_blank" class="vi-share-buttons__trigger vi-share-buttons__trigger--page-footer-links"><!-- Icon facebook-monochrome  -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewbox="0 0 34 34" sg-icons-dir="sg/components/icon/icons" role="img" class="vi-icon" aria-label="facebook-monochrome"><path fill-rule="evenodd" d="M30,15 C30,6.71572266 23.2842773,0 15,0 C6.71572266,0 0,6.71572266 0,15 C0,22.4869336 5.4852832,28.6924805 12.65625,29.8177148 L12.65625,19.3359375 L8.84765625,19.3359375 L8.84765625,15 L12.65625,15 L12.65625,11.6953125 C12.65625,7.9359375 14.8956738,5.859375 18.3219434,5.859375 C19.963125,5.859375 21.6796875,6.15234375 21.6796875,6.15234375 L21.6796875,9.84375 L19.7881934,9.84375 C17.9248535,9.84375 17.34375,11 17.34375,12.1862402 L17.34375,15 L21.5039062,15 L20.8388672,19.3359375 L17.34375,19.3359375 L17.34375,29.8177148 C24.5147168,28.6924805 30,22.4869336 30,15" transform="translate(2 2)"></path></svg>
                              <span class="sr-only">Facebook</span>
                            </a>
                          </li>
                          <li class="vi-share-buttons__item">
                            <a href="https://twitter.com" target="_blank" class="vi-share-buttons__trigger vi-share-buttons__trigger--page-footer-links"><!-- Icon twitter-monochrome  -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewbox="0 0 34 34" sg-icons-dir="sg/components/icon/icons" role="img" class="vi-icon" aria-label="twitter-monochrome"><path fill-rule="evenodd" d="M29.7244391,10.4727174 C29.7436804,10.7543155 29.7436804,11.0372137 29.7436804,11.321282 C29.7436804,19.9971305 23.1388652,30.0016646 11.0632978,30.0016646 L11.0632978,29.9964642 C7.49586817,30.0012746 4.00241328,28.9792788 1,27.0525547 C1.51860339,27.1145687 2.04045698,27.1462908 2.56283061,27.1472008 C5.51974096,27.150191 8.39162584,26.1583572 10.7164355,24.3312195 C7.90760468,24.2784361 5.442776,22.4463582 4.58277064,19.771826 C5.56654397,19.9613782 6.58060925,19.9228958 7.54722148,19.6592388 C4.48383427,19.0403989 2.28084245,16.3487057 2.2800624,13.2234345 L2.2800624,13.1402291 C3.19298117,13.6492119 4.21497696,13.93107 5.25985423,13.962012 C2.3747085,12.035418 1.4846712,8.19770095 3.22717337,5.19788783 C6.56097799,9.29939187 11.4791946,11.7926924 16.7580544,12.0573894 C16.2287904,9.77730263 16.9522869,7.38787881 18.6573467,5.78435559 C21.3011969,3.29807553 25.4601646,3.42561374 27.9465747,6.06946394 C29.4168393,5.77967529 30.8267801,5.24066059 32.1154231,4.47595136 C31.6254215,5.99626923 30.5996555,7.2867323 29.2291072,8.10721512 C30.530621,7.95341522 31.8017129,7.60525281 33,7.07429863 C32.1185433,8.39258349 31.0093118,9.54328757 29.7244391,10.4727174"></path></svg>
                              <span class="sr-only">Twitter</span>
                            </a>
                          </li>
                          <li class="vi-share-buttons__item">
                            <a href="https://linkedin.com" target="_blank" class="vi-share-buttons__trigger vi-share-buttons__trigger--page-footer-links"><!-- Icon linkedin-monochrome  -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewbox="0 0 34 34" sg-icons-dir="sg/components/icon/icons" role="img" class="vi-icon" aria-label="linkedin-monochrome"><path fill-rule="evenodd" d="M26.8823529,18.8776471 C26.8823529,14.9164706 24.3623529,13.3764706 21.8588235,13.3764706 C20.1903529,13.2932941 18.6042353,14.102 17.6917647,15.5011765 L17.5764706,15.5011765 L17.5764706,13.7058824 L13.7058824,13.7058824 L13.7058824,26.8823529 L17.8235294,26.8823529 L17.8235294,19.8741176 C17.7,18.3802353 18.8018824,17.0650588 20.2941176,16.9258824 L20.4505882,16.9258824 C21.76,16.9258824 22.7317647,17.7494118 22.7317647,19.8247059 L22.7317647,26.8823529 L26.8494118,26.8823529 L26.8823529,18.8776471 Z M11.6058824,9.17647059 C11.6149412,7.86623529 10.5608235,6.79729412 9.25058824,6.78823529 L9.25058824,6.78823529 L9.17647059,6.78823529 C7.85717647,6.78905882 6.78905882,7.85882353 6.78905882,9.17729412 C6.78988235,10.4957647 7.858,11.5638824 9.17647059,11.5647059 C10.4858824,11.5968235 11.5737647,10.5616471 11.6058824,9.25223529 C11.6058824,9.25141176 11.6058824,9.25141176 11.6058824,9.25058824 L11.6058824,9.17647059 Z M7.11764706,26.8823529 L11.2352941,26.8823529 L11.2352941,13.7058824 L7.11764706,13.7058824 L7.11764706,26.8823529 Z M31,5.05882353 L31,28.9411765 C31,30.0784706 30.0784706,31 28.9411765,31 L5.05882353,31 C3.92152941,31 3,30.0784706 3,28.9411765 L3,5.05882353 C3,3.92152941 3.92152941,3 5.05882353,3 L28.9411765,3 C30.0784706,3 31,3.92152941 31,5.05882353 L31,5.05882353 Z"></path></svg>
                              <span class="sr-only">Linkedin</span>
                            </a>
                          </li>
                        </ul>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="vi-typesystem w-75 vi-typesystem--small vi-typesystem--inversed vi-typesystem--collapse-last vi-typesystem--offset-underline">
                  <p>© 2023 - Teva Pharmaceutical Industries Ltd</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Page Back To Top  -->
    <button class="vi-page-back-to-top" title="Back to top">
      <span class="sr-only">Back to Top</span>
    </button>
  </div>
</div>

The example above is not showing the background correctly. Please see Teva2025 Background for correct background rendering. Use modifier .vi-page-layout-v2--transparent to make the background transparent.


Stylesheets #

The following stylesheet is required to display this component.

The following additional stylesheets are used to display the example(s).


JavaScript #

The following javascript is required to display this component.


Usage documentation #

Usage documentation can be found here.


Changelog #

Changelog

  • 13 Nov 2025 - fix(page-layout-v2): bump to 0.1.25 bentobox context issue, the sequal
  • 13 Nov 2025 - fix(page-layout-v2): bump to 0.1.24 bentobox context issue
  • 13 Nov 2025 - fix(page-layout-v2): bump to 0.1.23 bentobox taxonomy color
  • 10 Nov 2025 - fix(page-layout-v2): bump to 0.1.22 bentobox hover, bentobox rtl
  • 07 Nov 2025 - feat(page-layout-v2): bump to 0.1.21 background
  • 03 Nov 2025 - fix(page-layout-v2): bump to 0.1.20 fix hero carousel breakpoint
  • 21 Oct 2025 - fix(page-layout-v2): bump to 0.1.19 fix bentobox typography issue
  • 29 Sep 2025 - fix(page-layout-v2): bump to 0.1.18 fix autoplay issues
  • 29 Sep 2025 - docs(page-layout-v2): background teva 2025 container
  • 26 Sep 2025 - fix(page-layout-v2): bump to 0.1.17 fix ticker info color
  • 23 Sep 2025 - fix(page-layout-v2): bump to 0.1.16 fix initial direction check hero carousel
  • 22 Sep 2025 - feat(page-layout-v2): bump to 0.1.15 changed duotone image placement back to initial design specs
  • 19 Sep 2025 - feat(page-layout-v2): bump to 0.1.14 add vision-bentobox and vision-taxonomy components and fix reactangular image in circle issue
  • 12 Sep 2025 - feat(page-layout-v2): bump to 0.1.13 fix slider issues
  • 11 Sep 2025 - feat(page-layout-v2): bump to 0.1.12 add arrow option to button
  • 05 Sep 2025 - feat(page-layout-v2): bump to 0.1.11 hero components teva 2025
  • 20 Aug 2025 - feat(page-layout-v2): bump to 0.1.9 Add stock ticker components
  • 19 Aug 2025 - fix(page-layout-v2): bump to 0.1.8 Art direction Anda
  • 18 Aug 2025 - feat(page-layout-v2): bump to 0.1.7 Add theme Anda
  • 13 Aug 2025 - fix(page-layout-v2): bump to 0.1.6 Add vision-banner-orb-carousel
  • 11 Aug 2025 - fix(page-layout-v2): bump to 0.1.5 Add image credits to banner.
  • 11 Aug 2025 - fix(page-layout-v2): bump to 0.1.3 Allow menu button values.
  • 08 Aug 2025 - fix(page-layout-v2): bump to 0.1.2 Button regression, cascade menu a11y issue.
  • 08 Aug 2025 - feat(page-layout-v2): bump to 0.1.1 Allow img tag for banner duotone.
  • 11 Jul 2025 -feat(page-layout-v2): update SVG icons for login buttons according design
  • 11 Jul 2025 - feat(page-layout-v2): bump to 0.1.0 deprecated vision-one-teva in favor of vision-one-vision and added vision-teva-2025 set. docs
  • 04 Jul 2025 - feat(page-layout-v2): bump to 0.0.69 minified and unminified versions of typography and components assets
  • 27 May 2025 - feat(page-layout-v2): added show-secondary-logo-on-scrolldown attribute to control secondary logo visibility on scroll + ajovy theme update
  • 23 May 2025 - fix(page-layout-v2): fragment link offset on page load
  • 13 May 2025 - fix(page-layout-v2): masthead button gap
  • 07 May 2025 - fix(page-layout-v2): Make mepha use page font.
  • 15 Apr 2025 - fix(page-layout-v2): wip scroll offset
  • 14 Apr 2025 - fix(page-layout-v2): fix incorrect parsing of empty array.
  • 09 Apr 2025 - fix(page-layout-v2): delegate button focus
  • 01 Apr 2025 - fix(page-layout-v2): implement responsive height calculations for layout components
  • 28 Mar 2025 - feat(page-layout-v2): mepha theme file (update all assets)
  • 24 Mar 2025 - fix(page-layout-v2): stacking order above dropdowns
  • 24 Mar 2025 - fix(page-layout-v2): bump to 0.0.57 fix popover content not accessible via keyboard
  • 21 Mar 2025 - fix(page-layout-v2): bump to 0.0.56 fix language selector wrap and masthead slots equal to granix
  • 21 Mar 2025 - fix(page-layout-v2): bump to 0.0.53 fix social media icon coloring
  • 21 Mar 2025 - doc(page-layout-v2): add language selector component to menu
  • 21 Mar 2025 - fix(page-layout-v2): correct logic for determining current page in navigation items
  • 20 Mar 2025 - fix(page-layout-v2): force width on logo’s
  • 12 Mar 2025 - fix(page-layout-v2): disconnecting dropdown button
  • 12 Mar 2025 - feat(page-layout-v2): output --page-layout-expanded-height and --page-layout-collapsed-height custom properties
  • 11 Mar 2025 - feat(page-layout-v2): add collapse-inline to language selector
  • 10 Mar 2025 - fix(page-layout-v2): granix navigation-end and all menu-buttons at start
  • 07 Mar 2025 - fix(page-layout-v2): allow search and slots when navigation-end is set
  • 04 Mar 2025 - feat(page-layout-v2): add navigation-end to navigation boolean.
  • 04 Mar 2025 - fix(page-layout-v2): add rel and target handling to navigation links.
  • 28 Feb 2025 - fix(page-layout-v2): navigation not showing levels
  • 25 Feb 2025 - feat(page-layout-v2): Add <vision-social-media-bar> component.
  • 19 Feb 2025 - feat(page-layout-v2): granix header version plus several fixes.
  • 04 Feb 2025 - fix(page-layout-v2): add z-index to header wrapper
  • 30 Jan 2025 - feat(page-layout-v2): current page and root page active in navigation.
  • 06 dec 2024 - feat(page-layout-v2): hover color inline nav teva.
  • 03 dec 2024 - feat(page-layout-v2): allow secondary ident position.
  • 21 nov 2024 - fix(page-layout-v2): fix broken arrows rtl.
  • 15 nov 2024 - feat(page-layout-v2): add navigation hover color (theme-teva).
  • 15 nov 2024 - fix(page-layout-v2): open level 0 navigation links
  • 15 nov 2024 - fix(page-layout-v2): placeholder meassurements.
  • 15 nov 2024 - fix(page-layout-v2): stackorder header
  • 15 nov 2024 - fix(page-layout-v2): adjust context to stay within correct boundary.
  • 13 nov 2024 - feat(page-layout-v2): vision.fetch.setHeaders to globally set headers.
  • 13 nov 2024 - feat(page-layout-v2): added <vision-language-selector> component.
  • 13 nov 2024 - fix(page-layout-v2): collapsing header when not fixed.
  • 06 Nov 2024 - docs(page-layout-v2): more examples
  • 06 Nov 2024 - docs(page-layout-v2): search-label and search-placeholder attributes.
  • 06 Nov 2024 - feat(page-layout-v2): mobile version trigger content (menu).
  • 06 Nov 2024 - feat(page-layout-v2): desktop version trigger content (navtool).
  • 06 Nov 2024 - feat(page-layout-v2): dynamic search query parameters
  • 06 Nov 2024 - fix(page-layout-v2): make popup respect shadow dom.
  • 04 Nov 2024 - feat(page-layout-v2): Option for inline navigation.
  • 04 Nov 2024 - fix(page-layout-v2): Regresion ident.
  • 26 Oct 2024 - fix(page-layout-v2): Container
  • 26 Oct 2024 - fix(page-layout-v2): Icons
  • 26 Oct 2024 - feat(page-layout-v2): Legacy endpoint support.
  • 26 Oct 2024 - feat(page-layout-v2): Added secondary ident.
  • 17 Oct 2024 - fix(page-layout-v2): renamed page-layout-nh to page-layout-v2.

Added

  • Initial draft