@ptcwebops/ptcw-design 6.3.35 → 6.3.36-beta

package/dist/collection/stories/organisms/ptc/Case Studies Detail Page/preview.stories.js

@@ -1,456 +0,0 @@
-import { html } from 'lit';
-
-export default {
-  title: 'Organisms/ptc/Case Studies Detail Page'
-};
-
-const AlertsPage = args => {
-  return html`
-    
-<style>
-		.cs-detail-section {
-			margin: 0 24px 0 24px;
-		}
-
-		.logo-content {
-			padding: 32px 0 32px 0;
-			display: flex;
-			justify-content: left;
-		}
-
-		.logo {
-			width: 100%;
-			height: 100%;
-			max-width: 200px;
-			max-height: 100px;
-		}
-
-		.side-rail-content ptc-button {
-			margin-top: 24px;
-		}
-
-		.cs-section {
-			padding: 24px 0 24px 0;
-		}
-
-		.cs-title {
-			text-transform: uppercase;
-		}
-
-		ul {
-			margin: 0;
-			padding-inline-start: 24px;
-		}
-
-		ul li {
-			list-style-type: square
-		}
-
-		p {
-			font-size: 16px;
-			font-weight: 400;
-		}
-
-		ptc-link {
-			margin-bottom: 4px;
-		}
-
-		.content-section {
-			margin-top: 24px;
-			margin-bottom: 24px;
-			width: 100%;
-			font-size: 16px;
-			font-weight: 400;
-		}
-
-		.component-section {
-			margin-top: 24px;
-			margin-bottom: 24px;
-			width: 100%;
-			font-size: 16px;
-			font-weight: 400;
-		}
-
-		ptc-sticky-icons {
-			display: none;
-		}
-
-		#placeholder-footer {
-			width: 100%;
-			height: 300px;
-			background-color: var(--color-gray-09);
-		}
-
-		#hidden-rail-marker {
-			position: absolute;
-			width: 1px;
-			height: 1px;
-			margin: -1px;
-			border: 0;
-			padding: 0;
-			clip: rect(0 0 0 0);
-			overflow: hidden;
-		}
-
-		@media screen and (min-width: 992px) {
-			.cs-detail-section {
-				margin: 0 24px 0 0;
-			}
-
-			.logo-content {
-				padding: 32px 24px 32px 24px;
-				border-bottom: #d8d8d8 solid 0.1rem;
-				justify-content: center;
-			}
-
-			.side-rail-section {
-				border-right: #d8d8d8 solid 0.1rem;
-			}
-
-			.side-rail-content {
-				padding: 0 24px 0 24px;
-			}
-
-			.cs-section {
-				padding: 24px 0 24px 0;
-				border-bottom: none;
-			}
-
-			#cs-section-results {
-				padding-top: 32px;
-			}
-
-			.main-pre-section {
-				margin: 0;
-			}
-
-			.main-content {
-				padding-left: 24px;
-			}
-		}
-
-		@media screen and (min-width: 1200px) {
-			ptc-sticky-icons {
-				padding-top: 24px;
-				display: block;
-			}
-		}
-	</style>
-<ptc-jumbotron jumbotron-type="dark"
-		sub-title="Arena PLM provides instagrid a single source of truth for engineering teams and supply chain partners to collaborate from concept to production."
-		bg-src="https://www.ptc.com/-/media/Images/Case-Studies/headers/instagrid-header.png?h=500&w=1366&la=en&hash=04AC3891403DEBB97EB2389D557DAC37">
-		
-		
-		<ptc-breadcrumb slot="breadcrumb" color="white">
-			<list-item list-type="breadcrumb" link-href="https://www.ptc.com/en/case-studies" color="light-gray">
-				CASE STUDIES
-			</list-item>
-			<list-item list-type="breadcrumb" color="light-gray">
-				INSTAGRID ACCELERATES PROTOTYPE TO PRODUCTION PATH
-			</list-item>
-		</ptc-breadcrumb>
-		<ptc-title slot="main-title" type="h1" upperline="no-upperline" title-size="xxxx-large" title-height="densest"
-			title-weight="w-8" title-margin="margin-flush" text-align="left" title-color="gray-1">Accelerating the Path
-			From Prototype to Production
-		</ptc-title>
-	</ptc-jumbotron>
-
-	<ptc-spacer breakpoint="small" size="large"></ptc-spacer>
-	<ptc-spacer breakpoint="small" size="xx-small"></ptc-spacer>
-	<ptc-spacer breakpoint="x-small" size="x-large"></ptc-spacer>
-	<ptc-spacer breakpoint="x-small" size="x-small"></ptc-spacer>
-
-	<ptc-container-lg>
-		<div class="cs-detail-section is-grid has-no-row-gap has-no-col-gap">
-			<div class="side-rail-section is-col-12 is-col-3-lg">
-				<div class="logo-content">
-					<img class="logo" alt=""
-						src="https://www.ptc.com/-/media/Images/new-org/icons/svg-logos/LOGO_instagrid_2500.png?h=495&w=2500&la=en&hash=602EEA27437E45B3B55789DF35C31FE9" >
-				</div>
-				<div class="side-rail-content">
-					
-					<div class="cs-section" id="cs-section-results">
-						<ptc-para class="cs-title" ellipsis-line-cutoff="0" font-size="small" font-weight="w-7"
-							para-align="left" para-color="primary-grey" para-line-h="line-height-p"
-							para-margin="margin-bottom-3" para-style="" para-z-index="z-1" styles="">Results</ptc-para>
-						<ul>
-							<li>
-								<ptc-para ellipsis-line-cutoff="0" font-size="x-small" font-weight="w-4"
-									para-align="left" para-color="primary-grey" para-line-h="line-height-p"
-									para-margin="margin-bottom-1" para-style="" para-z-index="z-1" styles="">
-									Provides single source of truth for teams to collaborate on the latest designs
-								</ptc-para>
-							</li>
-							<li>
-								<ptc-para ellipsis-line-cutoff="0" font-size="x-small" font-weight="w-4"
-									para-align="left" para-color="primary-grey" para-line-h="line-height-p"
-									para-margin="margin-bottom-1" para-style="" para-z-index="z-1" styles="">
-									Reduces engineering change order review cycles
-								</ptc-para>
-							</li>
-							<li>
-								<ptc-para ellipsis-line-cutoff="0" font-size="x-small" font-weight="w-4"
-									para-align="left" para-color="primary-grey" para-line-h="line-height-p"
-									para-margin="margin-bottom-1" para-style="" para-z-index="z-1" styles="">
-									Keeps dispersed supply chain partners in the loop
-								</ptc-para>
-							</li>
-							<li>
-								<ptc-para ellipsis-line-cutoff="0" font-size="x-small" font-weight="w-4"
-									para-align="left" para-color="primary-grey" para-line-h="line-height-p"
-									para-margin="margin-bottom-1" para-style="" para-z-index="z-1" styles="">
-									Minimizes production errors that lead to costly product delays
-								</ptc-para>
-							</li>
-						</ul>
-					</div>
-					
-					<div class="cs-section">
-						<ptc-para class="cs-title" ellipsis-line-cutoff="0" font-size="small" font-weight="w-7"
-							para-align="left" para-color="primary-grey" para-line-h="line-height-p"
-							para-margin="margin-bottom-3" para-style="" para-z-index="z-1" styles="">Products</ptc-para>
-						<ul>
-							<li>
-								<ptc-link disabled="false" external="false" font-size="medium" font-weight="w-bold"
-									href="https://www.arenasolutions.com/platform/plm/" link-area=""
-									link-title="Arena PLM" target="_blank" theme="simple">Arena PLM</ptc-link>
-							</li>
-							<li>
-								<ptc-link disabled="false" external="false" font-size="medium" font-weight="w-bold"
-									href="https://www.arenasolutions.com/platform/plm/" link-area=""
-									link-title="Arena PLM" target="_blank" theme="simple">Arena PLM</ptc-link>
-							</li>
-						</ul>
-					</div>
-					
-					<div class="cs-section">
-						<ptc-button type="link" color="ptc-quaternary"
-							link-href="https://www.ptc.com/-/media/Files/PDFs/Case-Studies/Customer-Success-Story-instagrid.pdf"
-							target="_blank">Download Case Study</ptc-button>
-					</div>
-				</div>
-			</div>
-			<div class="main-content is-col-12 is-col-9-lg">
-				<ptc-sticky-icons>
-					<ptc-social-share share-type="facebook" icon-color="primary-gray" icon-size="xxx-large"
-						url="https://www.ptc.com"></ptc-social-share>
-					<ptc-social-share share-type="twitter" icon-color="primary-gray" icon-size="xxx-large"
-						url="https://www.ptc.com"></ptc-social-share>
-					<ptc-social-share share-type="linkedin" icon-color="primary-gray" icon-size="xxx-large"
-						url="https://www.ptc.com"></ptc-social-share>
-					<ptc-social-share share-type="mail" icon-color="primary-gray" icon-size="xxx-large"
-						url="https://www.ptc.com"></ptc-social-share>
-					<ptc-social-share id="last-focus" share-type="download" icon-color="ptc-green" icon-size="xxx-large"
-						url="https://www.ptc.com"></ptc-social-share>
-				</ptc-sticky-icons>
-				<div class="main-pre-section is-grid has-no-row-gap">
-					
-					<div class="cs-section is-col-12 is-col-6-lg">
-						<ptc-para class="cs-title" ellipsis-line-cutoff="0" font-size="small" font-weight="w-7"
-							para-align="left" para-color="primary-grey" para-line-h="line-height-p"
-							para-margin="margin-bottom-3" para-style="" para-z-index="z-1"
-							styles="">Challenges</ptc-para>
-						<ptc-para ellipsis-line-cutoff="0" font-size="x-small" font-weight="w-4" para-align="left"
-							para-color="primary-grey" para-line-h="line-height-p" para-margin="margin-flush"
-							para-style="" para-z-index="z-1" styles="">
-							instagrid had relied on Excel spreadsheets to manage product designs and BOMs. As designs
-							progressed and more assemblies were added, it was difficult for engineering teams and
-							external suppliers to identify the latest revision and stay on the same page.
-						</ptc-para>
-					</div>
-					
-					<div class="cs-section is-col-12 is-col-6-lg">
-						<ptc-para class="cs-title" ellipsis-line-cutoff="0" font-size="small" font-weight="w-7"
-							para-align="left" para-color="primary-grey" para-line-h="line-height-p"
-							para-margin="margin-bottom-3" para-style="" para-z-index="z-1" styles="">Read
-							more</ptc-para>
-						<ul>
-							<li>
-								<ptc-para ellipsis-line-cutoff="0" font-size="x-small" font-weight="w-4"
-									para-align="left" para-color="primary-grey" para-line-h="line-height-p"
-									para-margin="margin-bottom-1" para-style="" para-z-index="z-1" styles="">
-									Provides single source of truth for teams to collaborate on the latest designs
-								</ptc-para>
-							</li>
-							<li>
-								<ptc-para ellipsis-line-cutoff="0" font-size="x-small" font-weight="w-4"
-									para-align="left" para-color="primary-grey" para-line-h="line-height-p"
-									para-margin="margin-bottom-1" para-style="" para-z-index="z-1" styles="">
-									Reduces engineering change order review cycles
-								</ptc-para>
-							</li>
-							<li>
-								<ptc-para ellipsis-line-cutoff="0" font-size="x-small" font-weight="w-4"
-									para-align="left" para-color="primary-grey" para-line-h="line-height-p"
-									para-margin="margin-bottom-1" para-style="" para-z-index="z-1" styles="">
-									Keeps dispersed supply chain partners in the loop
-								</ptc-para>
-							</li>
-							<li>
-								<ptc-para ellipsis-line-cutoff="0" font-size="x-small" font-weight="w-4"
-									para-align="left" para-color="primary-grey" para-line-h="line-height-p"
-									para-margin="margin-flush" para-style="" para-z-index="z-1" styles="">
-									Minimizes production errors that lead to costly product delays
-								</ptc-para>
-							</li>
-						</ul>
-					</div>
-				</div>
-				<div class="content-section is-col-12"></div>
-				<div class="component-section is-col-12">
-					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam euismod dui vitae molestie mollis.
-					Curabitur quis imperdiet magna, eu maximus mauris. Phasellus commodo accumsan lectus eu vestibulum.
-					Donec id tellus semper turpis interdum convallis. Fusce hendrerit magna nibh, id efficitur est
-					rhoncus ac. In convallis blandit iaculis. Cras faucibus eget eros nec bibendum.
-					<br><br>
-					Mauris quis feugiat ligula. Maecenas eget euismod turpis. Nunc porttitor sodales sapien ut vehicula.
-					Fusce pharetra faucibus erat, eget vehicula purus scelerisque vel. Maecenas luctus lorem vitae mi
-					aliquam tempor. Nam sit amet turpis lorem. Aliquam augue est, porttitor non aliquet eu, aliquet
-					euismod quam. Donec convallis suscipit volutpat. Quisque diam mi, dignissim in imperdiet nec,
-					aliquet ac justo. In a varius elit. In eu fringilla ex, lobortis maximus enim. Integer sit amet
-					lectus non diam vehicula sodales id sed quam. Mauris nec vulputate sem. Pellentesque habitant morbi
-					tristique senectus et netus et malesuada fames ac turpis egestas.
-					<br><br>
-					Morbi ornare commodo nisi vitae lobortis. Vivamus maximus, eros vitae blandit euismod, neque diam
-					fermentum turpis, sit amet sagittis sem orci et sem. Etiam scelerisque convallis augue id pretium.
-					Nam ut fringilla libero, sit amet congue urna. Aliquam pretium ipsum ornare, eleifend erat ut,
-					auctor dui. Aliquam tempus quis nibh sit amet mollis. Vivamus auctor urna quis mauris facilisis, sit
-					amet sodales lacus rhoncus. Aenean vehicula mi ante, nec aliquet nunc congue non.
-					<br><br>
-					Fusce ut nulla sed eros convallis feugiat vestibulum at massa. Donec vestibulum dapibus mauris, eget
-					efficitur odio sodales sed. Proin vel dolor ut enim malesuada finibus ut ac dolor. Ut sollicitudin,
-					tellus eget viverra fringilla, ligula tellus fringilla tortor, ut gravida dui sem molestie mauris.
-					Ut a fringilla velit, accumsan imperdiet purus. Cras ac sagittis nulla, at vulputate urna. Mauris
-					condimentum id mauris malesuada dapibus. Integer imperdiet nisl quis sem congue, ac fermentum tortor
-					venenatis. Curabitur lacus mi, tincidunt vel sollicitudin id, ornare ut sem. Fusce aliquam quam
-					neque, at finibus ligula pulvinar ut. Donec a dictum ipsum, nec tempus ex. Donec eu purus in tortor
-					varius eleifend ac eget nibh. Donec porta laoreet nisl, vel faucibus ligula porttitor et.
-					<br><br>
-					Nunc nec lectus egestas, euismod velit ac, ornare arcu. In eget sodales diam, sed luctus massa.
-					Vivamus auctor, ipsum sed rutrum consequat, felis leo ullamcorper nibh, id varius risus risus quis
-					nibh. Donec auctor ultricies mauris in auctor. Donec posuere, turpis ut vestibulum vehicula, leo
-					nunc porttitor purus, at tempus sapien mi sit amet neque. Vestibulum at porta justo, non tincidunt
-					ex. Vivamus auctor nibh at mi rhoncus, eu ultricies turpis rutrum. Maecenas dapibus pulvinar nisi,
-					nec rhoncus nibh tempor non. Ut finibus est eget leo iaculis dignissim. Cras malesuada mi justo, sed
-					eleifend ante efficitur sed. Morbi euismod metus vel elementum feugiat. Nulla accumsan laoreet
-					dolor. In vulputate diam id est cursus porttitor. Integer lacinia, dui et varius egestas, tellus
-					magna eleifend nulla, quis ullamcorper elit ex sed arcu. Suspendisse posuere tempor dapibus.
-					<br><br>
-					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam euismod dui vitae molestie mollis.
-					Curabitur quis imperdiet magna, eu maximus mauris. Phasellus commodo accumsan lectus eu vestibulum.
-					Donec id tellus semper turpis interdum convallis. Fusce hendrerit magna nibh, id efficitur est
-					rhoncus ac. In convallis blandit iaculis. Cras faucibus eget eros nec bibendum.
-					<br><br>
-					Mauris quis feugiat ligula. Maecenas eget euismod turpis. Nunc porttitor sodales sapien ut vehicula.
-					Fusce pharetra faucibus erat, eget vehicula purus scelerisque vel. Maecenas luctus lorem vitae mi
-					aliquam tempor. Nam sit amet turpis lorem. Aliquam augue est, porttitor non aliquet eu, aliquet
-					euismod quam. Donec convallis suscipit volutpat. Quisque diam mi, dignissim in imperdiet nec,
-					aliquet ac justo. In a varius elit. In eu fringilla ex, lobortis maximus enim. Integer sit amet
-					lectus non diam vehicula sodales id sed quam. Mauris nec vulputate sem. Pellentesque habitant morbi
-					tristique senectus et netus et malesuada fames ac turpis egestas.
-					<br><br>
-					Morbi ornare commodo nisi vitae lobortis. Vivamus maximus, eros vitae blandit euismod, neque diam
-					fermentum turpis, sit amet sagittis sem orci et sem. Etiam scelerisque convallis augue id pretium.
-					Nam ut fringilla libero, sit amet congue urna. Aliquam pretium ipsum ornare, eleifend erat ut,
-					auctor dui. Aliquam tempus quis nibh sit amet mollis. Vivamus auctor urna quis mauris facilisis, sit
-					amet sodales lacus rhoncus. Aenean vehicula mi ante, nec aliquet nunc congue non.
-					<br><br>
-					Fusce ut nulla sed eros convallis feugiat vestibulum at massa. Donec vestibulum dapibus mauris, eget
-					efficitur odio sodales sed. Proin vel dolor ut enim malesuada finibus ut ac dolor. Ut sollicitudin,
-					tellus eget viverra fringilla, ligula tellus fringilla tortor, ut gravida dui sem molestie mauris.
-					Ut a fringilla velit, accumsan imperdiet purus. Cras ac sagittis nulla, at vulputate urna. Mauris
-					condimentum id mauris malesuada dapibus. Integer imperdiet nisl quis sem congue, ac fermentum tortor
-					venenatis. Curabitur lacus mi, tincidunt vel sollicitudin id, ornare ut sem. Fusce aliquam quam
-					neque, at finibus ligula pulvinar ut. Donec a dictum ipsum, nec tempus ex. Donec eu purus in tortor
-					varius eleifend ac eget nibh. Donec porta laoreet nisl, vel faucibus ligula porttitor et.
-					<br><br>
-					Nunc nec lectus egestas, euismod velit ac, ornare arcu. In eget sodales diam, sed luctus massa.
-					Vivamus auctor, ipsum sed rutrum consequat, felis leo ullamcorper nibh, id varius risus risus quis
-					nibh. Donec auctor ultricies mauris in auctor. Donec posuere, turpis ut vestibulum vehicula, leo
-					nunc porttitor purus, at tempus sapien mi sit amet neque. Vestibulum at porta justo, non tincidunt
-					ex. Vivamus auctor nibh at mi rhoncus, eu ultricies turpis rutrum. Maecenas dapibus pulvinar nisi,
-					nec rhoncus nibh tempor non. Ut finibus est eget leo iaculis dignissim. Cras malesuada mi justo, sed
-					eleifend ante efficitur sed. Morbi euismod metus vel elementum feugiat. Nulla accumsan laoreet
-					dolor. In vulputate diam id est cursus porttitor. Integer lacinia, dui et varius egestas, tellus
-					magna eleifend nulla, quis ullamcorper elit ex sed arcu. Suspendisse posuere tempor dapibus.
-					<br><br>
-					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam euismod dui vitae molestie mollis.
-					Curabitur quis imperdiet magna, eu maximus mauris. Phasellus commodo accumsan lectus eu vestibulum.
-					Donec id tellus semper turpis interdum convallis. Fusce hendrerit magna nibh, id efficitur est
-					rhoncus ac. In convallis blandit iaculis. Cras faucibus eget eros nec bibendum.
-					<br><br>
-					Mauris quis feugiat ligula. Maecenas eget euismod turpis. Nunc porttitor sodales sapien ut vehicula.
-					Fusce pharetra faucibus erat, eget vehicula purus scelerisque vel. Maecenas luctus lorem vitae mi
-					aliquam tempor. Nam sit amet turpis lorem. Aliquam augue est, porttitor non aliquet eu, aliquet
-					euismod quam. Donec convallis suscipit volutpat. Quisque diam mi, dignissim in imperdiet nec,
-					aliquet ac justo. In a varius elit. In eu fringilla ex, lobortis maximus enim. Integer sit amet
-					lectus non diam vehicula sodales id sed quam. Mauris nec vulputate sem. Pellentesque habitant morbi
-					tristique senectus et netus et malesuada fames ac turpis egestas.
-					<br><br>
-					Morbi ornare commodo nisi vitae lobortis. Vivamus maximus, eros vitae blandit euismod, neque diam
-					fermentum turpis, sit amet sagittis sem orci et sem. Etiam scelerisque convallis augue id pretium.
-					Nam ut fringilla libero, sit amet congue urna. Aliquam pretium ipsum ornare, eleifend erat ut,
-					auctor dui. Aliquam tempus quis nibh sit amet mollis. Vivamus auctor urna quis mauris facilisis, sit
-					amet sodales lacus rhoncus. Aenean vehicula mi ante, nec aliquet nunc congue non.
-					<br><br>
-					Fusce ut nulla sed eros convallis feugiat vestibulum at massa. Donec vestibulum dapibus mauris, eget
-					efficitur odio sodales sed. Proin vel dolor ut enim malesuada finibus ut ac dolor. Ut sollicitudin,
-					tellus eget viverra fringilla, ligula tellus fringilla tortor, ut gravida dui sem molestie mauris.
-					Ut a fringilla velit, accumsan imperdiet purus. Cras ac sagittis nulla, at vulputate urna. Mauris
-					condimentum id mauris malesuada dapibus. Integer imperdiet nisl quis sem congue, ac fermentum tortor
-					venenatis. Curabitur lacus mi, tincidunt vel sollicitudin id, ornare ut sem. Fusce aliquam quam
-					neque, at finibus ligula pulvinar ut. Donec a dictum ipsum, nec tempus ex. Donec eu purus in tortor
-					varius eleifend ac eget nibh. Donec porta laoreet nisl, vel faucibus ligula porttitor et.
-					<br><br>
-					Nunc nec lectus egestas, euismod velit ac, ornare arcu. In eget sodales diam, sed luctus massa.
-					Vivamus auctor, ipsum sed rutrum consequat, felis leo ullamcorper nibh, id varius risus risus quis
-					nibh. Donec auctor ultricies mauris in auctor. Donec posuere, turpis ut vestibulum vehicula, leo
-					nunc porttitor purus, at tempus sapien mi sit amet neque. Vestibulum at porta justo, non tincidunt
-					ex. Vivamus auctor nibh at mi rhoncus, eu ultricies turpis rutrum. Maecenas dapibus pulvinar nisi,
-					nec rhoncus nibh tempor non. Ut finibus est eget leo iaculis dignissim. Cras malesuada mi justo, sed
-					eleifend ante efficitur sed. Morbi euismod metus vel elementum feugiat. Nulla accumsan laoreet
-					dolor. In vulputate diam id est cursus porttitor. Integer lacinia, dui et varius egestas, tellus
-					magna eleifend nulla, quis ullamcorper elit ex sed arcu. Suspendisse posuere tempor dapibus.
-					<br><br>
-				</div>
-				<div id="hidden-rail-marker" class="marker" tabindex="0"></div>
-			</div>
-		</div>
-	</ptc-container-lg>
-	<ptc-related-card-rail footer-query-selector="#placeholder-footer">
-		<div slot="related-card-1">
-			<img src="https://www.ptc.com/-/media/Images/Case-Studies/headers/KOEL_1366x500_1.jpg?h=500&w=1366&la=en&hash=AAFB5A02C40F128B1C7C25B8C586068D"
-				alt="alt text" >
-			<a href="https://www.ptc.com/en/case-studies/kirolskar-implements-digital-thread">Kirloskar Oil Engines</a>
-		</div>
-		<div slot="related-card-2">
-			<img 
-				src="https://www.ptc.com/-/media/Images/Case-Studies/headers/cs-daktronics-stadium_1366x500.jpg?h=500&w=1366&la=en&hash=89119F057A84778B5BC0C87F96403261" >
-			<a href="https://www.ptc.com/en/case-studies/daktronics-design-process-improvement">Daktronics Uses PTC's
-				Windchill and Creo to Accelerate Design and Production</a>
-		</div>
-		<div slot="related-card-3">
-			<img 
-				src="https://www.ptc.com/-/media/Images/Case-Studies/headers/plm-digital-innovation-volvo-construction-trucks_1366x500.jpg?h=500&w=1366&la=en&hash=4B8C971871A0D56E59BF84E497443F30" >
-			<a href="https://www.ptc.com/en/case-studies/volvo-ce-dump">Innovator Spotlight: Volvo Construction
-				Equipment</a>
-		</div>
-		<div slot="related-card-4">
-			<img 
-				src="https://www.ptc.com/-/media/Images/Case-Studies/headers/drillmec.jpg?h=500&w=1366&la=en&hash=CFAC1DBD4DC17A0E2919C0F764F2F939" >
-			<a href="https://www.ptc.com/en/case-studies/drillmec-powers-service-engineering-with-thingworx">Drillmec
-				Bores into the Future with IoT-enabled Insights</a>
-		</div>
-		<div slot="related-card-5">
-			<img 
-				src="https://www.ptc.com/-/media/Images/Case-Studies/headers/cs-enersys-freeway-aerial_1366x500.jpg?h=500&w=1366&la=en&hash=44E0CFEFB94E884C5E6F9A9129E66E0B" >
-			<a href="https://www.ptc.com/en/case-studies/enersys-digital-transformation-in-energy-industry">EnerSys
-				Speeds Time to Market with an Authoritative Source of Truth Across Their NPIs</a>
-		</div>
-	</ptc-related-card-rail>
-	<div id="placeholder-footer"></div>
-
-  `;
-};
-
-export const Preview = AlertsPage.bind();