@ptcwebops/ptcw-design 6.3.32 → 6.3.33-beta

package/dist/collection/stories/organisms/ptc/Two Column With Toggle/preview.stories.js

@@ -1,549 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/Ptc/Two Column With Toggle'
-};
-
-const AlertsPage = args => {
-  return html`
-  <style>
-    .two-column-media-video {
-      padding-top: 56.25%;
-      position: relative;
-    }
-
-    .content-wrapper.spacing-large {
-      padding: 1.25rem;
-    }
-
-    .content-wrapper.x-small {
-      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.24);
-    }
-
-    .content-wrapper {
-      font-family: Raleway;
-      font-size: 16px;
-      font-weight: 400;
-      line-height: 24px;
-      letter-spacing: 0px;
-      text-align: left;
-    }
-
-    .white {
-      border-radius: 4px;
-      background-color: #fff;
-    }
-  </style>
-  <ptc-preloader-section class="min-height" section-type="case-content">
-    <div class="ptc-container">
-      <br>
-      <ptc-title type='h3' upperline="no-upperline"> Two Column with Toggle text Demo, Type: tab-with-banner
-      </ptc-title>
-      <hr>
-      <br>
-
-      <div class="max-content">
-        <ptc-title type="h2" upperline="no-upperline" title-size="x-large" title-margin="margin-flush"
-          text-align="center">Augmented Reality Industrial Applications</ptc-title>
-        <ptc-para font-size="small" font-weight="w-5" para-margin="margin-top-4" para-style="main"
-          para-line-h="line-height-p" para-align="center">
-          Industrial AR has numerous practical applications and knowing where to begin depends on
-          understanding
-          where you'll get the fastest, most meaningful ROI. Explore how these AR applications can offer clear
-          returns, tangible benefits, and a roadmap to scale up with AR technology.
-        </ptc-para>
-        <ptc-spacer></ptc-spacer>
-      </div>
-      <br>
-      <ptc-title type='h3' upperline="no-upperline"> Tab store demo</ptc-title>
-      <hr>
-      <br>
-      <div class="content-wrapper white x-small spacing-large">
-        <ptc-tab-list>
-          <tab-header slot="header" name="Overview" tooltip="Overview" tab-header-text="Overview"></tab-header>
-          <tab-content slot="content" name="Overview">
-            <h3>Design Better Products, Faster With Creo </h3>
-            <p>Creo enables students for careers in product design using the same award-winning performance and
-              functionality found in our professional edition. With Creo Parametric, and its extensions, you
-              can
-              create, analyze, view, and share designs using 2D CAD, 3D CAD, parametric, and direct modeling
-              capabilities.
-            </p>
-            <p>New capabilities in augmented reality, real-time simulation, and design for additive
-              manufacturing
-              enhance collaboration, increase efficiency, and create an optimized learning environment for
-              students.
-            </p>
-            <p>Note: Purchase of PTC Creo University Student Edition Premium requires valid academic
-              identification.
-              Please check out the <strong>Eligibility Information</strong> tab for the academic ID submission
-              instruction. For <strong>University</strong> purchases, please contact an <a
-                href="/en/education/contact-us">Academic Advisor.</a>&nbsp;</p>
-          </tab-content>
-          <tab-header slot="header" name="Key Features" tooltip="Key Features"
-            tab-header-text="Key Features"></tab-header>
-          <tab-content slot="content" name="Key Features">
-            <ul>
-              <li> <a href="/en/products/creo/parametric"><strong>PTC Creo Parametric</strong> </a>is the
-                essential
-                integrated 3D CAD/CAM/CAE solution, offering the most robust product design toolset with the
-                ability
-                to create parts, assemblies, and drawings that can be directly published into AR</li>
-              <li><strong><a href="/en/products/creo/direct">PTC Creo Direct</a></strong> is an easy-to-use,
-                flexible
-                solution that gives users the ability to create and edit 3D CAD data using a direct modeling
-                approach</li>
-              <li><strong><a href="/en/products/creo/simulation">PTC Creo Simulate</a></strong> enables 3D
-                virtual
-                prototyping to test a range of structural and thermal properties of a design early in the
-                design
-                process</li>
-              <li><strong><a href="/en/products/creo/layout">PTC Creo Layout</a></strong> allows you to create
-                2D
-                conceptual layouts and reuse the 2D data to build detailed 3D models</li>
-              <li><strong><a
-                    href="/en/blogs/cad/working-with-imported-cad-data-using-the-ptc-creo-flexible-modeling-extension">PTC
-                    Creo Flexible Modeling Extension</a></strong> combines the ease of direct modeling
-                with
-                the
-                control of parametric 3D CAD in making changes to 3D models</li>
-              <li><strong><a href="/en/blogs/cad/tips-tricks-afx-working-with-joints">PTC Creo Advanced
-                    Framework
-                    Extension</a></strong> is tailored for machine designers and equipment manufacturers
-                to
-                simplify and speed structure design</li>
-              <li><strong><a href="/en/products/creo/parametric/mechanism-dynamics-option">PTC Creo Mechanism
-                    Dynamics
-                    Option</a></strong> enables you to virtually simulate the forces and accelerations
-                in
-                systems with moving components</li>
-              <li><strong><a href="/en/blogs/cad/a-quick-introduction-to-the-ptc-creo-piping-and-cabling-extension">PTC
-                    Creo Piping &amp; Cabling Design Extension</a></strong> automates routed systems
-                design.
-                Whether your product designs feature complex cabling or harnessing systems, hydraulic or
-                pneumatic
-                hoses, high- and low-pressure tubing, copper work, or large bore pipes, PTC Creo PCX helps
-                minimize
-                errors and improve efficiency.</li>
-              <li><strong><a href="/en/technologies/cad/simulation-and-analysis/tolerance-analysis">PTC Creo
-                    Tolerance
-                    Analysis Extension</a></strong> lets you quickly analyze and document geometric
-                tolerances
-                directly on 3D CAD models so that once manufactured, all components of your products will
-                fit
-                together correctly on the shop floor</li>
-              <li><strong>PTC Creo Manikin Extension</strong> makes the process of performing ergonomics and
-                human
-                factors analyses easily accessible to all PTC Creo 3D CAD users</li>
-              <li><strong>PTC Creo Manikin Analysis Extension</strong> is an easy-to-use, powerful module that
-                enables
-                you to test your designs against several quantitative human factors, as well as workplace
-                standards
-                and guidelines, early in the product development process</li>
-              <li><strong>PTC Creo Advanced Assembly Extension</strong> allows critical design information to
-                be
-                shared with individual team members, enabling them to complete their tasks concurrently
-                while
-                working within the context of the full assembly</li>
-              <li><strong>PTC Creo Advanced Rendering Extension</strong> is a full-featured, high-end
-                rendering
-                software tool for creating photorealistic images that can help sell your 3D product design
-                concepts
-                more effectively</li>
-            </ul>
-          </tab-content>
-          <tab-header slot="header" name="System Requirements" tooltip="System Requirements"
-            tab-header-text="System Requirements"></tab-header>
-          <tab-content slot="content" name="System Requirements">
-            <p>Please review the <a rel="noopener noreferrer"
-                href="https://www.ptc.com/en/support/refdoc/Creo_Parametric/9.0/creo9_hardware_notes"
-                target="_blank">PTC
-                Creo Hardware Notes</a> before purchasing. </p>
-            <h3>Installation and System Requirements</h3>
-            <li>OS: Windows 7, 8, 8.1 and 10 Update (64 bit) </li>
-            <li>Memory: 4GB RAM minimum </li>
-            <li>Hardware Requirement: 3 button mouse </li>
-            <li>Learn about additional requirements in the hardware notes </li>
-          </tab-content>
-          <tab-header slot="header" name="Eligibility Information" tooltip="Eligibility Information"
-            tab-header-text="Eligibility Information"></tab-header>
-          <tab-content slot="content" name="Eligibility Information">
-            <p>Creo Student Edition Premium is available to students for personal learning or academic purposes.
-              It
-              is
-              not available for labs or institutions and an academic ID is required for purchase. </p>
-            <h3>Accepted Academic IDs: </h3>
-            <ul>
-              <li>Valid Student ID </li>
-              <li>Letter or Registration Form from an accredited academic institution to confirm enrollment in
-                a
-                minimum nine-month certificate-granting program </li>
-            </ul>
-            <p>Please either fax a copy of the academic ID to 1-781-707-0900 or send an e-mail to <a
-                rel="noopener noreferrer" href="mailto:ptc.nam@digitalriver.com"
-                target="_blank">ptc.nam@digitalriver.com</a> </p>
-            <p>For university purchases, please contact an<a href="/en/education/contact-us"> Academic
-                Advisor</a><a rel="noopener noreferrer"
-                href="https://www.ptc.com/communities/academic-program/contact-us" target="_blank">. </a>
-            </p>
-          </tab-content>
-          <tab-header slot="header" name="Product test1 description" tooltip="Product test1 description"
-            tab-header-text="Product test1 description"></tab-header>
-          <tab-content slot="content" name="Product test1 description">
-            <p>Creo Student Edition Premium is available to students for personal learning or academic purposes.
-              It
-              is
-              not available for labs or institutions and an academic ID is required for purchase. </p>
-            <h3>Accepted Academic IDs: </h3>
-            <ul>
-              <li>Valid Student ID </li>
-              <li>Letter or Registration Form from an accredited academic institution to confirm enrollment in
-                a
-                minimum nine-month certificate-granting program </li>
-            </ul>
-            <p>Please either fax a copy of the academic ID to 1-781-707-0900 or send an e-mail to <a
-                rel="noopener noreferrer" href="mailto:ptc.nam@digitalriver.com"
-                target="_blank">ptc.nam@digitalriver.com</a> </p>
-            <p>For university purchases, please contact an<a href="/en/education/contact-us"> Academic
-                Advisor</a><a rel="noopener noreferrer"
-                href="https://www.ptc.com/communities/academic-program/contact-us" target="_blank">. </a>
-            </p>
-          </tab-content>
-
-          <tab-header slot="header" name="Product test2 description" tooltip="Product test2 description"
-            tab-header-text="Product test2 description"></tab-header>
-          <tab-content slot="content" name="Product test2 description">
-            <p> Product test2 descriptionCreo Student Edition Premium is available to students for personal learning or
-              academic purposes.
-              It
-              is
-              not available for labs or institutions and an academic ID is required for purchase. </p>
-            <h3>Accepted Academic IDs: </h3>
-            <ul>
-              <li>Valid Student ID </li>
-              <li>Letter or Registration Form from an accredited academic institution to confirm enrollment in
-                a
-                minimum nine-month certificate-granting program </li>
-            </ul>
-            <p>Please either fax a copy of the academic ID to 1-781-707-0900 or send an e-mail to <a
-                rel="noopener noreferrer" href="mailto:ptc.nam@digitalriver.com"
-                target="_blank">ptc.nam@digitalriver.com</a> </p>
-            <p>For university purchases, please contact an<a href="/en/education/contact-us"> Academic
-                Advisor</a><a rel="noopener noreferrer"
-                href="https://www.ptc.com/communities/academic-program/contact-us" target="_blank">. </a>
-            </p>
-          </tab-content>
-
-          <tab-header slot="header" name="Product test3 description" tooltip="Product test3 description"
-            tab-header-text="Product test3 description"></tab-header>
-          <tab-content slot="content" name="Product test3 description">
-            <p> Product test2 descriptionCreo Student Edition Premium is available to students for personal learning or
-              academic purposes.
-              It
-              is
-              not available for labs or institutions and an academic ID is required for purchase. </p>
-            <h3>Accepted Academic IDs: </h3>
-            <ul>
-              <li>Valid Student ID </li>
-              <li>Letter or Registration Form from an accredited academic institution to confirm enrollment in
-                a
-                minimum nine-month certificate-granting program </li>
-            </ul>
-            <p>Please either fax a copy of the academic ID to 1-781-707-0900 or send an e-mail to <a
-                rel="noopener noreferrer" href="mailto:ptc.nam@digitalriver.com"
-                target="_blank">ptc.nam@digitalriver.com</a> </p>
-            <p>For university purchases, please contact an<a href="/en/education/contact-us"> Academic
-                Advisor</a><a rel="noopener noreferrer"
-                href="https://www.ptc.com/communities/academic-program/contact-us" target="_blank">. </a>
-            </p>
-          </tab-content>
-
-        </ptc-tab-list>
-      </div>
-      <br><br><br>
-      <ptc-tab-list type="tab-with-banner">
-        <tab-header slot="header" name="test1"
-          tab-header-text="Vuforia Instruct Vuforia Instruct Vuforia Instruct Vuforia Instruct">
-
-
-        </tab-header>
-        <tab-header slot="header" name="Vuforia Expert Capture"
-          tab-header-text="ipsum dolor sit amet, consectetur adipiscing ipsum dolor sit amet, consectetur adipiscing "></tab-header>
-        <tab-header slot="header" name="Vuforia Studio"
-          tab-header-text="VLorem ipsum dolor sit amet, consectetur adipiscing el"></tab-header>
-        <tab-header slot="header" name="Vuforia Chalk"
-          tab-header-text=" ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit"></tab-header>
-        <tab-header slot="header" name="test2" tab-header-text="deserunt mollit anim id est laborum. "></tab-header>
-
-
-        <tab-content slot="content" name="test1">
-          <ptc-text-copy-with-background type="tab-cta-with-background" top-slit-background-color="none"
-            background-image="https://www-dev.ptc.com/-/media/Images/new-org/1366x500/vuforia/instruct-1366x500.jpg">
-            <div class="ptc-container">
-              <div class="is-grid">
-                <div class="is-col is-col-6-lg is-col-5-xl grid-order-1-md">
-                  <ptc-title type='h3' text-align='left' upperline="no-upperline" title-margin="margin-flush"
-                    title-color="gray">
-                    <ptc-tooltip text-display="inline" text-lines="2" z-index="z-2"
-                      description="Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Cras dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum volutpat. Ut aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis vulputate dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna."
-                      position="bottom">
-                    </ptc-tooltip>
-                  </ptc-title>
-
-                  <ptc-para>
-
-                      <ptc-readmore  more-text="More" visible-lines-custom="18" less-text="Less" read-more-position="left" >
-                      The design process by utilizing real-time structural, <a href="#">ksdufnvks vlsdnvlsd vlsndvlsvd </a>modal, thermal and fluid flow analysis to
-                      iterate on and modify their designs. Now, this partnership brings you, Creo Ansys Simulation; a
-                      high-fidelity, high accuracy simulation tool with Ansys solvers embedded into Creo. Creo Ansys
-                      Simulation is designed specifically for engineers to analyze the performance of 3D prototypes
-                      before committing to real-world production. Creo Ansys Simulation comes fully featured and
-                      leverages Ansys ’capabilities for thermal, structural and modal analyses, allowing engineers to
-                      make informed decisions as they refine their design.
-                      The PTC Ansys partnership first revolutionized simulation-driven design with Creo Simulation Live.
-                      It provided designers with the means to incorporate simulation early in the design process by
-                      utilizing real-time structural, modal, thermal and fluid flow analysis to iterate on and modify
-                      their designs. Now, this partnership brings you, Creo Ansys Simulation; a high-fidelity, high
-                      accuracy simulation tool with Ansys solvers embedded into Creo. Creo Ansys Simulation is designed
-                      specifically for engineers to analyze the performance of 3D prototypes before committing to
-                      real-world production. Creo Ansys Simulation comes fully featured and leverages Ansys
-                      ’capabilities for thermal, structural and modal analyses, allowing engineers to make informed
-                      decisions as they refine their design.
-                      <p>Supporting Copy ~150 characters Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin
-                        dui elit, cursus ac nisl sed, bibendum tempus metus.test</p>
-                      Hippopotomonstrosesquippedaliophobia <a href="/en/">internal link</a>, <a
-                        rel="noopener noreferrer" href="http://www.google.com" target="_blank">External Link</a>, <a
-                        href="/en/resources/digital-download/part-1-cummins-drives-sustainability-using-creo-generative-design">slug
-                        url</a>, <strong>bold</strong>, <em>italics</em> <br />
-                      <ol>
-                        <li>item 1</li>
-                        <li>item 2</li>
-                        <li>item 3</li>
-                      </ol>
-                      <ul>
-                        <li>item 1</li>
-                        <li>item 2</li>
-                      </ul>
-                      Rechtsschutzversicherungsgesellschaften
-                    </ptc-readmore>
-                  </ptc-para>
-                  <ptc-spacer breakpoint="large" size="large"></ptc-spacer>
-                  <ptc-button type="link" color="ptc-secondary" link-title=""
-                    link-href="/en/products/vuforia/vuforia-instruct" target="">
-                    Learn More About Vuforia Instruct
-                  </ptc-button>
-                </div>
-                <div class="is-col is-col-6-lg is-col-7-xl grid-order-2-md">
-                  <div class="test-video-span"><video-js data-account="1532789042001" data-player="HknUe20R"
-                      data-embed="default" controls="" data-video-id="6288156463001" data-playlist-id=""
-                      data-application-id="" class="vjs-fluid"></video-js></div>
-                  <script src="https://players.brightcove.net/1532789042001/HknUe20R_default/index.min.js"></script>
-                </div>
-              </div>
-            </div>
-          </ptc-text-copy-with-background>
-        </tab-content>
-        <tab-content slot="content" name="Vuforia Expert Capture">
-          <ptc-text-copy-with-background type="tab-cta-with-background" top-slit-background-color="none"
-            background-image="https://www-dev.ptc.com/-/media/Images/new-org/1366x500/vuforia/expert-capture-1366x500.jpg">
-            <div class="ptc-container">
-              <div class="is-grid">
-                <div class="is-col is-col-6-lg is-col-5-xl">
-                  <ptc-title type='h3' text-align='left' upperline="no-upperline" title-margin="margin-flush"
-                    title-color="gray">
-                    <ptc-tooltip text-display="inline" text-lines="2" z-index="z-2"
-                      description="Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Cras dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum volutpat. Ut aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis vulputate dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna."
-                      position="bottom">
-                    </ptc-tooltip>
-                  </ptc-title>
-                  <ptc-para>
-                    <ptc-readmore more-text="read more" less-text="read less" visible-lines-custom="4" read-more-position="left">
-                      Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis
-                      risus ac, tincidunt massa. Cras dictum <a href="/en/"> Link Test</a>aliquet eleifend. Etiam condimentum
-                      suscipit vulputate. In tempus ante at eros elementum volutpat. Ut aliquam
-                      mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque
-                      lectus. Donec id nib<a href="/en/"> Link Test 2</a>h quis lectus euismod semper eget in sem. Ut vulputate
-                      cursus libero ut pharetra. Aliquam convallis vulputate dignissim. Mauris vel
-                      elit sit amet nibh porta cursus eu id urna. Aliquam convallis vulputate
-                      dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna. Aliquam
-                      convallis vulputate dignissim. Mauris vel elit sit amet nibh porta cursus eu
-                      id urna.Nulla ut nunc id n<a href="/en/"> Link Test 3</a>ulla aliquam feugiat. Maecenas quis dui rhoncus,
-                      mattis risus ac, tincidunt massa. Cras dictum aliquet eleifend. Etiam
-                      condimentum suscipit vulputate. In tempus ante at eros elementum volutpat.
-                      Ut aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget
-                      scelerisque lectus. Donec id nibh quis lectus euismod semper eget in sem. Ut
-                      vulputate cursus libero ut pharetra. Aliquam convallis vulputate dignissim.
-                      Mauris vel elit sit amet nibha <a href="/en/"> Link Test 4</a> porta cursus eu id urna. Aliquam convallis
-                      vulputate dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna.
-                      Aliquam convallis vulputate dignissim. Mauris vel elit sit amet nibh porta
-                      cursus eu id urna.
-                    </ptc-readmore>
-                  </ptc-para>
-                  <ptc-spacer breakpoint="large" size="large"></ptc-spacer>
-                  <ptc-button type="link" color="ptc-secondary" link-title="Learn More About Vuforia Expert Capture"
-                    link-href="https://www.google.com" target="_blank">
-                    Learn More About Vuforia Expert Capture
-                  </ptc-button>
-                </div>
-              </div>
-            </div>
-          </ptc-text-copy-with-background>
-        </tab-content>
-        <tab-content slot="content" name="Vuforia Studio">
-          <ptc-text-copy-with-background type="tab-cta-with-background" top-slit-background-color="none"
-            background-image="https://www-dev.ptc.com/-/media/Images/new-org/1366x500/vuforia/studio-1366x500.jpg">
-            <div class="ptc-container">
-              <div class="is-grid">
-                <div class="is-col is-col-6-lg is-col-5-xl">
-                  <ptc-title type='h3' text-align='left' upperline="no-upperline" title-margin="margin-flush"
-                    title-color="gray">
-                    <ptc-tooltip text-display="inline" text-lines="2" z-index="z-2"
-                      description="Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Cras dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum volutpat. Ut aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis vulputate dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna."
-                      position="bottom">
-                    </ptc-tooltip>
-                    <ptc-para font-size="small" para-line-h="line-height-denser" font-weight="w-5"
-                      ellipsis-line-cutoff="7">
-                      <p>Efficiently create immersive AR experiences that leverage existing 3D and IoT
-                        data—and improve worker safety, proficiency, and agility.
-                      </p>
-                    </ptc-para>
-                    <ptc-spacer breakpoint="large" size="large"></ptc-spacer>
-                    <ptc-button type="link" color="ptc-secondary" link-title="Learn More About Vuforia Studio"
-                      link-href="https://www-dev.ptc.com/-/media/Files/PDFs/About/2021-health-and-safety-policy.pdf"
-                      target="_blank">
-                      Learn More About Vuforia Studio
-                    </ptc-button>
-                </div>
-              </div>
-            </div>
-          </ptc-text-copy-with-background>
-        </tab-content>
-        <tab-content slot="content" name="Vuforia Engine">
-          <ptc-text-copy-with-background type="tab-cta-with-background" top-slit-background-color="none">
-            <div class="ptc-container">
-              <div class="is-grid">
-                <div class="is-col is-col-6-lg is-col-5-xl grid-order-1-md">
-                  <ptc-title type='h3' text-align='left' upperline="no-upperline" title-margin="margin-flush"
-                    title-color="gray" ellipsis-line-cutoff="3">Vuforia
-                    Engine</ptc-title>
-                  <ptc-para font-size="small" para-line-h="line-height-denser" font-weight="w-5">
-                    <ptc-readmore more-text="read more" less-text="read less" visible-lines-custom="3">
-                      <p>Learn why over one million developers have chosen the advanced computer
-                        vision,
-                        calibrated performance, and cross-platform reach of Vuforia Engine, making
-                        it
-                        the most popular AR software on the planet.</p>
-                      <p>Learn why over one million developers have chosen the advanced computer
-                        vision,
-                        calibrated performance, and cross-platform reach of Vuforia Engine, making
-                        it
-                        the most popular AR software on the planet.</p>
-                      <p>Learn why over one million developers have chosen the advanced computer
-                        vision,
-                        calibrated performance, and cross-platform reach of Vuforia Engine, making
-                        it
-                        the most popular AR software on the planet.</p>
-                      <p>Learn why over one million developers have chosen the advanced computer
-                        vision,
-                        calibrated performance, and cross-platform reach of Vuforia Engine, making
-                        it
-                        the most popular AR software on the planet.</p>
-                    </ptc-readmore>
-                  </ptc-para>
-                  <ptc-spacer breakpoint="large" size="large"></ptc-spacer>
-                  <ptc-button type="link" color="ptc-secondary" link-title="Learn More About Vuforia Engine"
-                    link-href="/en/products/vuforia/vuforia-engine" target="">Learn More About
-                    Vuforia
-                    Engine</ptc-button>
-                </div>
-                <div class="is-col is-col-6-lg is-col-7-xl grid-order-2-md">
-                  <div><video-js data-account="1532789042001" data-player="HknUe20R" data-embed="default" controls=""
-                      data-video-id="6311549493112" data-playlist-id="" data-application-id=""
-                      class="vjs-fluid"></video-js>
-                  </div>
-                  <script src="https://players.brightcove.net/1532789042001/HknUe20R_default/index.min.js"></script>
-
-                </div>
-              </div>
-            </div>
-          </ptc-text-copy-with-background>
-        </tab-content>
-        <tab-content slot="content" name="Vuforia Chalk">
-          <ptc-text-copy-with-background type="tab-cta-with-background" top-slit-background-color="none"
-            overlay="false">
-            <div class="ptc-container">
-              <div class="is-grid">
-                <div class="is-col is-col-6-lg is-col-5-xl grid-order-1-md">
-                  <ptc-title type='h3' text-align='left' upperline="no-upperline" title-margin="margin-flush"
-                    title-color="gray">
-                    <ptc-tooltip text-display="inline" text-lines="2" z-index="z-2"
-                      description="Nulla ut nunc id nulla aliquam feugiat. Maecenas quis dui rhoncus, mattis risus ac, tincidunt massa. Cras dictum aliquet eleifend. Etiam condimentum suscipit vulputate. In tempus ante at eros elementum volutpat. Ut aliquam mattis velit, sed malesuada lorem. Donec eu posuere nisl, eget scelerisque lectus. Donec id nibh quis lectus euismod semper eget in sem. Ut vulputate cursus libero ut pharetra. Aliquam convallis vulputate dignissim. Mauris vel elit sit amet nibh porta cursus eu id urna."
-                      position="bottom">
-                    </ptc-tooltip>
-                    <ptc-para font-size="small" para-line-h="line-height-denser" font-weight="w-5"
-                      ellipsis-line-cutoff="7">
-                      <p>Vuforia Chalk brings your technicians and experts together to solve problems
-                        faster and more effectively. Power your people with Chalk's augmented
-                        reality
-                        remote assistance.</p>
-                    </ptc-para>
-                    <ptc-spacer breakpoint="large" size="large"></ptc-spacer>
-                    <ptc-button type="link" color="ptc-secondary" link-title="Learn More About Vuforia Chalk"
-                      link-href="/en/products/vuforia/vuforia-chalk" target="">Learn More About
-                      Vuforia
-                      Chalk</ptc-button>
-                </div>
-                <div class="is-col is-col-6-lg is-col-7-xl grid-order-2-md">
-                  <div class="two-column-media-video">
-                    <iframe src=https://player.vimeo.com/video/344890300?title=0&byline=0 frameborder="0"
-                      allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
-                  </div>
-
-                </div>
-              </div>
-            </div>
-          </ptc-text-copy-with-background>
-        </tab-content>
-        <tab-content slot="content" name="test2">
-          <ptc-text-copy-with-background type="tab-cta-with-background" top-slit-background-color="none">
-            <div class="ptc-container">
-              <div class="is-grid">
-                <div class="is-col is-col-6-lg is-col-5-xl grid-order-1-md">
-                  <ptc-title type='h3' text-align='left' upperline="no-upperline" title-margin="margin-flush"
-                    title-color="gray" ellipsis-line-cutoff="3">Vuforia
-                    Spatial Toolbox</ptc-title>
-                  <ptc-para font-size="small" para-line-h="line-height-denser" font-weight="w-5"
-                    ellipsis-line-cutoff="7">
-                    <p>Accelerate the development of IoT, augmented reality, and spatial computing
-                      prototypes and use cases.
-                    </p>
-                  </ptc-para>
-                  <ptc-spacer breakpoint="large" size="large"></ptc-spacer>
-                  <ptc-button type="link" color="ptc-secondary" link-title="Learn More About Vuforia Spatial Toolbox"
-                    link-href="/en/products/vuforia/vuforia-spatial-toolbox" target="">Learn More
-                    About
-                    Vuforia Spatial Toolbox</ptc-button>
-                </div>
-                <div class="is-col is-col-6-lg is-col-7-xl grid-order-2-md">
-                  <div class="two-column-media-video">
-                    <iframe src=https://www.youtube.com/embed/pyNBEJbQ5yA frameborder="0" allowfullscreen
-                      style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
-                  </div>
-
-                </div>
-              </div>
-            </div>
-          </ptc-text-copy-with-background>
-        </tab-content>
-      </ptc-tab-list>
-
-
-
-
-
-    </div>
-  </ptc-preloader-section>
-  `;
-};
-
-export const Preview = AlertsPage.bind();