Menu

Comparison table

<section id="product-comparison-table" class="mp u-bg-grey-step-3 u-pad-y-xl" style="scroll-margin-top:70px">
<div class="c-comparison-table__mobile u-wrap"></div>
<div class="c-comparison-table__desktop u-wrap">
<table class="c-comparison-table">
<thead>
<tr>
<th></th>
<th>
<div class="c-comparison-table__product">
<img alt="Mastersizer 3000" src="/static/img/range-product-1.jpg" />
<h3 class="c-h c-h--step-0">Mastersizer 3000</h3>
<p>Delivering the data you need for outcomes you can trust</p>
</div>
</th>
<th>
<div class="c-comparison-table__product">
<img alt="Mastersizer 3000E" src="/static/img/range-product-2.jpg" />
<h3 class="c-h c-h--step-0">Mastersizer 3000E</h3>
<p>Entry level particle size analyzer</p>
</div>
</th>
</tr>
<tr>
<th></th>
<th>
<div class="c-comparison-table__buttons">
<a href="#" class="mp c-button c-button--small c-button--outline-green" >More details</a>
<a href="#" class="mp c-button c-button--small c-button--green" >Request a quote</a>
</div>
</th>
<th>
<div class="c-comparison-table__buttons">
<a href="#" class="mp c-button c-button--small c-button--outline-green" >More details</a>
<a href="#" class="mp c-button c-button--small c-button--green" >Request a quote</a>
</div>
</th>
</tr>
</thead>
<tbody>
<tr class="c-comparison-table__title">
<th>
<span>Technology</span>
</th>
<th colspan="2"></th>
</tr>
<tr>
<td>Technology</td>
<td>
Laser diffraction</td>
<td>
Laser diffraction</td>
</tr>
<tr>
<td>Particle size range</td>
<td>
0.01µm - 3500µm</td>
<td>
0.1µm - 1000µm</td>
</tr>
<tr class="c-comparison-table__title">
<th>
<span>Dispersion type</span>
</th>
<th colspan="2"></th>
</tr>
<tr>
<td>Automated wet</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--tick">
<use xlink:href="/static/svg/sprite.svg#tick"></use>
</svg>
</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--cross">
<use xlink:href="/static/svg/sprite.svg#cross"></use>
</svg>
</td>
</tr>
<tr>
<td>Automated dry powder</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--tick">
<use xlink:href="/static/svg/sprite.svg#tick"></use>
</svg>
</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--cross">
<use xlink:href="/static/svg/sprite.svg#cross"></use>
</svg>
</td>
</tr>
<tr>
<td>Manual wet</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--tick">
<use xlink:href="/static/svg/sprite.svg#tick"></use>
</svg>
</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--tick">
<use xlink:href="/static/svg/sprite.svg#tick"></use>
</svg>
</td>
</tr>
<tr>
<td>Manual dry powder</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--cross">
<use xlink:href="/static/svg/sprite.svg#cross"></use>
</svg>
</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--tick">
<use xlink:href="/static/svg/sprite.svg#tick"></use>
</svg>
</td>
</tr>
<tr class="c-comparison-table__title">
<th>
<span>Software</span>
</th>
<th colspan="2"></th>
</tr>
<tr>
<td>Basic software</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--tick">
<use xlink:href="/static/svg/sprite.svg#tick"></use>
</svg>
</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--tick">
<use xlink:href="/static/svg/sprite.svg#tick"></use>
</svg>
</td>
</tr>
<tr>
<td>Advanced method development</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--tick">
<use xlink:href="/static/svg/sprite.svg#tick"></use>
</svg>
</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--cross">
<use xlink:href="/static/svg/sprite.svg#cross"></use>
</svg>
</td>
</tr>
<tr>
<td>Comparison software</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--tick">
<use xlink:href="/static/svg/sprite.svg#tick"></use>
</svg>
</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--cross">
<use xlink:href="/static/svg/sprite.svg#cross"></use>
</svg>
</td>
</tr>
<tr>
<td>Advanced data quality assessment</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--tick">
<use xlink:href="/static/svg/sprite.svg#tick"></use>
</svg>
</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--cross">
<use xlink:href="/static/svg/sprite.svg#cross"></use>
</svg>
</td>
</tr>
<tr>
<td>Reporting</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--tick">
<use xlink:href="/static/svg/sprite.svg#tick"></use>
</svg>
</td>
<td>
<svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--cross">
<use xlink:href="/static/svg/sprite.svg#cross"></use>
</svg>
</td>
</tr>
<tr class="c-comparison-table__title">
<th>
<span>Compliance</span>
</th>
<th colspan="2"></th>
</tr>
<tr>
<td>Installation</td>
<td>
IQ/OQ validation</td>
<td>
-</td>
</tr>
<tr>
<td>Compliance</td>
<td>
21 CFR Part 11 support</td>
<td>
-</td>
</tr>
</tbody>
</table>
</div>
</section>
{
"sections": [
{
"title": "Technology",
"rows": [
"Technology",
"Particle size range"
]
},
{
"title": "Dispersion type",
"rows": [
"Automated wet",
"Automated dry powder",
"Manual wet",
"Manual dry powder"
]
},
{
"title": "Software",
"rows": [
"Basic software",
"Advanced method development",
"Comparison software",
"Advanced data quality assessment",
"Reporting"
]
},
{
"title": "Compliance",
"rows": [
"Installation",
"Compliance"
]
}
],
"products": [
{
"title": "Mastersizer 3000",
"image": {
"src": "/static/img/range-product-1.jpg",
"alt": "Mastersizer 3000"
},
"description": "Delivering the data you need for outcomes you can trust",
"buttons": [
{
"link": "#",
"label": "More details"
},
{
"link": "#",
"label": "Request a quote"
}
],
"sections": [
[
"Laser diffraction",
"0.01µm - 3500µm"
],
[
true,
true,
true,
false
],
[
true,
true,
true,
true,
true
],
[
"IQ/OQ validation",
"21 CFR Part 11 support"
]
]
},
{
"title": "Mastersizer 3000E",
"image": {
"src": "/static/img/range-product-2.jpg",
"alt": "Mastersizer 3000E"
},
"description": "Entry level particle size analyzer",
"buttons": [
{
"link": "#",
"label": "More details"
},
{
"link": "#",
"label": "Request a quote"
}
],
"sections": [
[
"Laser diffraction",
"0.1µm - 1000µm"
],
[
false,
false,
true,
true
],
[
true,
false,
false,
false,
false
],
[
"-",
"-"
]
]
}
]
}