@ptcwebops/ptcw-design 6.3.32-beta → 6.3.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (421) hide show
  1. package/dist/cjs/component-1b8ad4d2.js +1819 -0
  2. package/dist/cjs/{component-6a178a16.js → component-35540bfb.js} +1494 -3305
  3. package/dist/cjs/embedded-form.cjs.entry.js +1 -1
  4. package/dist/cjs/featured-list.cjs.entry.js +1 -1
  5. package/dist/cjs/global-418c14b4.js +33 -0
  6. package/dist/cjs/icon-asset.cjs.entry.js +1 -1
  7. package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
  8. package/dist/cjs/jumbotron-sub-menu.cjs.entry.js +1 -1
  9. package/dist/cjs/list-item.cjs.entry.js +1 -1
  10. package/dist/cjs/loader.cjs.js +3 -1
  11. package/dist/cjs/ptc-back-to-top.cjs.entry.js +16 -1
  12. package/dist/cjs/ptc-bio-card.cjs.entry.js +20 -3
  13. package/dist/cjs/ptc-button.cjs.entry.js +5 -3
  14. package/dist/cjs/ptc-card_2.cjs.entry.js +7 -5
  15. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +2 -6
  16. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +29 -28
  17. package/dist/cjs/ptc-countdown.cjs.entry.js +7 -10
  18. package/dist/cjs/ptc-data-lookup.cjs.entry.js +2 -1
  19. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +1 -1
  20. package/dist/cjs/ptc-embedded-quiz.cjs.entry.js +1 -1
  21. package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
  22. package/dist/cjs/ptc-filter-dropdown_4.cjs.entry.js +40 -9
  23. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +18 -3
  24. package/dist/cjs/{ptc-form-checkbox_4.cjs.entry.js → ptc-form-checkbox_2.cjs.entry.js} +39 -803
  25. package/dist/cjs/ptc-info-tile.cjs.entry.js +2 -1
  26. package/dist/cjs/ptc-jumbotron.cjs.entry.js +4 -1
  27. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +674 -0
  28. package/dist/cjs/ptc-nav-link.cjs.entry.js +1 -1
  29. package/dist/cjs/ptc-nav-skip-to-content.cjs.entry.js +28 -3
  30. package/dist/cjs/ptc-para.cjs.entry.js +1 -1
  31. package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
  32. package/dist/cjs/ptc-previous-url.cjs.entry.js +2 -10
  33. package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +1 -1
  34. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
  35. package/dist/cjs/ptc-product-card.cjs.entry.js +2 -2
  36. package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
  37. package/dist/cjs/ptc-product-dropdown.cjs.entry.js +2 -2
  38. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
  39. package/dist/cjs/ptc-product-list.cjs.entry.js +11 -1
  40. package/dist/cjs/ptc-product-sidebar.cjs.entry.js +38 -6
  41. package/dist/cjs/ptc-quote.cjs.entry.js +1 -1
  42. package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
  43. package/dist/cjs/ptc-readmore-v3.cjs.entry.js +1 -1
  44. package/dist/cjs/ptc-related-card-rail.cjs.entry.js +42 -38
  45. package/dist/cjs/ptc-sticky-icons.cjs.entry.js +9 -0
  46. package/dist/cjs/ptc-text-copy-with-background.cjs.entry.js +7 -0
  47. package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +42 -8
  48. package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
  49. package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
  50. package/dist/cjs/ptc-white-paper.cjs.entry.js +15 -14
  51. package/dist/cjs/ptcw-design.cjs.js +3 -1
  52. package/dist/cjs/tab-header.cjs.entry.js +1 -1
  53. package/dist/cjs/validation-messages-f1d373e7.js +172 -0
  54. package/dist/collection/collection-manifest.json +2 -2
  55. package/dist/collection/components/icon-asset/icon-asset.js +1 -1
  56. package/dist/{ptcw-design/media/designer-v6.0.6.svg → collection/components/icon-asset/media/designer-v6.0.7.svg} +17 -30
  57. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +6 -6
  58. package/dist/collection/components/jumbotron-sub-menu/jumbotron-sub-menu.css +1 -0
  59. package/dist/collection/components/list-item/list-item.css +4 -0
  60. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +3 -3
  61. package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +1 -1
  62. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.css +4 -0
  63. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +15 -0
  64. package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +10 -6
  65. package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +19 -2
  66. package/dist/collection/components/ptc-button/ptc-button.css +100 -0
  67. package/dist/collection/components/ptc-button/ptc-button.js +24 -4
  68. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +6 -6
  69. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.js +1 -5
  70. package/dist/collection/components/ptc-countdown/ptc-countdown.js +7 -10
  71. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.css +1 -1
  72. package/dist/collection/components/ptc-embedded-quiz/ptc-embedded-quiz.css +1 -1
  73. package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +6 -6
  74. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css +12 -0
  75. package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.js +29 -3
  76. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +34 -13
  77. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.js +17 -2
  78. package/dist/collection/components/ptc-info-tile/ptc-info-tile.js +20 -1
  79. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +6 -6
  80. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +3 -0
  81. package/dist/collection/components/ptc-modal/ptc-modal.css +0 -4
  82. package/dist/collection/components/ptc-modal/ptc-modal.js +30 -29
  83. package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.css +7 -0
  84. package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.js +78 -2
  85. package/dist/collection/components/ptc-para/ptc-para.css +0 -3
  86. package/dist/collection/components/ptc-para/ptc-para.js +2 -2
  87. package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +6 -6
  88. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +109 -0
  89. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +6 -4
  90. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +0 -16
  91. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +1 -27
  92. package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.css +2 -2
  93. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +1 -1
  94. package/dist/collection/components/ptc-product-card/ptc-product-card.css +10 -6
  95. package/dist/collection/components/ptc-product-card/ptc-product-card.js +1 -1
  96. package/dist/collection/components/ptc-product-category/ptc-product-category.css +6 -6
  97. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.css +8 -0
  98. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +1 -1
  99. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +6 -6
  100. package/dist/collection/components/ptc-product-list/ptc-product-list.js +11 -1
  101. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.css +12 -0
  102. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +37 -5
  103. package/dist/collection/components/ptc-quote/ptc-quote.js +1 -1
  104. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +6 -6
  105. package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +6 -6
  106. package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +63 -38
  107. package/dist/collection/components/ptc-select/ptc-select.js +8 -4
  108. package/dist/collection/components/ptc-sticky-icons/ptc-sticky-icons.js +9 -0
  109. package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js +7 -0
  110. package/dist/collection/components/ptc-textfield/ptc-textfield.css +69 -4
  111. package/dist/collection/components/ptc-textfield/ptc-textfield.js +77 -37
  112. package/dist/collection/components/ptc-theater-video/ptc-theater-video.css +6 -0
  113. package/dist/collection/components/ptc-theater-video/ptc-theater-video.js +1 -1
  114. package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.css +15 -0
  115. package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.js +67 -9
  116. package/dist/collection/components/ptc-theater-video-playlist/ptc-theater-video-playlist.js +8 -3
  117. package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +6 -6
  118. package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +6 -6
  119. package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +6 -6
  120. package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +14 -13
  121. package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.js +1 -1
  122. package/dist/collection/components/tab-header/tab-header.js +1 -1
  123. package/dist/collection/global/global.js +7 -0
  124. package/dist/collection/stories/Card.stories.js +3 -148
  125. package/dist/collection/stories/Jumbotron.stories.js +727 -0
  126. package/dist/collection/stories/Link.stories.js +25 -13
  127. package/dist/collection/stories/MinimizedFooter.stories.js +18 -0
  128. package/dist/collection/stories/Paragraph.stories.js +18 -10
  129. package/dist/collection/stories/ResponsiveWrapper.stories.js +21 -0
  130. package/dist/collection/stories/Select.stories.js +5 -8
  131. package/dist/collection/stories/Textfield.stories.js +71 -28
  132. package/dist/collection/stories/Title.stories.js +28 -16
  133. package/dist/collection/stories/organisms/ptc/Academic Form/preview.stories.js +22 -0
  134. package/dist/collection/stories/organisms/ptc/All Products/preview.stories.js +1616 -0
  135. package/dist/collection/stories/organisms/ptc/Announcement/preview.stories.js +58 -0
  136. package/dist/collection/stories/organisms/ptc/Background Video/preview.stories.js +58 -0
  137. package/dist/collection/stories/organisms/ptc/Blog Author Listing/preview.stories.js +32 -0
  138. package/dist/collection/stories/organisms/ptc/Blog Content/preview.stories.js +317 -0
  139. package/dist/collection/stories/organisms/ptc/Blog Detail/preview.stories.js +500 -0
  140. package/dist/collection/stories/organisms/ptc/Blogs Listing Page/preview.stories.js +368 -0
  141. package/dist/collection/stories/organisms/ptc/Bureau New Dynamic/preview.stories.js +54 -0
  142. package/dist/collection/stories/organisms/ptc/Case Studies/preview.stories.js +243 -0
  143. package/dist/collection/stories/organisms/ptc/Case Studies Detail Page/preview.stories.js +456 -0
  144. package/dist/collection/stories/organisms/ptc/Case Studies Slider/preview.stories.js +384 -0
  145. package/dist/collection/stories/organisms/ptc/Case Studies Slider New/preview.stories.js +171 -0
  146. package/dist/collection/stories/organisms/ptc/Clq Modal Quiz/preview.stories.js +100 -0
  147. package/dist/collection/stories/organisms/ptc/Contact Free Trial Form/preview.stories.js +22 -0
  148. package/dist/collection/stories/organisms/ptc/Countdown Example/preview.stories.js +29 -0
  149. package/dist/collection/stories/organisms/ptc/E Store Build Listing/preview.stories.js +543 -0
  150. package/dist/collection/stories/organisms/ptc/E Store Build Product/preview.stories.js +427 -0
  151. package/dist/collection/stories/organisms/ptc/Eloqua Library Contact Info/preview.stories.js +168 -0
  152. package/dist/collection/stories/organisms/ptc/Eloqua Library Visitor PCenter/preview.stories.js +60 -0
  153. package/dist/collection/stories/organisms/ptc/Eloqua Library Visitor Recipient Id/preview.stories.js +59 -0
  154. package/dist/collection/stories/organisms/ptc/Embedded Form/preview.stories.js +23 -0
  155. package/dist/collection/stories/organisms/ptc/Embedded Form Floating/preview.stories.js +165 -0
  156. package/dist/collection/stories/organisms/ptc/Event Detail/preview.stories.js +16 -0
  157. package/dist/collection/stories/organisms/ptc/Event Jumbotron/preview.stories.js +470 -0
  158. package/dist/collection/stories/organisms/ptc/Event Podcast Slider/preview.stories.js +142 -0
  159. package/dist/collection/stories/organisms/ptc/Events Listing Cards/preview.stories.js +169 -0
  160. package/dist/collection/stories/organisms/ptc/Events Listing Cards Horizontal/preview.stories.js +169 -0
  161. package/dist/collection/stories/organisms/ptc/Featured Events Slider/preview.stories.js +165 -0
  162. package/dist/collection/stories/organisms/ptc/Featured List/preview.stories.js +16 -0
  163. package/dist/collection/stories/organisms/ptc/Filter Level Theater/preview.stories.js +18 -0
  164. package/dist/collection/stories/organisms/ptc/Five Card Value Prop/preview.stories.js +64 -0
  165. package/dist/collection/stories/organisms/ptc/Footer Form/preview.stories.js +18 -0
  166. package/dist/collection/stories/organisms/ptc/Footer V2/preview.stories.js +138 -0
  167. package/dist/collection/stories/organisms/ptc/Footer V2 Cn/preview.stories.js +146 -0
  168. package/dist/collection/stories/organisms/ptc/Form Radio Button/preview.stories.js +42 -0
  169. package/dist/collection/stories/organisms/ptc/Framed Video 16 9/preview.stories.js +31 -0
  170. package/dist/collection/stories/organisms/ptc/Homepage Image Feature/preview.stories.js +41 -0
  171. package/dist/collection/stories/organisms/ptc/Homepage Jumbotron/preview.stories.js +166 -0
  172. package/dist/collection/stories/organisms/ptc/Homepage Toggled Content/preview.stories.js +227 -0
  173. package/dist/collection/stories/organisms/ptc/Hub Of Hubs/preview.stories.js +417 -0
  174. package/dist/collection/stories/organisms/ptc/Intro/preview.stories.js +41 -0
  175. package/dist/collection/stories/organisms/ptc/Jumbotron/preview.stories.js +431 -0
  176. package/dist/collection/stories/organisms/ptc/Jumbotron With Logos/preview.stories.js +431 -0
  177. package/dist/collection/stories/organisms/ptc/Large Bulleted List/preview.stories.js +224 -0
  178. package/dist/collection/stories/organisms/ptc/Large Bulleted List V2/preview.stories.js +326 -0
  179. package/dist/collection/stories/organisms/ptc/Listing Filter/preview.stories.js +256 -0
  180. package/dist/collection/stories/organisms/ptc/Main Nav Product Solutions Tab/preview.stories.js +200 -0
  181. package/dist/collection/stories/organisms/ptc/Mathcad Start Page/preview.stories.js +100 -0
  182. package/dist/collection/stories/organisms/ptc/Media Kit Speed Bump/preview.stories.js +39 -0
  183. package/dist/collection/stories/organisms/ptc/Most Popular News/preview.stories.js +28 -0
  184. package/dist/collection/stories/organisms/ptc/Mvc Form/preview.stories.js +22 -0
  185. package/dist/collection/stories/organisms/ptc/New Buttons/preview.stories.js +125 -0
  186. package/dist/collection/stories/organisms/ptc/Partners Detail/preview.stories.js +151 -0
  187. package/dist/collection/stories/organisms/ptc/Partners Listing/preview.stories.js +394 -0
  188. package/dist/collection/stories/organisms/ptc/Pdf Portal/preview.stories.js +140 -0
  189. package/dist/collection/stories/organisms/ptc/Plm On Demand 1/preview.stories.js +205 -0
  190. package/dist/collection/stories/organisms/ptc/Plm On Demand 2/preview.stories.js +180 -0
  191. package/dist/collection/stories/organisms/ptc/Podcast List/preview.stories.js +175 -0
  192. package/dist/collection/stories/organisms/ptc/Preference Center/preview.stories.js +235 -0
  193. package/dist/collection/stories/organisms/ptc/Preference Center Exit Page/preview.stories.js +85 -0
  194. package/dist/collection/stories/organisms/ptc/Preference Center Update Email/preview.stories.js +54 -0
  195. package/dist/collection/stories/organisms/ptc/Preference Center Update Personal Info/preview.stories.js +59 -0
  196. package/dist/collection/stories/organisms/ptc/Pricing Packaging Table/preview.stories.js +399 -0
  197. package/dist/collection/stories/organisms/ptc/Pricing Packaging Table Subnav/preview.stories.js +179 -0
  198. package/dist/collection/stories/organisms/ptc/Ptc 3 Card Value Prop/preview.stories.js +46 -0
  199. package/dist/collection/stories/organisms/ptc/Ptc Bio Cards/preview.stories.js +741 -0
  200. package/dist/collection/stories/organisms/ptc/Ptc Creo Start Page/preview.stories.js +111 -0
  201. package/dist/collection/stories/organisms/ptc/Ptc Editorial/preview.stories.js +84 -0
  202. package/dist/collection/stories/organisms/ptc/Ptc Form/preview.stories.js +18 -0
  203. package/dist/collection/stories/organisms/ptc/Ptc Icon Card Slider/preview.stories.js +121 -0
  204. package/dist/collection/stories/organisms/ptc/Ptc Icon Component/preview.stories.js +185 -0
  205. package/dist/collection/stories/organisms/ptc/Ptc Icon Sprites/preview.stories.js +150 -0
  206. package/dist/collection/stories/organisms/ptc/Ptc Innovator Toggle/preview.stories.js +421 -0
  207. package/dist/collection/stories/organisms/ptc/Ptc Media Cards/preview.stories.js +133 -0
  208. package/dist/collection/stories/organisms/ptc/Ptc News Detail/preview.stories.js +142 -0
  209. package/dist/collection/stories/organisms/ptc/Ptc News Detail Alternate/preview.stories.js +140 -0
  210. package/dist/collection/stories/organisms/ptc/Ptc Offices/preview.stories.js +405 -0
  211. package/dist/collection/stories/organisms/ptc/Ptc Readmore V3/preview.stories.js +71 -0
  212. package/dist/collection/stories/organisms/ptc/Ptc Showcase Card/preview.stories.js +177 -0
  213. package/dist/collection/stories/organisms/ptc/Ptc Sticky Share Icons/preview.stories.js +184 -0
  214. package/dist/collection/stories/organisms/ptc/Ptc Subnav V1/preview.stories.js +149 -0
  215. package/dist/collection/stories/organisms/ptc/Ptc Subnav V2/preview.stories.js +91 -0
  216. package/dist/collection/stories/organisms/ptc/Ptc Text Copy With Background/preview.stories.js +226 -0
  217. package/dist/collection/stories/organisms/ptc/Ptc Title Demo/preview.stories.js +24 -0
  218. package/dist/collection/stories/organisms/ptc/Ptc Tooltip V3/preview.stories.js +85 -0
  219. package/dist/collection/stories/organisms/ptc/Ptc Two Column Two Media/preview.stories.js +126 -0
  220. package/dist/collection/stories/organisms/ptc/Read More/preview.stories.js +278 -0
  221. package/dist/collection/stories/organisms/ptc/Related Cards/preview.stories.js +107 -0
  222. package/dist/collection/stories/organisms/ptc/Resource Center/preview.stories.js +149 -0
  223. package/dist/collection/stories/organisms/ptc/Search Result/preview.stories.js +62 -0
  224. package/dist/collection/stories/organisms/ptc/Search Result News/preview.stories.js +72 -0
  225. package/dist/collection/stories/organisms/ptc/Searchbar Plm On Demand/preview.stories.js +62 -0
  226. package/dist/collection/stories/organisms/ptc/Seo Test/preview.stories.js +215 -0
  227. package/dist/collection/stories/organisms/ptc/Sequential Slider/preview.stories.js +38 -0
  228. package/dist/collection/stories/organisms/ptc/Sequential Slider Mobile/preview.stories.js +90 -0
  229. package/dist/collection/stories/organisms/ptc/Shortform Agileworx/preview.stories.js +22 -0
  230. package/dist/collection/stories/organisms/ptc/Storefront Enhanced Product Listing/preview.stories.js +132 -0
  231. package/dist/collection/stories/organisms/ptc/Success Path Details Page/preview.stories.js +236 -0
  232. package/dist/collection/stories/organisms/ptc/Three Column Text/preview.stories.js +75 -0
  233. package/dist/collection/stories/organisms/ptc/Three Up Text Cards/preview.stories.js +134 -0
  234. package/dist/collection/stories/organisms/ptc/Two Column Media/preview.stories.js +181 -0
  235. package/dist/collection/stories/organisms/ptc/Two Column With Toggle/preview.stories.js +549 -0
  236. package/dist/collection/stories/organisms/ptc/Value Led Resource/preview.stories.js +479 -0
  237. package/dist/collection/stories/organisms/ptc/Volvo Three Col/preview.stories.js +115 -0
  238. package/dist/collection/stories/organisms/ptc/Vuforia Quiz/preview.stories.js +26 -0
  239. package/dist/collection/stories/organisms/ptc/White Paper/preview.stories.js +174 -0
  240. package/dist/collection/utils/fef-logger.js +23 -0
  241. package/dist/collection/utils/validation-messages.js +49 -2
  242. package/dist/custom-elements/index.d.ts +0 -6
  243. package/dist/custom-elements/index.js +617 -417
  244. package/dist/esm/{component-80f298b4.js → component-8c53e377.js} +1482 -3281
  245. package/dist/esm/component-9beac35b.js +1802 -0
  246. package/dist/esm/embedded-form.entry.js +1 -1
  247. package/dist/esm/featured-list.entry.js +1 -1
  248. package/dist/esm/global-1a5f28d5.js +31 -0
  249. package/dist/esm/icon-asset.entry.js +1 -1
  250. package/dist/esm/innovator-toggle-container.entry.js +1 -1
  251. package/dist/esm/jumbotron-sub-menu.entry.js +1 -1
  252. package/dist/esm/list-item.entry.js +1 -1
  253. package/dist/esm/loader.js +3 -1
  254. package/dist/esm/ptc-back-to-top.entry.js +16 -1
  255. package/dist/esm/ptc-bio-card.entry.js +20 -3
  256. package/dist/esm/ptc-button.entry.js +5 -3
  257. package/dist/esm/ptc-card_2.entry.js +7 -5
  258. package/dist/esm/ptc-case-studies-slider.entry.js +2 -6
  259. package/dist/esm/ptc-close-icon_2.entry.js +29 -28
  260. package/dist/esm/ptc-countdown.entry.js +7 -10
  261. package/dist/esm/ptc-data-lookup.entry.js +2 -1
  262. package/dist/esm/ptc-dynamic-card.entry.js +1 -1
  263. package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
  264. package/dist/esm/ptc-featured-list.entry.js +1 -1
  265. package/dist/esm/ptc-filter-dropdown_4.entry.js +40 -9
  266. package/dist/esm/ptc-filter-level-theater.entry.js +18 -3
  267. package/dist/esm/{ptc-form-checkbox_4.entry.js → ptc-form-checkbox_2.entry.js} +39 -801
  268. package/dist/esm/ptc-info-tile.entry.js +2 -1
  269. package/dist/esm/ptc-jumbotron.entry.js +4 -1
  270. package/dist/esm/ptc-multi-select_2.entry.js +669 -0
  271. package/dist/esm/ptc-nav-link.entry.js +1 -1
  272. package/dist/esm/ptc-nav-skip-to-content.entry.js +28 -3
  273. package/dist/esm/ptc-para.entry.js +1 -1
  274. package/dist/esm/ptc-podcast-card.entry.js +1 -1
  275. package/dist/esm/ptc-previous-url.entry.js +2 -10
  276. package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
  277. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  278. package/dist/esm/ptc-product-card.entry.js +2 -2
  279. package/dist/esm/ptc-product-category.entry.js +1 -1
  280. package/dist/esm/ptc-product-dropdown.entry.js +2 -2
  281. package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
  282. package/dist/esm/ptc-product-list.entry.js +11 -1
  283. package/dist/esm/ptc-product-sidebar.entry.js +38 -6
  284. package/dist/esm/ptc-quote.entry.js +1 -1
  285. package/dist/esm/ptc-readmore-char.entry.js +1 -1
  286. package/dist/esm/ptc-readmore-v3.entry.js +1 -1
  287. package/dist/esm/ptc-related-card-rail.entry.js +42 -38
  288. package/dist/esm/ptc-sticky-icons.entry.js +9 -0
  289. package/dist/esm/ptc-text-copy-with-background.entry.js +8 -1
  290. package/dist/esm/ptc-theater-video-modal.entry.js +43 -9
  291. package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
  292. package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
  293. package/dist/esm/ptc-white-paper.entry.js +15 -14
  294. package/dist/esm/ptcw-design.js +3 -1
  295. package/dist/esm/tab-header.entry.js +1 -1
  296. package/dist/esm/validation-messages-1379b825.js +169 -0
  297. package/dist/{collection/components/icon-asset/media/designer-v6.0.6.svg → ptcw-design/media/designer-v6.0.7.svg} +17 -30
  298. package/dist/ptcw-design/p-00e21489.entry.js +1 -0
  299. package/dist/ptcw-design/p-02822616.entry.js +1 -0
  300. package/dist/ptcw-design/p-05c29cc2.entry.js +1 -0
  301. package/dist/ptcw-design/{p-f867ebe6.entry.js → p-0ddf2a09.entry.js} +1 -1
  302. package/dist/ptcw-design/p-0efedf59.js +1 -0
  303. package/dist/ptcw-design/p-13e338a5.entry.js +1 -0
  304. package/dist/ptcw-design/p-1454ba84.entry.js +1 -0
  305. package/dist/ptcw-design/p-15a40f78.entry.js +1 -0
  306. package/dist/ptcw-design/p-18851303.entry.js +1 -0
  307. package/dist/ptcw-design/{p-d73cc053.entry.js → p-18ac526f.entry.js} +1 -1
  308. package/dist/ptcw-design/p-1feb2812.entry.js +1 -0
  309. package/dist/ptcw-design/{p-2cc7e2a8.entry.js → p-24776ca2.entry.js} +1 -1
  310. package/dist/ptcw-design/{p-4ca956c1.entry.js → p-260e573b.entry.js} +1 -1
  311. package/dist/ptcw-design/{p-9df7489b.entry.js → p-27c26d50.entry.js} +1 -1
  312. package/dist/ptcw-design/p-352e87c0.entry.js +1 -0
  313. package/dist/ptcw-design/p-38e5e590.entry.js +1 -0
  314. package/dist/ptcw-design/p-3b9fbbaa.js +1 -0
  315. package/dist/ptcw-design/p-539639ff.entry.js +1 -0
  316. package/dist/ptcw-design/p-593b8eff.entry.js +1 -0
  317. package/dist/ptcw-design/p-66ecd7b9.entry.js +1 -0
  318. package/dist/ptcw-design/p-73a853fc.entry.js +1 -0
  319. package/dist/ptcw-design/p-77fb3a86.entry.js +1 -0
  320. package/dist/ptcw-design/p-7e8daa35.entry.js +1 -0
  321. package/dist/ptcw-design/{p-99355e65.entry.js → p-884c335c.entry.js} +1 -1
  322. package/dist/ptcw-design/p-98426799.js +203 -0
  323. package/dist/ptcw-design/p-98844b50.js +134 -0
  324. package/dist/ptcw-design/{p-71360e29.entry.js → p-9e4e21a4.entry.js} +1 -1
  325. package/dist/ptcw-design/p-a2c7df64.entry.js +1 -0
  326. package/dist/ptcw-design/p-a58698ca.entry.js +1 -0
  327. package/dist/ptcw-design/{p-0b515839.entry.js → p-a791c53a.entry.js} +1 -1
  328. package/dist/ptcw-design/p-acdd9a1d.entry.js +1 -0
  329. package/dist/ptcw-design/p-ad821a01.entry.js +1 -0
  330. package/dist/ptcw-design/p-b6255525.entry.js +1 -0
  331. package/dist/ptcw-design/{p-fd87fcd5.entry.js → p-b863b296.entry.js} +1 -1
  332. package/dist/ptcw-design/p-bb9a879f.entry.js +1 -0
  333. package/dist/ptcw-design/p-bc146844.entry.js +1 -0
  334. package/dist/ptcw-design/p-bf84ecc0.entry.js +1 -0
  335. package/dist/ptcw-design/p-c82eaf9d.entry.js +1 -0
  336. package/dist/ptcw-design/p-cad4b517.entry.js +1 -0
  337. package/dist/ptcw-design/{p-3dd0ded9.entry.js → p-d089dc37.entry.js} +1 -1
  338. package/dist/ptcw-design/p-d6845e91.entry.js +1 -0
  339. package/dist/ptcw-design/p-db1dcce0.entry.js +1 -0
  340. package/dist/ptcw-design/p-ddb898c7.entry.js +1 -0
  341. package/dist/ptcw-design/p-e3867512.entry.js +1 -0
  342. package/dist/ptcw-design/{p-7793babb.entry.js → p-e3b1af2b.entry.js} +1 -1
  343. package/dist/ptcw-design/p-e6619d63.entry.js +1 -0
  344. package/dist/ptcw-design/p-e8c275a1.entry.js +1 -0
  345. package/dist/ptcw-design/{p-bab5bb88.entry.js → p-f5d8a3b1.entry.js} +1 -1
  346. package/dist/ptcw-design/p-f60f42ff.entry.js +68 -0
  347. package/dist/ptcw-design/p-f9256e3d.entry.js +1 -0
  348. package/dist/ptcw-design/p-fbd9c8fc.entry.js +1 -0
  349. package/dist/ptcw-design/ptcw-design.css +2 -2
  350. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  351. package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +1 -1
  352. package/dist/types/components/ptc-button/ptc-button.d.ts +2 -1
  353. package/dist/types/components/ptc-countdown/ptc-countdown.d.ts +0 -1
  354. package/dist/types/components/ptc-filter-dropdown/ptc-filter-dropdown.d.ts +2 -1
  355. package/dist/types/components/ptc-form-checkbox/ptc-form-checkbox.d.ts +1 -1
  356. package/dist/types/components/ptc-info-tile/ptc-info-tile.d.ts +1 -0
  357. package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +1 -0
  358. package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -1
  359. package/dist/types/components/ptc-multi-select/ptc-multi-select.d.ts +1 -1
  360. package/dist/types/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.d.ts +6 -0
  361. package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
  362. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +0 -2
  363. package/dist/types/components/ptc-product-list/ptc-product-list.d.ts +1 -1
  364. package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +6 -3
  365. package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts +3 -0
  366. package/dist/types/components/ptc-select/ptc-select.d.ts +2 -1
  367. package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts +2 -0
  368. package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +58 -4
  369. package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts +6 -1
  370. package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts +1 -1
  371. package/dist/types/components/ptc-white-paper/ptc-white-paper.d.ts +1 -1
  372. package/dist/types/components.d.ts +135 -24
  373. package/dist/types/global/global.d.ts +4 -0
  374. package/dist/types/utils/fef-logger.d.ts +10 -0
  375. package/dist/types/utils/validation-messages.d.ts +4 -123
  376. package/package.json +6 -2
  377. package/readme.md +1 -5
  378. package/dist/cjs/modal-form-example.cjs.entry.js +0 -94
  379. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +0 -26
  380. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +0 -99
  381. package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +0 -45
  382. package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +0 -47
  383. package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +0 -157
  384. package/dist/esm/modal-form-example.entry.js +0 -90
  385. package/dist/ptcw-design/p-0529caaa.entry.js +0 -1
  386. package/dist/ptcw-design/p-077839d5.entry.js +0 -1
  387. package/dist/ptcw-design/p-092e50c9.entry.js +0 -1
  388. package/dist/ptcw-design/p-0d223232.entry.js +0 -1
  389. package/dist/ptcw-design/p-0e5932f0.entry.js +0 -1
  390. package/dist/ptcw-design/p-0ef61b44.entry.js +0 -1
  391. package/dist/ptcw-design/p-21aa746d.entry.js +0 -1
  392. package/dist/ptcw-design/p-282b7d4e.entry.js +0 -1
  393. package/dist/ptcw-design/p-2a20d4a6.entry.js +0 -1
  394. package/dist/ptcw-design/p-32f64f48.entry.js +0 -1
  395. package/dist/ptcw-design/p-3ee2a531.entry.js +0 -1
  396. package/dist/ptcw-design/p-445329ed.entry.js +0 -1
  397. package/dist/ptcw-design/p-4b192f5e.entry.js +0 -1
  398. package/dist/ptcw-design/p-4f93c631.entry.js +0 -1
  399. package/dist/ptcw-design/p-5311c6e1.entry.js +0 -1
  400. package/dist/ptcw-design/p-58e91cb8.entry.js +0 -1
  401. package/dist/ptcw-design/p-5db7f70b.entry.js +0 -1
  402. package/dist/ptcw-design/p-672a349f.js +0 -336
  403. package/dist/ptcw-design/p-75390f63.entry.js +0 -1
  404. package/dist/ptcw-design/p-799afee5.entry.js +0 -1
  405. package/dist/ptcw-design/p-7bdf1e64.entry.js +0 -1
  406. package/dist/ptcw-design/p-8038bf31.entry.js +0 -1
  407. package/dist/ptcw-design/p-85b3ca2b.entry.js +0 -1
  408. package/dist/ptcw-design/p-85bdb2d5.entry.js +0 -68
  409. package/dist/ptcw-design/p-8fb48953.entry.js +0 -1
  410. package/dist/ptcw-design/p-9501995f.entry.js +0 -1
  411. package/dist/ptcw-design/p-97b9f41b.entry.js +0 -1
  412. package/dist/ptcw-design/p-99ee8a0e.entry.js +0 -1
  413. package/dist/ptcw-design/p-b50f71dd.entry.js +0 -1
  414. package/dist/ptcw-design/p-baff4d44.entry.js +0 -1
  415. package/dist/ptcw-design/p-de960790.entry.js +0 -1
  416. package/dist/ptcw-design/p-e6a272d9.entry.js +0 -1
  417. package/dist/ptcw-design/p-f0abe922.entry.js +0 -1
  418. package/dist/ptcw-design/p-f1734520.entry.js +0 -1
  419. package/dist/ptcw-design/p-fe40421e.entry.js +0 -1
  420. package/dist/ptcw-design/p-fe907670.entry.js +0 -1
  421. package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +0 -25
package/dist/collection/stories/organisms/ptc/All Products/preview.stories.js ADDED
@@ -0,0 +1,1616 @@
1
+ import { html } from 'lit';
2
+
3
+ export default {
4
+ title: 'Organisms/ptc/All Products'
5
+ };
6
+
7
+ const AlertsPage = args => {
8
+ return html`
9
+
10
+
11
+ <div class="ptc-container">
12
+ <section class="all-product-banner">
13
+ <div class="">
14
+ <ptc-breadcrumb color="primary-gray" position="center" remove-top-margin="true">
15
+ <list-item list-type="breadcrumb" color="primary-gray"> All Products </list-item>
16
+ </ptc-breadcrumb>
17
+ <ptc-spacer></ptc-spacer>
18
+ <ptc-spacer size="x-small" breakpoint="x-small"></ptc-spacer>
19
+ <ptc-title type="h1" text-align="center" upperline="no-upperline" title-margin="margin-flush" title-size="xxxx-large-desktop">
20
+ <h1>PTC Products</h1>
21
+ </ptc-title>
22
+ <ptc-spacer size="x-small"></ptc-spacer>
23
+ <ptc-spacer size="x-small" breakpoint="x-small"></ptc-spacer>
24
+ <ptc-para font-size="small" font-weight="w-7" para-margin="margin-flush" para-align="center" para-line-h="line-height-densest">
25
+ <p>Browse all of PTC's software solutions.</p>
26
+ </ptc-para>
27
+ </div>
28
+ </section>
29
+
30
+
31
+
32
+
33
+
34
+
35
+ <div class="is-grid has-col-gap-default column-gap-mobile">
36
+ <div class="is-col-12 is-col-4-lg is-col-3-xl">
37
+ <aside>
38
+ <ptc-product-sidebar> </ptc-product-sidebar>
39
+ </aside>
40
+ </div>
41
+ <div class="is-col-12 is-col-8-lg is-col-9-xl">
42
+ <ptc-product-list clear-button-label="" empty-title="" empty-subtitle="">
43
+ <ptc-product-category
44
+ category-title="ALM | Application Lifecycle Management"
45
+ category-description="Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale.Codebeamer can help your organization to simplify complex product and software engineering at scale."
46
+ >
47
+ <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
48
+ <h2>ALM | Application Lifecycle Management</h2>
49
+ </ptc-title>
50
+ <ptc-product-card card-title="Codebeamer" card-image card-image-alt-text="Alt image text 11" toggle-cta-title="Quick Product Highlights">
51
+ <ptc-title
52
+ seo-compatibility-mode
53
+ slot="title"
54
+ title-weight="w-8"
55
+ title-display="block"
56
+ enable-tooltip="true"
57
+ max-lines="3"
58
+ tooltip-position="bottom"
59
+ tooltip-z-index="999"
60
+ upperline="no-upperline"
61
+ title-size="medium"
62
+ title-margin="margin-flush"
63
+ title-height="densest"
64
+ hide-tooltip-on-mobile="true"
65
+ >
66
+ <h3>Codebeamer</h3>
67
+ </ptc-title>
68
+ <div slot="content">
69
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
70
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
71
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
72
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
73
+ workflows that help your teams improve development collaboration, product line development efficiency,
74
+ </ptc-para>
75
+ </div>
76
+ <div slot="cta">
77
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
78
+ </div>
79
+ <div class="flex-grid">
80
+ <ptc-product-highlight-card
81
+ card-title="Fast, easy authoring"
82
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
83
+ card-image-alt-text="Alt image text"
84
+ more-text="test more first"
85
+ less-text="test less"
86
+ >
87
+ Access a secure, <a href="www.google.com">test</a> that help your teams improve development collaboration, product line development efficiency, Codebeamer
88
+ offers unique digital workflows that help you web-based workspace anywhere, anytime. that help your teams improve development collaboration, product line
89
+ development efficiency, Codebeamer offers unique digital workflows that help you
90
+ </ptc-product-highlight-card>
91
+ <ptc-product-highlight-card
92
+ card-title="Fast, easy authoring"
93
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
94
+ card-image-alt-text="Alt image text"
95
+ more-text="test more"
96
+ less-text="test less"
97
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
98
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Dolor sit amet consectetur adipiscing elit. Morbi tincidunt augue interdum velit euismod in
99
+ pellentesque massa placerat. Vel pharetra vel turpis nunc eget lorem dolor sed. Ut placerat orci nulla pellentesque dignissim enim. Nulla aliquet porttitor
100
+ lacus luctus accumsan tortor posuere ac. Turpis massa sed elementum tempus egestas sed. Suspendisse potenti nullam ac tortor vitae. Quis eleifend quam
101
+ adipiscing vitae. Libero id faucibus nisl tincidunt eget nullam non. Eget velit aliquet sagittis id consectetur purus ut. Rutrum tellus pellentesque eu
102
+ tincidunt tortor aliquam. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ut venenatis tellus in metus. Sit amet dictum sit amet justo donec enim
103
+ diam.
104
+ </ptc-product-highlight-card>
105
+ </div>
106
+ </ptc-product-card>
107
+ </ptc-product-category>
108
+
109
+ <ptc-product-category
110
+ category-title="Augmented Reality"
111
+ category-description="Codebeamer can help your organization to simplify complex product and software engineering at scale."
112
+ >
113
+ <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
114
+ <h2>Augmented Reality</h2>
115
+ </ptc-title>
116
+ <ptc-product-card
117
+ card-title="Vuforia Instruct"
118
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
119
+ card-image-alt-text="Alt image text"
120
+ toggle-cta-title=""
121
+ >
122
+ <ptc-title
123
+ seo-compatibility-mode
124
+ slot="title"
125
+ title-weight="w-8"
126
+ title-display="block"
127
+ enable-tooltip="true"
128
+ max-lines="3"
129
+ tooltip-position="bottom"
130
+ tooltip-z-index="999"
131
+ upperline="no-upperline"
132
+ title-size="medium"
133
+ title-margin="margin-flush"
134
+ title-height="densest"
135
+ hide-tooltip-on-mobile="true"
136
+ >
137
+ <h3>Vuforia Instruct</h3>
138
+ </ptc-title>
139
+ <div slot="content">
140
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
141
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
142
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
143
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
144
+ workflows that help your teams improve development collaboration, product line development efficiency,
145
+ </ptc-para>
146
+ </div>
147
+ <div slot="cta">
148
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
149
+ </div>
150
+ </ptc-product-card>
151
+ <ptc-product-card
152
+ card-title="Vuforia Expert Capture"
153
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
154
+ card-image-alt-text="Alt image text"
155
+ toggle-cta-title="Quick Product Highlights"
156
+ >
157
+ <div slot="content">
158
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
159
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
160
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
161
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
162
+ workflows that help your teams improve development collaboration, product line development efficiency,
163
+ </ptc-para>
164
+ </div>
165
+ <div slot="cta">
166
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
167
+ </div>
168
+ <div class="flex-grid">
169
+ <ptc-product-highlight-card
170
+ card-title="Fast, easy authoring"
171
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
172
+ card-image-alt-text="Alt image text"
173
+ more-text="test more"
174
+ less-text="test less"
175
+ >t help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital workflows that help your teams
176
+ improve development collaboration, product line development efficiency, Codebeamer offers unique digital workflows that hAccess a secure,
177
+ <a href="www.google.com">test</a>
178
+ web-based workspace anywhere, anytime.
179
+ </ptc-product-highlight-card>
180
+ <ptc-product-highlight-card
181
+ card-title="Fast, easy authoring"
182
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
183
+ card-image-alt-text="Alt image text"
184
+ more-text="test more"
185
+ less-text="test less"
186
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
187
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Dolor sit amet consectetur adipiscing elit. Morbi tincidunt augue interdum velit euismod in
188
+ pellentesque massa placerat. Vel pharetra vel turpis nunc eget lorem dolor sed. Ut placerat orci nulla pellentesque dignissim enim. Nulla aliquet porttitor
189
+ lacus luctus accumsan tortor posuere ac. Turpis massa sed elementum tempus egestas sed. Suspendisse potenti nullam ac tortor vitae. Quis eleifend quam
190
+ adipiscing vitae. Libero id faucibus nisl tincidunt eget nullam non. Eget velit aliquet sagittis id consectetur purus ut. Rutrum tellus pellentesque eu
191
+ tincidunt tortor aliquam. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ut venenatis tellus in metus. Sit amet dictum sit amet justo donec enim
192
+ diam.
193
+ </ptc-product-highlight-card>
194
+ <ptc-product-highlight-card
195
+ card-title="Fast, easy authoring"
196
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
197
+ card-image-alt-text="Alt image text"
198
+ more-text="test more"
199
+ less-text="test less"
200
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
201
+ </ptc-product-highlight-card>
202
+ </div>
203
+ </ptc-product-card>
204
+ <ptc-product-card
205
+ card-title="Vuforia Studio"
206
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
207
+ card-image-alt-text="Alt image text"
208
+ toggle-cta-title="Quick Product Highlights"
209
+ >
210
+ <div slot="content">
211
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
212
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
213
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
214
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
215
+ workflows that help your teams improve development collaboration, product line development efficiency,
216
+ </ptc-para>
217
+ </div>
218
+ <div slot="cta">
219
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
220
+ </div>
221
+ <div class="flex-grid">
222
+ <ptc-product-highlight-card
223
+ card-title="Fast, easy authoring"
224
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
225
+ card-image-alt-text="Alt image text"
226
+ more-text="test more"
227
+ less-text="test less"
228
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
229
+ </ptc-product-highlight-card>
230
+ <ptc-product-highlight-card
231
+ card-title="Fast, easy authoring"
232
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
233
+ card-image-alt-text="Alt image text"
234
+ more-text="test more"
235
+ less-text="test less"
236
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
237
+ </ptc-product-highlight-card>
238
+ <ptc-product-highlight-card
239
+ card-title="Fast, easy authoring"
240
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
241
+ card-image-alt-text="Alt image text"
242
+ more-text="test more"
243
+ less-text="test less"
244
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
245
+ </ptc-product-highlight-card>
246
+ </div>
247
+ </ptc-product-card>
248
+ <ptc-product-card
249
+ card-title="Vuforia Chalk"
250
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
251
+ card-image-alt-text="Alt image text"
252
+ toggle-cta-title="Quick Product Highlights"
253
+ >
254
+ <div slot="content">
255
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
256
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
257
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
258
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
259
+ workflows that help your teams improve development collaboration, product line development efficiency,
260
+ </ptc-para>
261
+ </div>
262
+ <div slot="cta">
263
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
264
+ </div>
265
+ <div class="flex-grid">
266
+ <ptc-product-highlight-card
267
+ card-title="Fast, easy authoring"
268
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
269
+ card-image-alt-text="Alt image text"
270
+ more-text="test more"
271
+ less-text="test less"
272
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
273
+ </ptc-product-highlight-card>
274
+ <ptc-product-highlight-card
275
+ card-title="Fast, easy authoring"
276
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
277
+ card-image-alt-text="Alt image text"
278
+ more-text="test more"
279
+ less-text="test less"
280
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
281
+ </ptc-product-highlight-card>
282
+ <ptc-product-highlight-card
283
+ card-title="Fast, easy authoring"
284
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
285
+ card-image-alt-text="Alt image text"
286
+ more-text="test more"
287
+ less-text="test less"
288
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
289
+ </ptc-product-highlight-card>
290
+ </div>
291
+ </ptc-product-card>
292
+ </ptc-product-category>
293
+
294
+ <ptc-product-category
295
+ category-title="CAD | Computer Aided Design"
296
+ category-description="Codebeamer can help your organization to simplify complex product and software engineering at scale."
297
+ >
298
+ <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
299
+ <h2>CAD | Computer Aided Design</h2>
300
+ </ptc-title>
301
+ <ptc-product-card
302
+ card-title="Creo"
303
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
304
+ card-image-alt-text="Alt image text"
305
+ toggle-cta-title="Quick Product Highlights"
306
+ >
307
+ <div slot="content">
308
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
309
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
310
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
311
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
312
+ workflows that help your teams improve development collaboration, product line development efficiency,
313
+ </ptc-para>
314
+ </div>
315
+ <div slot="cta">
316
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
317
+ </div>
318
+ <div class="flex-grid">
319
+ <ptc-product-highlight-card
320
+ card-title="Fast, easy authoring"
321
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
322
+ card-image-alt-text="Alt image text"
323
+ more-text="test more"
324
+ less-text="test less"
325
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
326
+ </ptc-product-highlight-card>
327
+ <ptc-product-highlight-card
328
+ card-title="Fast, easy authoring"
329
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
330
+ card-image-alt-text="Alt image text"
331
+ more-text="test more"
332
+ less-text="test less"
333
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
334
+ </ptc-product-highlight-card>
335
+ <ptc-product-highlight-card
336
+ card-title="Fast, easy authoring"
337
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
338
+ card-image-alt-text="Alt image text"
339
+ more-text="test more"
340
+ less-text="test less"
341
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
342
+ </ptc-product-highlight-card>
343
+ </div>
344
+ </ptc-product-card>
345
+ <ptc-product-card
346
+ card-title="Onshape"
347
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
348
+ card-image-alt-text="Alt image text"
349
+ toggle-cta-title="Quick Product Highlights"
350
+ >
351
+ <div slot="content">
352
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
353
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
354
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
355
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
356
+ workflows that help your teams improve development collaboration, product line development efficiency,
357
+ </ptc-para>
358
+ </div>
359
+ <div slot="cta">
360
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
361
+ </div>
362
+ <div class="flex-grid">
363
+ <ptc-product-highlight-card
364
+ card-title="Fast, easy authoring"
365
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
366
+ card-image-alt-text="Alt image text"
367
+ more-text="test more"
368
+ less-text="test less"
369
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
370
+ </ptc-product-highlight-card>
371
+ <ptc-product-highlight-card
372
+ card-title="Fast, easy authoring"
373
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
374
+ card-image-alt-text="Alt image text"
375
+ more-text="test more"
376
+ less-text="test less"
377
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
378
+ </ptc-product-highlight-card>
379
+ <ptc-product-highlight-card
380
+ card-title="Fast, easy authoring"
381
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
382
+ card-image-alt-text="Alt image text"
383
+ more-text="test more"
384
+ less-text="test less"
385
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
386
+ </ptc-product-highlight-card>
387
+ </div>
388
+ </ptc-product-card>
389
+ <ptc-product-card
390
+ card-title="Creo Elements/Direct"
391
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
392
+ card-image-alt-text="Alt image text"
393
+ toggle-cta-title="Quick Product Highlights"
394
+ >
395
+ <div slot="content">
396
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
397
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
398
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
399
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
400
+ workflows that help your teams improve development collaboration, product line development efficiency,
401
+ </ptc-para>
402
+ </div>
403
+ <div slot="cta">
404
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
405
+ </div>
406
+ <div class="flex-grid">
407
+ <ptc-product-highlight-card
408
+ card-title="Fast, easy authoring"
409
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
410
+ card-image-alt-text="Alt image text"
411
+ more-text="test more"
412
+ less-text="test less"
413
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
414
+ </ptc-product-highlight-card>
415
+ <ptc-product-highlight-card
416
+ card-title="Fast, easy authoring"
417
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
418
+ card-image-alt-text="Alt image text"
419
+ more-text="test more"
420
+ less-text="test less"
421
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
422
+ </ptc-product-highlight-card>
423
+ <ptc-product-highlight-card
424
+ card-title="Fast, easy authoring"
425
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
426
+ card-image-alt-text="Alt image text"
427
+ more-text="test more"
428
+ less-text="test less"
429
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
430
+ </ptc-product-highlight-card>
431
+ </div>
432
+ </ptc-product-card>
433
+ </ptc-product-category>
434
+
435
+ <ptc-product-category
436
+ category-title="IIOT | Industrial Internet of Things"
437
+ category-description="Connect your machines, employees, and processes—while unlocking new data-driven capabilities. Explore how industrial connectivity and real-time data analytics can transform your industrial data into faster business decisions, improved efficiency, and maximized revenue growth for your business."
438
+ >
439
+ <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
440
+ <h2>IIOT | Industrial Internet of Things</h2>
441
+ </ptc-title>
442
+ <ptc-product-card
443
+ card-title="ThingWorx Industrial IoT Solutions Platform"
444
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
445
+ card-image-alt-text="Alt image text"
446
+ toggle-cta-title="Quick Product Highlights"
447
+ >
448
+ <div slot="content">
449
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
450
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
451
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
452
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
453
+ workflows that help your teams improve development collaboration, product line development efficiency,
454
+ </ptc-para>
455
+ </div>
456
+ <div slot="cta">
457
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
458
+ </div>
459
+ <div class="flex-grid">
460
+ <ptc-product-highlight-card
461
+ card-title="Fast, easy authoring"
462
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
463
+ card-image-alt-text="Alt image text"
464
+ more-text="test more"
465
+ less-text="test less"
466
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
467
+ </ptc-product-highlight-card>
468
+ <ptc-product-highlight-card
469
+ card-title="Fast, easy authoring"
470
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
471
+ card-image-alt-text="Alt image text"
472
+ more-text="test more"
473
+ less-text="test less"
474
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
475
+ </ptc-product-highlight-card>
476
+ <ptc-product-highlight-card
477
+ card-title="Fast, easy authoring"
478
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
479
+ card-image-alt-text="Alt image text"
480
+ more-text="test more"
481
+ less-text="test less"
482
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
483
+ </ptc-product-highlight-card>
484
+ </div>
485
+ </ptc-product-card>
486
+ <ptc-product-card
487
+ card-title="ThingWorx Digital Performance Management"
488
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
489
+ card-image-alt-text="Alt image text"
490
+ toggle-cta-title="Quick Product Highlights"
491
+ >
492
+ <div slot="content">
493
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
494
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
495
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
496
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
497
+ workflows that help your teams improve development collaboration, product line development efficiency,
498
+ </ptc-para>
499
+ </div>
500
+ <div slot="cta">
501
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
502
+ </div>
503
+ <div class="flex-grid">
504
+ <ptc-product-highlight-card
505
+ card-title="Fast, easy authoring"
506
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
507
+ card-image-alt-text="Alt image text"
508
+ more-text="test more"
509
+ less-text="test less"
510
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
511
+ </ptc-product-highlight-card>
512
+ <ptc-product-highlight-card
513
+ card-title="Fast, easy authoring"
514
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
515
+ card-image-alt-text="Alt image text"
516
+ more-text="test more"
517
+ less-text="test less"
518
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
519
+ </ptc-product-highlight-card>
520
+ <ptc-product-highlight-card
521
+ card-title="Fast, easy authoring"
522
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
523
+ card-image-alt-text="Alt image text"
524
+ more-text="test more"
525
+ less-text="test less"
526
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
527
+ </ptc-product-highlight-card>
528
+ </div>
529
+ </ptc-product-card>
530
+ <ptc-product-card
531
+ card-title="ThingWorx"
532
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
533
+ card-image-alt-text="Alt image text"
534
+ toggle-cta-title="Quick Product Highlights"
535
+ >
536
+ <div slot="content">
537
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
538
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
539
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
540
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
541
+ workflows that help your teams improve development collaboration, product line development efficiency,
542
+ </ptc-para>
543
+ </div>
544
+ <div slot="cta">
545
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
546
+ </div>
547
+ <div class="flex-grid">
548
+ <ptc-product-highlight-card
549
+ card-title="Fast, easy authoring"
550
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
551
+ card-image-alt-text="Alt image text"
552
+ more-text="test more"
553
+ less-text="test less"
554
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
555
+ </ptc-product-highlight-card>
556
+ <ptc-product-highlight-card
557
+ card-title="Fast, easy authoring"
558
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
559
+ card-image-alt-text="Alt image text"
560
+ more-text="test more"
561
+ less-text="test less"
562
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
563
+ </ptc-product-highlight-card>
564
+ <ptc-product-highlight-card
565
+ card-title="Fast, easy authoring"
566
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
567
+ card-image-alt-text="Alt image text"
568
+ more-text="test more"
569
+ less-text="test less"
570
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
571
+ </ptc-product-highlight-card>
572
+ </div>
573
+ </ptc-product-card>
574
+ <ptc-product-card
575
+ card-title="ThingWorx Kepware Server"
576
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
577
+ card-image-alt-text="Alt image text"
578
+ toggle-cta-title="Quick Product Highlights"
579
+ >
580
+ <div slot="content">
581
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
582
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
583
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
584
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
585
+ workflows that help your teams improve development collaboration, product line development efficiency,
586
+ </ptc-para>
587
+ </div>
588
+ <div slot="cta">
589
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
590
+ </div>
591
+ <div class="flex-grid">
592
+ <ptc-product-highlight-card
593
+ card-title="Fast, easy authoring"
594
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
595
+ card-image-alt-text="Alt image text"
596
+ more-text="test more"
597
+ less-text="test less"
598
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
599
+ </ptc-product-highlight-card>
600
+ <ptc-product-highlight-card
601
+ card-title="Fast, easy authoring"
602
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
603
+ card-image-alt-text="Alt image text"
604
+ more-text="test more"
605
+ less-text="test less"
606
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
607
+ </ptc-product-highlight-card>
608
+ <ptc-product-highlight-card
609
+ card-title="Fast, easy authoring"
610
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
611
+ card-image-alt-text="Alt image text"
612
+ more-text="test more"
613
+ less-text="test less"
614
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
615
+ </ptc-product-highlight-card>
616
+ </div>
617
+ </ptc-product-card>
618
+ <ptc-product-card
619
+ card-title="ThingWorx Manufacturing Apps"
620
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
621
+ card-image-alt-text="Alt image text"
622
+ toggle-cta-title="Quick Product Highlights"
623
+ >
624
+ <div slot="content">
625
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
626
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
627
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
628
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
629
+ workflows that help your teams improve development collaboration, product line development efficiency,
630
+ </ptc-para>
631
+ </div>
632
+ <div slot="cta">
633
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
634
+ </div>
635
+ <div class="flex-grid">
636
+ <ptc-product-highlight-card
637
+ card-title="Fast, easy authoring"
638
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
639
+ card-image-alt-text="Alt image text"
640
+ more-text="test more"
641
+ less-text="test less"
642
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
643
+ </ptc-product-highlight-card>
644
+ <ptc-product-highlight-card
645
+ card-title="Fast, easy authoring"
646
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
647
+ card-image-alt-text="Alt image text"
648
+ more-text="test more"
649
+ less-text="test less"
650
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
651
+ </ptc-product-highlight-card>
652
+ <ptc-product-highlight-card
653
+ card-title="Fast, easy authoring"
654
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
655
+ card-image-alt-text="Alt image text"
656
+ more-text="test more"
657
+ less-text="test less"
658
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
659
+ </ptc-product-highlight-card>
660
+ </div>
661
+ </ptc-product-card>
662
+ <ptc-product-card
663
+ card-title="Kepware"
664
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
665
+ card-image-alt-text="Alt image text"
666
+ toggle-cta-title="Quick Product Highlights"
667
+ >
668
+ <div slot="content">
669
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
670
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
671
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
672
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
673
+ workflows that help your teams improve development collaboration, product line development efficiency,
674
+ </ptc-para>
675
+ </div>
676
+ <div slot="cta">
677
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
678
+ </div>
679
+ <div class="flex-grid">
680
+ <ptc-product-highlight-card
681
+ card-title="Fast, easy authoring"
682
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
683
+ card-image-alt-text="Alt image text"
684
+ more-text="test more"
685
+ less-text="test less"
686
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
687
+ </ptc-product-highlight-card>
688
+ <ptc-product-highlight-card
689
+ card-title="Fast, easy authoring"
690
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
691
+ card-image-alt-text="Alt image text"
692
+ more-text="test more"
693
+ less-text="test less"
694
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
695
+ </ptc-product-highlight-card>
696
+ <ptc-product-highlight-card
697
+ card-title="Fast, easy authoring"
698
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
699
+ card-image-alt-text="Alt image text"
700
+ more-text="test more"
701
+ less-text="test less"
702
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
703
+ </ptc-product-highlight-card>
704
+ </div>
705
+ </ptc-product-card>
706
+ </ptc-product-category>
707
+
708
+ <ptc-product-category
709
+ category-title="MathCAD"
710
+ category-description="Mathcad is engineering math software that allows you to perform, analyze, and share your most vital calculations."
711
+ >
712
+ <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
713
+ <h2>MathCAD</h2>
714
+ </ptc-title>
715
+ <ptc-product-card
716
+ card-title="MathCAD"
717
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
718
+ card-image-alt-text="Alt image text"
719
+ toggle-cta-title="Quick Product Highlights"
720
+ >
721
+ <div slot="content">
722
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
723
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
724
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
725
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
726
+ workflows that help your teams improve development collaboration, product line development efficiency,
727
+ </ptc-para>
728
+ </div>
729
+ <div slot="cta">
730
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
731
+ </div>
732
+ <div class="flex-grid">
733
+ <ptc-product-highlight-card
734
+ card-title="Fast, easy authoring"
735
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
736
+ card-image-alt-text="Alt image text"
737
+ more-text="test more"
738
+ less-text="test less"
739
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
740
+ </ptc-product-highlight-card>
741
+ <ptc-product-highlight-card
742
+ card-title="Fast, easy authoring"
743
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
744
+ card-image-alt-text="Alt image text"
745
+ more-text="test more"
746
+ less-text="test less"
747
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
748
+ </ptc-product-highlight-card>
749
+ <ptc-product-highlight-card
750
+ card-title="Fast, easy authoring"
751
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
752
+ card-image-alt-text="Alt image text"
753
+ more-text="test more"
754
+ less-text="test less"
755
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
756
+ </ptc-product-highlight-card>
757
+ </div>
758
+ </ptc-product-card>
759
+ <ptc-product-card
760
+ card-title="MathCAD Express"
761
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
762
+ card-image-alt-text="Alt image text"
763
+ toggle-cta-title="Quick Product Highlights"
764
+ >
765
+ <div slot="content">
766
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
767
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
768
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
769
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
770
+ workflows that help your teams improve development collaboration, product line development efficiency,
771
+ </ptc-para>
772
+ </div>
773
+ <div slot="cta">
774
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
775
+ </div>
776
+ <div class="flex-grid">
777
+ <ptc-product-highlight-card
778
+ card-title="Fast, easy authoring"
779
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
780
+ card-image-alt-text="Alt image text"
781
+ more-text="test more"
782
+ less-text="test less"
783
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
784
+ </ptc-product-highlight-card>
785
+ <ptc-product-highlight-card
786
+ card-title="Fast, easy authoring"
787
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
788
+ card-image-alt-text="Alt image text"
789
+ more-text="test more"
790
+ less-text="test less"
791
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
792
+ </ptc-product-highlight-card>
793
+ <ptc-product-highlight-card
794
+ card-title="Fast, easy authoring"
795
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
796
+ card-image-alt-text="Alt image text"
797
+ more-text="test more"
798
+ less-text="test less"
799
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
800
+ </ptc-product-highlight-card>
801
+ </div>
802
+ </ptc-product-card>
803
+ </ptc-product-category>
804
+
805
+ <ptc-product-category
806
+ category-title="PLM | Product Lifecycle Management"
807
+ category-description="Provide the context, security, traceability, and processes needed across enterprise teams and systems to ensure product data is accessible and trustworthy"
808
+ >
809
+ <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
810
+ <h2>PLM | Product Lifecycle Management</h2>
811
+ </ptc-title>
812
+ <ptc-product-card
813
+ card-title="Windchill"
814
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
815
+ card-image-alt-text="Alt image text"
816
+ toggle-cta-title="Quick Product Highlights"
817
+ >
818
+ <div slot="content">
819
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
820
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
821
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
822
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
823
+ workflows that help your teams improve development collaboration, product line development efficiency,
824
+ </ptc-para>
825
+ </div>
826
+ <div slot="cta">
827
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
828
+ </div>
829
+ <div class="flex-grid">
830
+ <ptc-product-highlight-card
831
+ card-title="Fast, easy authoring"
832
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
833
+ card-image-alt-text="Alt image text"
834
+ more-text="test more"
835
+ less-text="test less"
836
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
837
+ </ptc-product-highlight-card>
838
+ <ptc-product-highlight-card
839
+ card-title="Fast, easy authoring"
840
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
841
+ card-image-alt-text="Alt image text"
842
+ more-text="test more"
843
+ less-text="test less"
844
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
845
+ </ptc-product-highlight-card>
846
+ <ptc-product-highlight-card
847
+ card-title="Fast, easy authoring"
848
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
849
+ card-image-alt-text="Alt image text"
850
+ more-text="test more"
851
+ less-text="test less"
852
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
853
+ </ptc-product-highlight-card>
854
+ </div>
855
+ </ptc-product-card>
856
+ <ptc-product-card
857
+ card-title="Windchill+"
858
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
859
+ card-image-alt-text="Alt image text"
860
+ toggle-cta-title="Quick Product Highlights"
861
+ >
862
+ <div slot="content">
863
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
864
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
865
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
866
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
867
+ workflows that help your teams improve development collaboration, product line development efficiency,
868
+ </ptc-para>
869
+ </div>
870
+ <div slot="cta">
871
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
872
+ </div>
873
+ <div class="flex-grid">
874
+ <ptc-product-highlight-card
875
+ card-title="Fast, easy authoring"
876
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
877
+ card-image-alt-text="Alt image text"
878
+ more-text="test more"
879
+ less-text="test less"
880
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
881
+ </ptc-product-highlight-card>
882
+ <ptc-product-highlight-card
883
+ card-title="Fast, easy authoring"
884
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
885
+ card-image-alt-text="Alt image text"
886
+ more-text="test more"
887
+ less-text="test less"
888
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
889
+ </ptc-product-highlight-card>
890
+ <ptc-product-highlight-card
891
+ card-title="Fast, easy authoring"
892
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
893
+ card-image-alt-text="Alt image text"
894
+ more-text="test more"
895
+ less-text="test less"
896
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
897
+ </ptc-product-highlight-card>
898
+ </div>
899
+ </ptc-product-card>
900
+ <ptc-product-card
901
+ card-title="Arena"
902
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
903
+ card-image-alt-text="Alt image text"
904
+ toggle-cta-title="Quick Product Highlights"
905
+ >
906
+ <div slot="content">
907
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
908
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
909
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
910
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
911
+ workflows that help your teams improve development collaboration, product line development efficiency,
912
+ </ptc-para>
913
+ </div>
914
+ <div slot="cta">
915
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
916
+ </div>
917
+ <div class="flex-grid">
918
+ <ptc-product-highlight-card
919
+ card-title="Fast, easy authoring"
920
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
921
+ card-image-alt-text="Alt image text"
922
+ more-text="test more"
923
+ less-text="test less"
924
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
925
+ </ptc-product-highlight-card>
926
+ <ptc-product-highlight-card
927
+ card-title="Fast, easy authoring"
928
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
929
+ card-image-alt-text="Alt image text"
930
+ more-text="test more"
931
+ less-text="test less"
932
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
933
+ </ptc-product-highlight-card>
934
+ <ptc-product-highlight-card
935
+ card-title="Fast, easy authoring"
936
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
937
+ card-image-alt-text="Alt image text"
938
+ more-text="test more"
939
+ less-text="test less"
940
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
941
+ </ptc-product-highlight-card>
942
+ </div>
943
+ </ptc-product-card>
944
+ <ptc-product-card
945
+ card-title="ThingWorx Navigate"
946
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
947
+ card-image-alt-text="Alt image text"
948
+ toggle-cta-title="Quick Product Highlights"
949
+ >
950
+ <div slot="content">
951
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
952
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
953
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
954
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
955
+ workflows that help your teams improve development collaboration, product line development efficiency,
956
+ </ptc-para>
957
+ </div>
958
+ <div slot="cta">
959
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
960
+ </div>
961
+ <div class="flex-grid">
962
+ <ptc-product-highlight-card
963
+ card-title="Fast, easy authoring"
964
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
965
+ card-image-alt-text="Alt image text"
966
+ more-text="test more"
967
+ less-text="test less"
968
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
969
+ </ptc-product-highlight-card>
970
+ <ptc-product-highlight-card
971
+ card-title="Fast, easy authoring"
972
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
973
+ card-image-alt-text="Alt image text"
974
+ more-text="test more"
975
+ less-text="test less"
976
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
977
+ </ptc-product-highlight-card>
978
+ <ptc-product-highlight-card
979
+ card-title="Fast, easy authoring"
980
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
981
+ card-image-alt-text="Alt image text"
982
+ more-text="test more"
983
+ less-text="test less"
984
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
985
+ </ptc-product-highlight-card>
986
+ </div>
987
+ </ptc-product-card>
988
+ <ptc-product-card
989
+ card-title="Creo View"
990
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
991
+ card-image-alt-text="Alt image text"
992
+ toggle-cta-title="Quick Product Highlights"
993
+ >
994
+ <div slot="content">
995
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
996
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
997
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
998
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
999
+ workflows that help your teams improve development collaboration, product line development efficiency,
1000
+ </ptc-para>
1001
+ </div>
1002
+ <div slot="cta">
1003
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1004
+ </div>
1005
+ <div class="flex-grid">
1006
+ <ptc-product-highlight-card
1007
+ card-title="Fast, easy authoring"
1008
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1009
+ card-image-alt-text="Alt image text"
1010
+ more-text="test more"
1011
+ less-text="test less"
1012
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1013
+ </ptc-product-highlight-card>
1014
+ <ptc-product-highlight-card
1015
+ card-title="Fast, easy authoring"
1016
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1017
+ card-image-alt-text="Alt image text"
1018
+ more-text="test more"
1019
+ less-text="test less"
1020
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1021
+ </ptc-product-highlight-card>
1022
+ <ptc-product-highlight-card
1023
+ card-title="Fast, easy authoring"
1024
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1025
+ card-image-alt-text="Alt image text"
1026
+ more-text="test more"
1027
+ less-text="test less"
1028
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1029
+ </ptc-product-highlight-card>
1030
+ </div>
1031
+ </ptc-product-card>
1032
+ <ptc-product-card
1033
+ card-title="FlexPLM"
1034
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
1035
+ card-image-alt-text="Alt image text"
1036
+ toggle-cta-title="Quick Product Highlights"
1037
+ >
1038
+ <div slot="content">
1039
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
1040
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
1041
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
1042
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
1043
+ workflows that help your teams improve development collaboration, product line development efficiency,
1044
+ </ptc-para>
1045
+ </div>
1046
+ <div slot="cta">
1047
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1048
+ </div>
1049
+ <div class="flex-grid">
1050
+ <ptc-product-highlight-card
1051
+ card-title="Fast, easy authoring"
1052
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1053
+ card-image-alt-text="Alt image text"
1054
+ more-text="test more"
1055
+ less-text="test less"
1056
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1057
+ </ptc-product-highlight-card>
1058
+ <ptc-product-highlight-card
1059
+ card-title="Fast, easy authoring"
1060
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1061
+ card-image-alt-text="Alt image text"
1062
+ more-text="test more"
1063
+ less-text="test less"
1064
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1065
+ </ptc-product-highlight-card>
1066
+ <ptc-product-highlight-card
1067
+ card-title="Fast, easy authoring"
1068
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1069
+ card-image-alt-text="Alt image text"
1070
+ more-text="test more"
1071
+ less-text="test less"
1072
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1073
+ </ptc-product-highlight-card>
1074
+ </div>
1075
+ </ptc-product-card>
1076
+ </ptc-product-category>
1077
+
1078
+ <ptc-product-category
1079
+ category-title="SLM | Service Lifecycle Management"
1080
+ category-description="Provide the context, security, traceability, and processes needed across enterprise teams and systems to ensure product data is accessible and trustworthy"
1081
+ >
1082
+ <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
1083
+ <h2>SLM | Service Lifecycle Management</h2>
1084
+ </ptc-title>
1085
+ <ptc-product-card
1086
+ card-title="Servigistics"
1087
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
1088
+ card-image-alt-text="Alt image text"
1089
+ toggle-cta-title="Quick Product Highlights"
1090
+ >
1091
+ <div slot="content">
1092
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
1093
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
1094
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
1095
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
1096
+ workflows that help your teams improve development collaboration, product line development efficiency,
1097
+ </ptc-para>
1098
+ </div>
1099
+ <div slot="cta">
1100
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1101
+ </div>
1102
+ <div class="flex-grid">
1103
+ <ptc-product-highlight-card
1104
+ card-title="Fast, easy authoring"
1105
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1106
+ card-image-alt-text="Alt image text"
1107
+ more-text="test more"
1108
+ less-text="test less"
1109
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1110
+ </ptc-product-highlight-card>
1111
+ <ptc-product-highlight-card
1112
+ card-title="Fast, easy authoring"
1113
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1114
+ card-image-alt-text="Alt image text"
1115
+ more-text="test more"
1116
+ less-text="test less"
1117
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1118
+ </ptc-product-highlight-card>
1119
+ <ptc-product-highlight-card
1120
+ card-title="Fast, easy authoring"
1121
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1122
+ card-image-alt-text="Alt image text"
1123
+ more-text="test more"
1124
+ less-text="test less"
1125
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1126
+ </ptc-product-highlight-card>
1127
+ </div>
1128
+ </ptc-product-card>
1129
+ <ptc-product-card
1130
+ card-title="Creo Illustrate"
1131
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
1132
+ card-image-alt-text="Alt image text"
1133
+ toggle-cta-title="Quick Product Highlights"
1134
+ >
1135
+ <div slot="content">
1136
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
1137
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
1138
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
1139
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
1140
+ workflows that help your teams improve development collaboration, product line development efficiency,
1141
+ </ptc-para>
1142
+ </div>
1143
+ <div slot="cta">
1144
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1145
+ </div>
1146
+ <div class="flex-grid">
1147
+ <ptc-product-highlight-card
1148
+ card-title="Fast, easy authoring"
1149
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1150
+ card-image-alt-text="Alt image text"
1151
+ more-text="test more"
1152
+ less-text="test less"
1153
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1154
+ </ptc-product-highlight-card>
1155
+ <ptc-product-highlight-card
1156
+ card-title="Fast, easy authoring"
1157
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1158
+ card-image-alt-text="Alt image text"
1159
+ more-text="test more"
1160
+ less-text="test less"
1161
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1162
+ </ptc-product-highlight-card>
1163
+ <ptc-product-highlight-card
1164
+ card-title="Fast, easy authoring"
1165
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1166
+ card-image-alt-text="Alt image text"
1167
+ more-text="test more"
1168
+ less-text="test less"
1169
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1170
+ </ptc-product-highlight-card>
1171
+ </div>
1172
+ </ptc-product-card>
1173
+ <ptc-product-card
1174
+ card-title="Arbortext"
1175
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
1176
+ card-image-alt-text="Alt image text"
1177
+ toggle-cta-title="Quick Product Highlights"
1178
+ >
1179
+ <div slot="content">
1180
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
1181
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
1182
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
1183
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
1184
+ workflows that help your teams improve development collaboration, product line development efficiency,
1185
+ </ptc-para>
1186
+ </div>
1187
+ <div slot="cta">
1188
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1189
+ </div>
1190
+ <div class="flex-grid">
1191
+ <ptc-product-highlight-card
1192
+ card-title="Fast, easy authoring"
1193
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1194
+ card-image-alt-text="Alt image text"
1195
+ more-text="test more"
1196
+ less-text="test less"
1197
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1198
+ </ptc-product-highlight-card>
1199
+ <ptc-product-highlight-card
1200
+ card-title="Fast, easy authoring"
1201
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1202
+ card-image-alt-text="Alt image text"
1203
+ more-text="test more"
1204
+ less-text="test less"
1205
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1206
+ </ptc-product-highlight-card>
1207
+ <ptc-product-highlight-card
1208
+ card-title="Fast, easy authoring"
1209
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1210
+ card-image-alt-text="Alt image text"
1211
+ more-text="test more"
1212
+ less-text="test less"
1213
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1214
+ </ptc-product-highlight-card>
1215
+ <ptc-product-highlight-card
1216
+ card-title="Fast, easy authoring"
1217
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1218
+ card-image-alt-text="Alt image text"
1219
+ more-text="test more"
1220
+ less-text="test less"
1221
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1222
+ </ptc-product-highlight-card>
1223
+ <ptc-product-highlight-card
1224
+ card-title="Fast, easy authoring"
1225
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1226
+ card-image-alt-text="Alt image text"
1227
+ more-text="test more"
1228
+ less-text="test less"
1229
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1230
+ </ptc-product-highlight-card>
1231
+ </div>
1232
+ </ptc-product-card>
1233
+ <ptc-product-card
1234
+ card-title="ThingWorx Asset Advisor"
1235
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
1236
+ card-image-alt-text="Alt image text"
1237
+ toggle-cta-title="Quick Product Highlights"
1238
+ >
1239
+ <div slot="content">
1240
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
1241
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
1242
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
1243
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
1244
+ workflows that help your teams improve development collaboration, product line development efficiency,
1245
+ </ptc-para>
1246
+ </div>
1247
+ <div slot="cta">
1248
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1249
+ </div>
1250
+ <div class="flex-grid">
1251
+ <ptc-product-highlight-card
1252
+ card-title="Fast, easy authoring"
1253
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1254
+ card-image-alt-text="Alt image text"
1255
+ more-text="test more"
1256
+ less-text="test less"
1257
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1258
+ </ptc-product-highlight-card>
1259
+ <ptc-product-highlight-card
1260
+ card-title="Fast, easy authoring"
1261
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1262
+ card-image-alt-text="Alt image text"
1263
+ more-text="test more"
1264
+ less-text="test less"
1265
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1266
+ </ptc-product-highlight-card>
1267
+ <ptc-product-highlight-card
1268
+ card-title="Fast, easy authoring"
1269
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1270
+ card-image-alt-text="Alt image text"
1271
+ more-text="test more"
1272
+ less-text="test less"
1273
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1274
+ </ptc-product-highlight-card>
1275
+ </div>
1276
+ </ptc-product-card>
1277
+ <ptc-product-card
1278
+ card-title="PTC Warranty"
1279
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
1280
+ card-image-alt-text="Alt image text"
1281
+ toggle-cta-title="Quick Product Highlights"
1282
+ >
1283
+ <div slot="content">
1284
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
1285
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
1286
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
1287
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
1288
+ workflows that help your teams improve development collaboration, product line development efficiency,
1289
+ </ptc-para>
1290
+ </div>
1291
+ <div slot="cta">
1292
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1293
+ </div>
1294
+ <div class="flex-grid">
1295
+ <ptc-product-highlight-card
1296
+ card-title="Fast, easy authoring"
1297
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1298
+ card-image-alt-text="Alt image text"
1299
+ more-text="test more"
1300
+ less-text="test less"
1301
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1302
+ </ptc-product-highlight-card>
1303
+ <ptc-product-highlight-card
1304
+ card-title="Fast, easy authoring"
1305
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1306
+ card-image-alt-text="Alt image text"
1307
+ more-text="test more"
1308
+ less-text="test less"
1309
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1310
+ </ptc-product-highlight-card>
1311
+ <ptc-product-highlight-card
1312
+ card-title="Fast, easy authoring"
1313
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1314
+ card-image-alt-text="Alt image text"
1315
+ more-text="test more"
1316
+ less-text="test less"
1317
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1318
+ </ptc-product-highlight-card>
1319
+ </div>
1320
+ </ptc-product-card>
1321
+ <ptc-product-card
1322
+ card-title="Service Knowledge and Diagnostics (SKD)"
1323
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
1324
+ card-image-alt-text="Alt image text"
1325
+ toggle-cta-title="Quick Product Highlights"
1326
+ >
1327
+ <div slot="content">
1328
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
1329
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
1330
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
1331
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
1332
+ workflows that help your teams improve development collaboration, product line development efficiency,
1333
+ </ptc-para>
1334
+ </div>
1335
+ <div slot="cta">
1336
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1337
+ </div>
1338
+ <div class="flex-grid">
1339
+ <ptc-product-highlight-card
1340
+ card-title="Fast, easy authoring"
1341
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1342
+ card-image-alt-text="Alt image text"
1343
+ more-text="test more"
1344
+ less-text="test less"
1345
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1346
+ </ptc-product-highlight-card>
1347
+ <ptc-product-highlight-card
1348
+ card-title="Fast, easy authoring"
1349
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1350
+ card-image-alt-text="Alt image text"
1351
+ more-text="test more"
1352
+ less-text="test less"
1353
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1354
+ </ptc-product-highlight-card>
1355
+ <ptc-product-highlight-card
1356
+ card-title="Fast, easy authoring"
1357
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1358
+ card-image-alt-text="Alt image text"
1359
+ more-text="test more"
1360
+ less-text="test less"
1361
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1362
+ </ptc-product-highlight-card>
1363
+ </div>
1364
+ </ptc-product-card>
1365
+ </ptc-product-category>
1366
+ <ptc-product-category
1367
+ category-title="More PTC Products"
1368
+ category-description="Provide the context, security, traceability, and processes needed across enterprise teams and systems to ensure product data is accessible and trustworthy"
1369
+ >
1370
+ <ptc-title seo-compatibility-mode slot="title" upperline="no-upperline" title-size="xx-large" title-margin="margin-flush" title-height="densest">
1371
+ <h2>More PTC Products</h2>
1372
+ </ptc-title>
1373
+ <ptc-product-card
1374
+ card-title="CADDS 5"
1375
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
1376
+ card-image-alt-text="Alt image text"
1377
+ toggle-cta-title="Quick Product Highlights"
1378
+ >
1379
+ <div slot="content">
1380
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
1381
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
1382
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
1383
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
1384
+ workflows that help your teams improve development collaboration, product line development efficiency,
1385
+ </ptc-para>
1386
+ </div>
1387
+ <div slot="cta">
1388
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1389
+ </div>
1390
+ <div class="flex-grid">
1391
+ <ptc-product-highlight-card
1392
+ card-title="Fast, easy authoring"
1393
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1394
+ card-image-alt-text="Alt image text"
1395
+ more-text="test more"
1396
+ less-text="test less"
1397
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1398
+ </ptc-product-highlight-card>
1399
+ <ptc-product-highlight-card
1400
+ card-title="Fast, easy authoring"
1401
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1402
+ card-image-alt-text="Alt image text"
1403
+ more-text="test more"
1404
+ less-text="test less"
1405
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1406
+ </ptc-product-highlight-card>
1407
+ <ptc-product-highlight-card
1408
+ card-title="Fast, easy authoring"
1409
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1410
+ card-image-alt-text="Alt image text"
1411
+ more-text="test more"
1412
+ less-text="test less"
1413
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1414
+ </ptc-product-highlight-card>
1415
+ </div>
1416
+ </ptc-product-card>
1417
+ <ptc-product-card
1418
+ card-title="PTC Developer Tools"
1419
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
1420
+ card-image-alt-text="Alt image text"
1421
+ toggle-cta-title="Quick Product Highlights"
1422
+ >
1423
+ <div slot="content">
1424
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
1425
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
1426
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
1427
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
1428
+ workflows that help your teams improve development collaboration, product line development efficiency,
1429
+ </ptc-para>
1430
+ </div>
1431
+ <div slot="cta">
1432
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1433
+ </div>
1434
+ <div class="flex-grid">
1435
+ <ptc-product-highlight-card
1436
+ card-title="Fast, easy authoring"
1437
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1438
+ card-image-alt-text="Alt image text"
1439
+ more-text="test more"
1440
+ less-text="test less"
1441
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1442
+ </ptc-product-highlight-card>
1443
+ <ptc-product-highlight-card
1444
+ card-title="Fast, easy authoring"
1445
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1446
+ card-image-alt-text="Alt image text"
1447
+ more-text="test more"
1448
+ less-text="test less"
1449
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1450
+ </ptc-product-highlight-card>
1451
+ <ptc-product-highlight-card
1452
+ card-title="Fast, easy authoring"
1453
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1454
+ card-image-alt-text="Alt image text"
1455
+ more-text="test more"
1456
+ less-text="test less"
1457
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1458
+ </ptc-product-highlight-card>
1459
+ </div>
1460
+ </ptc-product-card>
1461
+ <ptc-product-card
1462
+ card-title="PTC Implementor"
1463
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
1464
+ card-image-alt-text="Alt image text"
1465
+ toggle-cta-title="Quick Product Highlights"
1466
+ >
1467
+ <div slot="content">
1468
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
1469
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
1470
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
1471
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
1472
+ workflows that help your teams improve development collaboration, product line development efficiency,
1473
+ </ptc-para>
1474
+ </div>
1475
+ <div slot="cta">
1476
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1477
+ </div>
1478
+ <div class="flex-grid">
1479
+ <ptc-product-highlight-card
1480
+ card-title="Fast, easy authoring"
1481
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1482
+ card-image-alt-text="Alt image text"
1483
+ more-text="test more"
1484
+ less-text="test less"
1485
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.">
1486
+ </ptc-product-highlight-card>
1487
+ <ptc-product-highlight-card
1488
+ card-title="Fast, easy authoring"
1489
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1490
+ card-image-alt-text="Alt image text"
1491
+ more-text="test more"
1492
+ less-text="test less"
1493
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.">
1494
+ </ptc-product-highlight-card>
1495
+ <ptc-product-highlight-card
1496
+ card-title="Fast, easy authoring"
1497
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1498
+ card-image-alt-text="Alt image text"
1499
+ more-text="test more"
1500
+ less-text="test less"
1501
+ >Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere,
1502
+ anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace
1503
+ anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based
1504
+ workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure,
1505
+ web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a
1506
+ secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere,
1507
+ anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.Access a secure, web-based workspace
1508
+ anywhere, anytime.Access a secure, web-based workspace anywhere, anytime.
1509
+ </ptc-product-highlight-card>
1510
+ </div>
1511
+ </ptc-product-card>
1512
+ <ptc-product-card
1513
+ card-title="PTC MOVE"
1514
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
1515
+ card-image-alt-text="Alt image text"
1516
+ toggle-cta-title="Quick Product Highlights"
1517
+ >
1518
+ <div slot="content">
1519
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
1520
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
1521
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
1522
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
1523
+ workflows that help your teams improve development collaboration, product line development efficiency,
1524
+ </ptc-para>
1525
+ </div>
1526
+ <div slot="cta">
1527
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1528
+ </div>
1529
+ <div class="flex-grid">
1530
+ <ptc-product-highlight-card
1531
+ card-title="Fast, easy authoring"
1532
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1533
+ card-image-alt-text="Alt image text"
1534
+ more-text="test more"
1535
+ less-text="test less"
1536
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1537
+ </ptc-product-highlight-card>
1538
+ <ptc-product-highlight-card
1539
+ card-title="Fast, easy authoring"
1540
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1541
+ card-image-alt-text="Alt image text"
1542
+ more-text="test more"
1543
+ less-text="test less"
1544
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1545
+ </ptc-product-highlight-card>
1546
+ <ptc-product-highlight-card
1547
+ card-title="Fast, easy authoring"
1548
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1549
+ card-image-alt-text="Alt image text"
1550
+ more-text="test more"
1551
+ less-text="test less"
1552
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1553
+ </ptc-product-highlight-card>
1554
+ </div>
1555
+ </ptc-product-card>
1556
+ <ptc-product-card
1557
+ card-title="PTC Webship"
1558
+ card-image="https://www-dev.ptc.com/-/media/test/vuforia-icon-logo-1.svg"
1559
+ card-image-alt-text="Alt image text"
1560
+ toggle-cta-title="Quick Product Highlights"
1561
+ >
1562
+ <div slot="content">
1563
+ <ptc-para font-size="x-small" para-margin="margin-flush" ellipsis-line-cutoff="15" para-line-h="line-height-p" para-z-index="z-auto">
1564
+ Codebeamer <a href="www.google.com">test</a>offers unique digital workflows that help your teams improve development collaboration, product line development
1565
+ efficiency, Codebeamer offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer
1566
+ offers unique digital workflows that help your teams improve development collaboration, product line development efficiency, Codebeamer offers unique digital
1567
+ workflows that help your teams improve development collaboration, product line development efficiency,
1568
+ </ptc-para>
1569
+ </div>
1570
+ <div slot="cta">
1571
+ <ptc-button type="link" color="ptc-tertiary" link-href="https://www.ptc.com" target="_blank" text-align="center">Get Started</ptc-button>
1572
+ </div>
1573
+ <div class="flex-grid">
1574
+ <ptc-product-highlight-card
1575
+ card-title="Fast, easy authoring"
1576
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1577
+ card-image-alt-text="Alt image text"
1578
+ more-text="test more"
1579
+ less-text="test less"
1580
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1581
+ </ptc-product-highlight-card>
1582
+ <ptc-product-highlight-card
1583
+ card-title="Fast, easy authoring"
1584
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1585
+ card-image-alt-text="Alt image text"
1586
+ more-text="test more"
1587
+ less-text="test less"
1588
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime.
1589
+ </ptc-product-highlight-card>
1590
+ <ptc-product-highlight-card
1591
+ card-title="Fast, easy authoring"
1592
+ card-image="https://www-dev.ptc.com/-/media/test/AR-Capabilities-fast-authoring-image.svg"
1593
+ card-image-alt-text="Alt image text"
1594
+ more-text="test more"
1595
+ less-text="test less"
1596
+ >Access a secure, <a href="www.google.com">test</a> web-based workspace anywhere, anytime. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
1597
+ eiusmod tempor incididunt ut labore et dolore magna aliqua. Dolor sit amet consectetur adipiscing elit. Morbi tincidunt augue interdum velit euismod in
1598
+ pellentesque massa placerat. Vel pharetra vel turpis nunc eget lorem dolor sed. Ut placerat orci nulla pellentesque dignissim enim. Nulla aliquet porttitor
1599
+ lacus luctus accumsan tortor posuere ac. Turpis massa sed elementum tempus egestas sed. Suspendisse potenti nullam ac tortor vitae. Quis eleifend quam
1600
+ adipiscing vitae. Libero id faucibus nisl tincidunt eget nullam non. Eget velit aliquet sagittis id consectetur purus ut. Rutrum tellus pellentesque eu
1601
+ tincidunt tortor aliquam. Amet commodo nulla facilisi nullam vehicula ipsum a arcu. Ut venenatis tellus in metus. Sit amet dictum sit amet justo donec enim
1602
+ diam.
1603
+ </ptc-product-highlight-card>
1604
+ </div>
1605
+ </ptc-product-card>
1606
+ </ptc-product-category>
1607
+ </ptc-product-list>
1608
+ </div>
1609
+ </div>
1610
+ </div>
1611
+ <ptc-back-to-top></ptc-back-to-top>
1612
+
1613
+ `;
1614
+ };
1615
+
1616
+ export const Preview = AlertsPage.bind();