BTE Technologies, LLC Component Library

Product Form 

<div class="product_form theme_light">
    <div class="fs-row">
        <div class="fs-cell fs-xl-11 fs-xl-push-1">
            <div class="product_form_inner">
                <div class="product_form_card">
                    <figure class="product_form_card_figure">

                        <img class="product_form_card_image" srcset="https://images.fastspot.com/framework/500x500/1 500w, https://images.fastspot.com/framework/300x300/1 300w" src="https://images.fastspot.com/framework/300x300/1" alt="image of PrimusRS" loading="lazy" width="300" height="300">
                    </figure>
                    <div class="product_form_card_wrapper">
                        <span class="product_form_card_title">PrimusRS</span>
                        <span class="product_form_card_description">The pinnacle of physically rehabilitating patients – functionally.</span>
                    </div>
                </div>
                <div class="product_form_wrapper">
                    <h2 class="product_form_title">Interested? Get in touch.</h2>
                    <div class="product_form_embed_wrapper">
                        <script>
                            hbspt.forms.create({
                                region: "na1",
                                portalId: "6713266",
                                formId: "38fd0da7-ebbf-4384-b4b8-0e84dd9b5da7"
                            });
                        </script>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="product_form_circles"></div>
</div>
 
<div class="product_form{% if theme %} theme_{{ theme }}{% endif %}">
	<div class="fs-row">
		<div class="fs-cell fs-xl-11 fs-xl-push-1">
			<div class="product_form_inner">
				<div class="product_form_card">
					<figure class="product_form_card_figure">
						{% include '@partial-image' with {
							class: 'product_form_card',
							alt: product.alt_text,
							image: product.image,
							loading: 'lazy',
							sources: [
								img.square.xsml,
								img.square.xxsml
							]
						} %}
					</figure>
					<div class="product_form_card_wrapper">
						<span class="product_form_card_title">{{ product.title }}</span>
						<span class="product_form_card_description">{{ product.description }}</span>
					</div>
				</div>
				<div class="product_form_wrapper">
					<h2 class="product_form_title">{{ title }}</h2>
					<div class="product_form_embed_wrapper">
						<script>
							hbspt.forms.create({
								region: "na1",
								portalId: "6713266",
								formId: "38fd0da7-ebbf-4384-b4b8-0e84dd9b5da7"
							});
						</script>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="product_form_circles"></div>
</div>

No notes defined.