BTE Technologies, LLC Component Library

Product Listing 

<div class="product_listing">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="product_listing_inner">
                <div class="product_listing_section theme_blue">
                    <div class="product_listing_section_header">
                        <div class="fs-row">
                            <div class="fs-cell fs-xl-push-1">
                                <h2 class="product_listing_section_title">Functional Rehabilitation</h2>
                                <span class="product_listing_section_description">We are the best-in-class solution for achieving superior evaluation, treatment, and training outcomes. Expand your rehab services and keep your clients motivated with objective, functional treatment plans.</span>
                            </div>
                        </div>
                    </div>
                    <div class="product_listing_section_products">
                        <div class="product_listing_section_products_item">
                            <figure class="product_listing_item_figure">

                                <img class="product_listing_item_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_listing_item_wrapper">
                                <h3 class="product_listing_item_title">
                                    <a href="#" class="product_listing_item_title_link">PrimusRS</a>
                                </h3>
                                <span class="product_listing_item_description">The pinnacle of physically rehabilitating patients – functionally.</span>
                                <ul class="product_listing_item_features">
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Musculoskeletal <br />Rehab </span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Job & ADL <br />Simulation</span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Hand & Upper <br />Extremities</span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Knee & Lower <br />Extremities</span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Sports <br />Medicine</span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Employment <br />Testing</span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Portable <br />Evaluation</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="product_listing_section_products_item">
                            <figure class="product_listing_item_figure">

                                <img class="product_listing_item_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 MCU, Multiple Cervical Unit" loading="lazy" width="300" height="300">
                            </figure>
                            <div class="product_listing_item_wrapper">
                                <h3 class="product_listing_item_title">
                                    <a href="#" class="product_listing_item_title_link">MCU, Multiple Cervical Unit</a>
                                </h3>
                                <span class="product_listing_item_description">Objectively evaluate, strengthen, and restore the ailing neck and cervical spine.</span>
                                <ul class="product_listing_item_features">
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Musculoskeletal <br />Rehab </span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Job & ADL <br />Simulation</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Hand & Upper <br />Extremities</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Knee & Lower <br />Extremities</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Sports <br />Medicine</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Employment <br />Testing</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Portable <br />Evaluation</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="product_listing_section theme_purple">
                    <div class="product_listing_section_header">
                        <div class="fs-row">
                            <div class="fs-cell fs-xl-push-1">
                                <h2 class="product_listing_section_title">Evaluation & Testing</h2>
                                <span class="product_listing_section_description">We are the best-in-class solution for achieving superior evaluation, treatment, and training outcomes. Expand your rehab services and keep your clients motivated with objective, functional treatment plans. Set yourself apart with a fun, interactive experience – helping your clients reach their goals, faster.</span>
                            </div>
                        </div>
                    </div>
                    <div class="product_listing_section_products">
                        <div class="product_listing_section_products_item">
                            <figure class="product_listing_item_figure">

                                <img class="product_listing_item_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 EvalTech" loading="lazy" width="300" height="300">
                            </figure>
                            <div class="product_listing_item_wrapper">
                                <h3 class="product_listing_item_title">
                                    <a href="#" class="product_listing_item_title_link">EvalTech</a>
                                </h3>
                                <span class="product_listing_item_description">Provide the most peer-reviewed and legally defensible evals with automated reports.</span>
                                <ul class="product_listing_item_features">
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Musculoskeletal <br />Rehab </span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Job & ADL <br />Simulation</span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Hand & Upper <br />Extremities</span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Knee & Lower <br />Extremities</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Sports <br />Medicine</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Employment <br />Testing</span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Portable <br />Evaluation</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="product_listing_section_products_item">
                            <figure class="product_listing_item_figure">

                                <img class="product_listing_item_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 Prism" loading="lazy" width="300" height="300">
                            </figure>
                            <div class="product_listing_item_wrapper">
                                <h3 class="product_listing_item_title">
                                    <a href="#" class="product_listing_item_title_link">Prism</a>
                                </h3>
                                <span class="product_listing_item_description">Provide the most peer-reviewed and legally defensible evals with automated reports. </span>
                                <ul class="product_listing_item_features">
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Musculoskeletal <br />Rehab </span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Job & ADL <br />Simulation</span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Hand & Upper <br />Extremities</span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Knee & Lower <br />Extremities</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Sports <br />Medicine</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Employment <br />Testing</span>
                                        <div class="product_listing_item_feature_bullet active"></div>
                                    </li>
                                    <li class="product_listing_item_feature">
                                        <span class="product_listing_item_feature_label">Portable <br />Evaluation</span>
                                        <div class="product_listing_item_feature_bullet"></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="product_listing">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="product_listing_inner">
				{% for section in sections %}
				<div class="product_listing_section{% if section.theme %} theme_{{ section.theme }}{% endif %}">
					<div class="product_listing_section_header">
						<div class="fs-row">
							<div class="fs-cell fs-xl-push-1">
								<h2 class="product_listing_section_title">{{ section.title }}</h2>
							<span class="product_listing_section_description">{{ section.description }}</span>
							</div>
						</div>
					</div>
					<div class="product_listing_section_products">
						{% for product in section.products %}
						<div class="product_listing_section_products_item">
							<figure class="product_listing_item_figure">
								{% include '@partial-image' with {
									class: 'product_listing_item',
									alt: 'image of ' ~ product.title,
									image: '1',
									loading: 'lazy',
									sources: [
										img.square.xsml,
										img.square.xxsml
									]
								} %}
							</figure>
							<div class="product_listing_item_wrapper">
								<h3 class="product_listing_item_title">
									<a href="#" class="product_listing_item_title_link">{{ product.title }}</a>
								</h3>
								<span class="product_listing_item_description">{{ product.description }}</span>
								{% if product.features %}
								<ul class="product_listing_item_features">
									{% for feature in product.features %}
									<li class="product_listing_item_feature">
										<span class="product_listing_item_feature_label">{{ feature.label }}</span>
										<div class="product_listing_item_feature_bullet{% if feature.has %} active{% endif %}"></div>
									</li>
									{% endfor %}
								</ul>
								{% endif %}
							</div>
						</div>
						{% endfor %}
					</div>
				</div>
				{% endfor %}
			</div>
		</div>
	</div>
</div>

No notes defined.