CINXE.COM

<script type="text/javascript" src="/Kentico.Resource/Activities/KenticoActivityLogger/Logger.js" async></script> <script type="text/javascript" src="/Kentico.Resource/WebAnalytics/Logger.js?Culture=en-US&HttpStatus=200&Value=0" async></script> <!DOCTYPE html> <html lang="en-us"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>Altro Stronghold 30 | Adhesive-free flooring</title> <meta name="description" content="Altro Stronghold 30 adhesive-free safety flooring, the ideal solution for commercial kitchens with high traffic. Easy to clean & slip resistant. Get a free sample." /> <meta name="keywords" content="" /> <meta property="og:title" content="Altro Stronghold 30 | Adhesive-free flooring<"> <meta property="og:url" content="https://www.altro.com/us/products/altro-stronghold-30-adhesive-free"> <meta name="twitter:site" content="@AltroLtd" /> <meta name="twitter:creator" content="@AltroLtd" /> <meta property="og:description" content="Altro Stronghold 30 adhesive-free safety flooring, the ideal solution for commercial kitchens with high traffic. Easy to clean & slip resistant. Get a free sample."> <meta property="twitter:description" content="Altro Stronghold 30 adhesive-free safety flooring, the ideal solution for commercial kitchens with high traffic. Easy to clean & slip resistant. Get a free sample."> <meta name="twitter:card" content="summary">  <link rel="canonical" href="https://www.altro.com/us/products/altro-stronghold-30-adhesive-free"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> <link href="/Content/Styles/bootstrap.min.css" rel="stylesheet" /> <link href="/Content/Styles/Main.min.css" rel="stylesheet" /> <script src="/Content/Scripts/ImageAnnotation.js"></script> <script> window.IsLoggedIn = false; window.Site = "us"; window.SiteURL = "us"; window.ShowLogin = () => { var myModal = new bootstrap.Modal(document.getElementById('loginModal')); myModal.show() } </script> <script> var token = "CfDJ8BrJtgSBeRdOgDZwelNPaX7X-6848biIKUPHj0WICIHuYhhKMNcZzSBp8XPVEiGfNd36LKlOt3Rf6aU2d8MF0ie9Z9HU-AzOKmMtP7ylQbV2Xxiq5i9503xyYWRCKJIwgYtCikR4ROeA8JXPBrfKcD4"; var site = ""; var GlobalAddToCartUrl = "/us/api/products/AddToCart"; var imagetooltip = 'Love this look? Click to order free samples'; var menuUrl = "/us/api/menu"; var megaUrl = "/us/api/menu/all"; var latestUrl = "/us/api/menu/latest"; var productUrl = "/us/api/menu/get"; </script>  <script> !function (C, oo, k, ie, b, o, t) { let a = C.scripts[0], c = "en", d = C.createElement(ie), e = [/^\/([a-z]{2})([_-][a-z]{2})?(\/.*)?/g.exec(k), /^([a-z]{2})\./.exec(oo), /\.([a-z]{2,})$/.exec(oo)], f = { at: "de", au: c, ca: c, cz: "cs", dk: "da", ee: "et", no: "nb", se: "sv", fr: "fr", es: "es", uk: c }, g = 0; for (g of e) { e = g ? g[1] : t; if (g) break } e = e.length != 2 ? t : e; e = f[e] ? f[e] : e; d. id = b; d.src = "https://consent.cookiebot.com/uc.js"; d.dataset.cbid = o; d.dataset. culture = e; d.async = !0; a.parentNode.insertBefore(d, a) }(document, location.hostname, location.pathname, "script", "Cookiebot", "4638775a-2db6-4f49-b856-328be68dd6e4", "en") </script> <link type="text/css" rel="stylesheet" href="/Content/Styles/bootstrap-vue.css" /> <link type="text/css" rel="stylesheet" href="/content/styles/techdocs.min.css" /> <link type="text/css" rel="stylesheet" href="/Content/Styles/ImageAnnotation.min.css" /> <script src="/Content/Scripts/frameworks/vue.js"></script> <script src="/Content/Scripts/frameworks/bootstrap-vue.js"></script> <script src="//visit.altro.com/js/forms2/js/forms2.min.js"></script> <script defer type="module" src="/Content/Scripts/vueapp_colours.js"></script> <script> var token = "CfDJ8BrJtgSBeRdOgDZwelNPaX7X-6848biIKUPHj0WICIHuYhhKMNcZzSBp8XPVEiGfNd36LKlOt3Rf6aU2d8MF0ie9Z9HU-AzOKmMtP7ylQbV2Xxiq5i9503xyYWRCKJIwgYtCikR4ROeA8JXPBrfKcD4"; var RangeName = "altro-stronghold-30-adhesive-free"; var site = "us"; var currentPage = "colours"; // api urls var GetFilterURL = "/" + site + "/api/product/GetFilters"; var GetAllDataURL = "/" + site + "/api/products/GetColoursForRange"; var GetFilteredDataURL = "/" + site + "/api/products/GetColoursForRange"; var AddToCartUrl = "/" + site + "/api/products/AddToCart"; var ColourDetailsUrl = "/" + site + "/api/products/GetColourDetails"; // carbon values var transportCarbonValue = 0; var productTitle = 'Altro Stronghold ™ 30 adhesive–free'; document.addEventListener("DOMContentLoaded", function () { $('.collapse').on('shown.bs.collapse', function () { $(this).parent().find(".accordion-icon").attr('name', 'remove-outline'); }).on('hidden.bs.collapse', function () { $(this).parent().find(".accordion-icon").attr('name', 'add'); }); }); document.addEventListener("DOMContentLoaded", function (event) { $(".resin-listing select").change(function () { location.href = $(this).val(); }); }); function createPDF() { var opt = { margin: 2, filename: 'AltroStronghold_trade_30Adhesive_ndash_free.pdf', pagebreak: { mode: 'avoid-all' } } const element = document.getElementById("page_content"); html2pdf().set(opt).from(element).save(); } function setModalTitle(title) { $(".image-modal .modal-title").html(title); } </script> <link href="/Content/Styles/Product.min.css" rel="stylesheet" /> <script src="/Content/Scripts/frameworks/vue.min.js"></script> <script src="/Content/Scripts/frameworks/bootstrap-vue.js"></script> </head> <body class=""> <div class="modal fade" id="transportWarning" tabindex="-1" aria-labelledby="transportWarningLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> You are now entering Altro Transport. To return to Altro Construction, please use the toggle switch and not the back button on your browser. </div> <div class="modal-footer"> <a onclick="refreshTransport()" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Click here to continue to Altro Transport</a> </div> </div> </div> </div> <div class="modal fade" id="constructionWarning" tabindex="-1" aria-labelledby="constructionWarningLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> You are now entering Altro Construction. To return to Altro Transport, please use the toggle switch and not the back button on your browser. </div> <div class="modal-footer"> <a onclick="refreshTransport()" type="button" class="btn btn-secondary" data-bs-dismiss="modal">Click here to continue to Altro Construction</a> </div> </div> </div> </div> <div class="modal fade" id="registrationModal" tabindex="-1" aria-labelledby="registrationModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <div id="registration"> <h2>Register</h2> <div class="description-text pb-3 mt-0 pt-0"> <p><p>Registering with MyAltro allows you to save all your favorite technical documents, blogs and videos in one place. Get access to exclusive content, additional technical support and more.</p><br/><strong><p>When you set your password, it will need to be at least 8 characters including an upper case letter, a lower case letter, a number and a special character.</p></strong></p> </div> <div class="row justify-content-center"> <div class="col-12"> <form action="/us/api/register" data-ajax="true" data-ajax-method="POST" data-ajax-update="#registration"> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BrJtgSBeRdOgDZwelNPaX7X-6848biIKUPHj0WICIHuYhhKMNcZzSBp8XPVEiGfNd36LKlOt3Rf6aU2d8MF0ie9Z9HU-AzOKmMtP7ylQbV2Xxiq5i9503xyYWRCKJIwgYtCikR4ROeA8JXPBrfKcD4" /> <input id="RegisterCountry" name="RegisterCountry" type="hidden" value="us" /> <div class="row mb-3"> <div class="col-6"> <div class="form-group"> <input class="form-control" placeholder="First name" type="text" data-val="true" data-val-maxlength="The First name cannot be longer than 100 characters." data-val-maxlength-max="100" data-val-required="The First name cannot be empty." id="FirstName" maxlength="100" name="FirstName" value="" /> <span class="text-danger field-validation-valid" data-valmsg-for="FirstName" data-valmsg-replace="true"></span> </div> </div> <div class="col-6"> <div class="form-group"> <input class="form-control" placeholder="Last name" type="text" data-val="true" data-val-maxlength="The Last name cannot be longer than 100 characters." data-val-maxlength-max="100" data-val-required="The Last name cannot be empty." id="LastName" maxlength="100" name="LastName" value="" /> <span class="text-danger field-validation-valid" data-valmsg-for="LastName" data-valmsg-replace="true"></span> </div> </div> </div> <div class="row mb-3"> <div class="col-6"> <div class="form-group"> <input class="form-control" placeholder="Password" type="password" data-val="true" data-val-maxlength="The Password cannot be longer than 100 characters." data-val-maxlength-max="100" data-val-required="The Password cannot be empty." id="Password" maxlength="100" name="Password" /> <span class="text-danger field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span> </div> </div> <div class="col-6"> <div class="form-group"> <input class="form-control" placeholder="Confirm password" type="password" data-val="true" data-val-equalto="The entered passwords do not match." data-val-equalto-other="*.Password" data-val-maxlength="The Password cannot be longer than 100 characters." data-val-maxlength-max="100" id="PasswordConfirmation" maxlength="100" name="PasswordConfirmation" /> <span class="text-danger field-validation-valid" data-valmsg-for="PasswordConfirmation" data-valmsg-replace="true"></span> </div> </div> </div> <hr /> <div class="row mb-3"> <div class="col-6"> <div class="form-group"> <input class="form-control" placeholder="Email" type="email" data-val="true" data-val-email="Invalid email address." data-val-maxlength="The Email address cannot be longer than 254 characters." data-val-maxlength-max="100" data-val-required="The Email address cannot be empty." id="Email" maxlength="100" name="Email" value="" /> <span class="text-danger field-validation-valid" data-valmsg-for="Email" data-valmsg-replace="true"></span> </div> </div> <div class="col-6"> <div class="form-group"> <input class="form-control" placeholder="Job title" type="text" data-val="true" data-val-required="The job title cannot be empty." id="JobTitle" name="JobTitle" value="" /> <span class="text-danger field-validation-valid" data-valmsg-for="JobTitle" data-valmsg-replace="true"></span> </div> </div> </div> <div class="row mb-3"> <div class="col-6"> <div class="form-group"> <input class="form-control" placeholder="Company name" type="text" data-val="true" data-val-required="The post code cannot be empty." id="CompanyName" name="CompanyName" value="" /> <span class="text-danger field-validation-valid" data-valmsg-for="CompanyName" data-valmsg-replace="true"></span> </div> </div> <div class="col-6"> <div class="form-group"> <input class="form-control" placeholder="Postcode" type="text" data-val="true" data-val-required="The post code cannot be empty." id="CityTownPostCode" name="CityTownPostCode" value="" /> <span class="text-danger field-validation-valid" data-valmsg-for="CityTownPostCode" data-valmsg-replace="true"></span> </div> </div> </div> <div class="row mb-3"> <div class="col-12"> <div class="form-group"> <select class="form-select" id="Country" name="Country"> <option value="-1">Select a country</option> <option value="Afghanistan">Afghanistan</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bermuda">Bermuda</option> <option value="Bhutan">Bhutan</option> <option value="Bolivia">Bolivia</option> <option value="Bonaire, Sint Eustatius and Saba">Bonaire, Sint Eustatius and Saba</option> <option value="Bosnia-Herzegovina">Bosnia-Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Bouvet Island">Bouvet Island</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> <option value="Brunei Darussalam">Brunei Darussalam</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Cape Verde">Cape Verde</option> <option value="Cayman Islands">Cayman Islands</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Congo">Congo</option> <option value="Congo (Dem. Republic)">Congo (Dem. Republic)</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Curacao">Curacao</option> <option value="Cyprus">Cyprus</option> <option value="Czech Republic">Czech Republic</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="East Timor">East Timor</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Ethiopia">Ethiopia</option> <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> <option value="Faroe Islands">Faroe Islands</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="France">France</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="French Southern Territories">French Southern Territories</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Gibraltar">Gibraltar</option> <option value="Greece">Greece</option> <option value="Greenland">Greenland</option> <option value="Grenada">Grenada</option> <option value="Guadeloupe">Guadeloupe</option> <option value="Guam">Guam</option> <option value="Guatemala">Guatemala</option> <option value="Guernsey">Guernsey</option> <option value="Guinea">Guinea</option> <option value="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Heard and McDonald Islands">Heard and McDonald Islands</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iran">Iran</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Island of Man">Island of Man</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Ivory Coast">Ivory Coast</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jersey">Jersey</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Korea (Democratic Republic of)">Korea (Democratic Republic of)</option> <option value="Korea (Republic of)">Korea (Republic of)</option> <option value="Kosovo">Kosovo</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyz Republic">Kyrgyz Republic</option> <option value="Laos">Laos</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macau">Macau</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Martinique">Martinique</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mayotte">Mayotte</option> <option value="Mexico">Mexico</option> <option value="Micronesia">Micronesia</option> <option value="Moldavia">Moldavia</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montenegro">Montenegro</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="Netherlands Antilles">Netherlands Antilles</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Niue">Niue</option> <option value="Norfolk Island">Norfolk Island</option> <option value="North Macedonia">North Macedonia</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Palestinian Territory">Palestinian Territory</option> <option value="Panama">Panama</option> <option value="Papua-New Guinea">Papua-New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Pitcairn">Pitcairn</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Qatar">Qatar</option> <option value="Re union">Re union</option> <option value="Romania">Romania</option> <option value="Russian Federation">Russian Federation</option> <option value="Rwanda">Rwanda</option> <option value="Saint Barthelemy">Saint Barthelemy</option> <option value="Saint Helena">Saint Helena</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Martin (French part)">Saint Martin (French part)</option> <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Serbia">Serbia</option> <option value="Seychelles">Seychelles</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Sint Maarten (Dutch part)">Sint Maarten (Dutch part)</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="South Georgia and South Sandwich Islands">South Georgia and South Sandwich Islands</option> <option value="South Sudan">South Sudan</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen Islands">Svalbard and Jan Mayen Islands</option> <option value="Swaziland">Swaziland</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syrian Arab Republic">Syrian Arab Republic</option> <option value="Taiwan">Taiwan</option> <option value="Tajikistan">Tajikistan</option> <option value="Tanzania">Tanzania</option> <option value="Thailand">Thailand</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu">Tuvalu</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom">United Kingdom</option> <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> <option value="Uruguay">Uruguay</option> <option value="USA">USA</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Vatican (Holy See)">Vatican (Holy See)</option> <option value="Venezuela">Venezuela</option> <option value="Vietnam">Vietnam</option> <option value="Virgin Islands (British)">Virgin Islands (British)</option> <option value="Virgin Islands (U.S.)">Virgin Islands (U.S.)</option> <option value="Wallis and Futuna Islands">Wallis and Futuna Islands</option> <option value="Western Sahara">Western Sahara</option> <option value="Yemen">Yemen</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> <span class="text-danger field-validation-valid" data-valmsg-for="Country" data-valmsg-replace="true"></span> </div> </div> </div> <div class="row mb-3"> <div class="col-12"> <p class="mb-3">Are you::</p> <div class="form-check"> <input class="form-check-input" checked type="radio" value="A specifier" id="CompanyType" name="CompanyType"> <label class="form-check-label">A specifier (architect, designer)</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" value="A contractor" id="CompanyType" name="CompanyType"> <label class="form-check-label">A contractor (installer, general contractor)</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" value="An end user" id="CompanyType" name="CompanyType"> <label class="form-check-label">An end user (Hospital, School, etc)</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" value="Transport" id="CompanyType" name="CompanyType"> <label class="form-check-label">Transport (OEM, Operator, etc)</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" value="A consumer" id="CompanyType" name="CompanyType"> <label class="form-check-label">Residential customer</label> </div> <div class="form-check"> <input class="form-check-input" type="radio" value="A distributor" id="CompanyType" name="CompanyType"> <label class="form-check-label">A distributor (dealer)</label> </div> </div> </div> <hr /> <h3>Optional</h3> <div class="row mb-3"> <div class="col-12"> <div class="form-group"> <input class="form-control" placeholder="What's the main purpose of your business?" type="text" id="BusinessPurpose" name="BusinessPurpose" value="" /> <span class="text-danger field-validation-valid" data-valmsg-for="BusinessPurpose" data-valmsg-replace="true"></span> </div> </div> </div> <div class="description-text"> By completing this form you agree to the terms laid out in our privacy policy </div> <div class="actions"> <div class="row"> <div class="col-6 offset-6"> <button type="submit" name="plus" value="" class="btn btn-primary d-flex align-items-center"> <div class="me-auto">Register</div> <ion-icon name="caret-forward"></ion-icon> </button> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="registrationModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <div id="login"> <div class="row justify-content-center"> <div class="col-12"> <h2>Login</h2> <div class="description-text pb-3 mt-0 pt-0"> <p>Enter your details below to login</p> </div> <form data-ajax="true" data-ajax-method="POST" data-ajax-update="#login" action="/us/api/login"> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BrJtgSBeRdOgDZwelNPaX7X-6848biIKUPHj0WICIHuYhhKMNcZzSBp8XPVEiGfNd36LKlOt3Rf6aU2d8MF0ie9Z9HU-AzOKmMtP7ylQbV2Xxiq5i9503xyYWRCKJIwgYtCikR4ROeA8JXPBrfKcD4" /> <input id="Site" name="Site" type="hidden" value="us" /> <div class="row"> <div class="col-6"> <div class="form-group"> <input class="form-control" placeholder="Email" type="text" data-val="true" data-val-maxlength="The User name cannot be longer than 100 characters." data-val-maxlength-max="100" data-val-required="US Email required translation" id="UserName" maxlength="100" name="UserName" value="" /> <span class="text-danger field-validation-valid" data-valmsg-for="UserName" data-valmsg-replace="true"></span> </div> </div> <div class="col-6"> <div class="form-group"> <input class="form-control" placeholder="Password" type="password" data-val="true" data-val-maxlength="The password cannot be longer than 100 characters." data-val-maxlength-max="100" data-val-required="US Password required translation" id="Password" maxlength="100" name="Password" /> <span class="text-danger field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true"></span> </div> </div> </div> <div class="row mt-3 additional-options"> <div class="col-6"> <div class="form-check form-switch"> <span class="text-dark"><label>Remember me?</label></span> <input class="form-check-input" type="checkbox" data-val="true" data-val-required="The Stay signed in field is required." id="RememberMe" name="RememberMe" value="true" /> <span class="text-danger field-validation-valid" data-valmsg-for="RememberMe" data-valmsg-replace="true"></span> </div> </div> <div class="col-6"> <a href="/us/passwordreset">Forgotten your password?</a> </div> </div> <div class="actions"> <div class="row"> <div class="col-6"> <a data-bs-toggle="modal" data-bs-target="#registrationModal" class="btn btn-secondary d-flex align-items-center"> <div class="me-auto">Register</div> <ion-icon name="caret-forward"></ion-icon> </a> </div> <div class="col-6"> <button type="submit" name="plus" value="" class="btn btn-primary d-flex align-items-center"> <div class="me-auto">Login</div> <ion-icon name="caret-forward"></ion-icon> </button> </div> </div> </div> <input name="RememberMe" type="hidden" value="false" /></form> </div> </div> </div> </div> </div> </div> </div> <div class="popover-content" style="display:none;"> <div class="arrow d-flex justify-content-center"> <img src="/Content/Images/arrow.png" width="20px" height="10px" /> </div> <ul class="list-group"> <li class="list-group-item"><a href="#" data-bs-toggle="modal" data-bs-target="#loginModal">Login</a></li> <li class="list-group-item"><a href="#" data-bs-toggle="modal" data-bs-target="#registrationModal">Register</a></li> </ul> </div> <div id="imageannotation"> </div> <header> <div class="top-header"> <div class="container"> <div class="row"> <div class="col-lg-12 col-12 d-flex justify-content-between align-items-end"> <a href="/us"><img src="/Content/Images/logo.svg" alt="logo" width='100px' /></a> <div class="right"> <div> <a href="/us/contact-us"> <ion-icon name="mail" alt="Contact us"></ion-icon> <p class="mobile-hide">Contact us</p> </a> </div> <div> <a href="/us/search"> <ion-icon name="search" alt="Search"></ion-icon> <p class="mobile-hide">Search</p> </a> </div> <div data-bs-toggle="tooltip" data-bs-placement="bottom" title="Change country" class='d-flex country-flag-container align-items-center' style="cursor:pointer;" onclick="showCountryMenu()" )> <img src="/Content/Images/us.svg" alt="USA" height="20" width="20" class="me-2 mobile-images" /> <p class='mobile-hide'>USA</p> </div> <div data-bs-toggle="tooltip" data-bs-placement="bottom"> <a class="basket-icon"> <ion-icon name="bag" alt="Samples basket"></ion-icon> <span style="display:none;" class="cart-badge badge bg-secondary">0</span> <p class="mobile-hide">Samples basket</p> </a> </div> <div> <a href="#" class="account-popover"> <ion-icon name="person" alt="General.AccountOptions"></ion-icon> <p class="mobile-hide">MyAltro</p> </a> </div> <div class="d-block d-sm-block d-md-none d-lg-none"> <button class="mobile-button"><ion-icon name="menu"></ion-icon></button> </div> </div> </div> </div> </div> </div> <div class="bot-header"> <div class="container"> <div id='info'></div> <div id="menu-app"> <div class="justify-content-between align-items-center desktop-menu"> <ul :class="{'active' : !isLoading}" class="main"> <li v-for="item in menu" :key="item.panelCollapseID" @mouseenter="showMenu(item.panelCollapseID)" @mouseleave="hideMenuWithDelay"> <a :onclick="item.className === 'Altro.Transport' ? 'SetTransportLink(event)' : null" :href="item.url" class="menu-item" v-cloak>{{ item.title }}</a> <template v-if="item.className === 'Altro.Products'"> <div class="product-menu" v-if="activeMenuId === item.panelCollapseID"> <div class="menu-inner"> <div class="left"> <ul> <li id="latestmenuitem" @mouseenter="ShowLatestLink($event)"><a>Featured products</a></li> <li :id="'menuitem' + index" class="first-level" v-for="(section, index) in mega" @mouseenter="handleMouseEnter($event,section, index)"> <a v-if="section.tabs && section.tabs.length">{{ section.title }}</a> <a :href="section.url" v-else>{{ section.title }}</a> </li> </ul> </div> <div class="second" v-show="activeSubMenu !== null"> <ul v-if="mega[activeSubMenu] && mega[activeSubMenu].tabs && mega[activeSubMenu].tabs.length"> <li v-for="(tab, index) in mega[activeSubMenu].tabs" :key="tab.title"> <a :id="'secondmenuitem' + index" :href="tab.tabLink" v-if="tab.links && tab.links.length" @mouseenter="showThirdList($event, index)">{{ tab.title }}<ion-icon name="caret-forward-outline"></ion-icon></a> <a :id="'secondmenuitem' + index" :href="tab.tabLink" v-else @mouseenter="GetList($event, tab.alias), ShowProduct($event, index)">{{ tab.title }}<ion-icon v-if="!containsSubstring(tab.alias, 'a-z')" name="caret-forward-outline"></ion-icon><ion-icon v-else name="eye-outline"></ion-icon></a> </li> </ul> </div> <div v-show="activeSubMenu == null" class="latest-wrapper"> <h2>Featured products</h2> <div class="latest"> <div class="latest-item" v-for="(item, index) in latest"> <img :src="item.image" alt="Latest product image" /> <h3 v-html="item.title"></h3> <p v-html="item.description"></p> <a :href="item.link" class="link">View <ion-icon name="caret-forward-outline"></ion-icon></a> </div> </div> </div> <div class="third" v-if="activeTab !== null && mega[activeSubMenu].tabs[activeTab].links && mega[activeSubMenu].tabs[activeTab].links.length"> <ul> <li :id="'thirdmenuitem' + index" v-for="(link, index) in mega[activeSubMenu].tabs[activeTab].links" :key="link.title" @mouseenter="GetList($event, link.alias)"> <a :href="link.link"><div v-if="link.hexColour" class="square" :style="{ backgroundColor: link.hexColour }"></div>{{ link.title }}<ion-icon v-if="containsSubstring(link.alias, 'a-z')" name="eye-outline"></ion-icon><ion-icon v-else name="caret-forward-outline"></ion-icon></a> </li> </ul> </div> <div class="fourth" v-if="products && products.length && activeProductMenu !== null"> <ul> <li v-for="(product, index) in products"> <a :href="product.link">{{ product.title }}</a> </li> </ul> </div> <div class="latest-single" v-if="showLatestColumn"> <div class="latest-item"> <img :src="latest[0].image" alt="Latest product image" /> <h3 v-html="latest[0].title"></h3> <p>{{ latest[0].description }}</p> <a :href="latest[0].link" class="link">View <ion-icon name="caret-forward-outline"></ion-icon></a> </div> </div> </div> </div> </template> <template v-else-if="item.className === 'Altro.Store' || item.className === 'Altro.Transport' || item.className === 'Altro.Sustainability'"> <div class="d-none"></div> </template> <template v-else> <div class="mini-menu" v-if="activeMenuId === item.panelCollapseID"> <div class="menu-inner"> <div v-for="tab in item.tabs" :key="tab.title" class="mini-menu-item"> <div v-if="tab.links && tab.links.length > 0"> <div class="head" :class="{'transport': tab.alias === 'Transport'}"><a class="head single-link" :href="tab.tabLink">{{ tab.title }}</a></div> <ul> <li v-for="link in tab.links"> <a :href="link.link">{{ link.title }}</a> </li> </ul> </div> <div v-else> <a class="head single-link" :href="tab.tabLink">{{ tab.title }} <ion-icon name="caret-forward-outline"></ion-icon></a> </div> </div> </div> </div> </template> </li> </ul> <div class="right"> <form>  <div class="transport-switch d-flex justify-content-around align-items-center"> <div style="cursor:pointer;" onclick="RemoveTransportLink(event)"> Construction </div> <div id="transportswitcher" class="form-check form-switch slide-click" data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="bottom" title="Choose between transport <br/>and construction view"> <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" > </div> <div style="cursor:pointer;" onclick="SetTransportLink(event)"> Transport </div> </div> </form> <a class="samples" href="/us/samples">Samples</a> </div> </div> <div class="switcher pt-2 pb-2 d-block d-md-none"> <form> <div class="transport-switch d-flex justify-content-around align-items-center"> <div style="cursor:pointer;" onclick="RemoveTransportLink(event)"> Construction </div> <div id="transportswitcher" class="form-check form-switch slide-click" data-bs-toggle="tooltip" data-bs-html="true" data-bs-placement="bottom" title="Choose between transport <br/>and construction view"> <input class="form-check-input" type="checkbox" id="flexSwitchCheckChecked" > </div> <div style="cursor:pointer;" onclick="SetTransportLink(event)"> Transport </div> </div> </form> </div> <div class="mobile-menu" id="openmobile"> <ul class="mobile-main"> <li v-for="(item, index) in menu" :key="index"> <div v-if="item.className === 'Altro.Transport'"> <a class="menu-item" href="#" v-on:click="SetTransportLink(event)">{{ item.title }}</a> </div> <div v-else-if="item.className === 'Altro.Store'"> <a class="menu-item" :href="item.url">{{ item.title }}</a> </div> <div v-else> <a class="menu-item" v-on:click="toggleSubMenu(index)"> {{ item.title }} <ion-icon v-if="index != openMenuIndex" name="add"></ion-icon> <ion-icon v-else name="remove"></ion-icon> </a> <div v-if="item.className === 'Altro.Products'" class="sub-menu" v-show="openMenuIndex === index"> <ul class="sub-list"> <li v-for="(product, index) in mega"> <a class="sub-menu-item" :href="product.url">{{ product.title }}</a> </li> </ul> </div> <div v-else> <ul v-if="item.tabs" class="sub-list" v-show="openMenuIndex === index"> <li v-for="(child, index) in item.tabs"> <a class="sub-menu-item" :href="child.tabLink">{{ child.title }}</a> </li> </ul> </div> </div> </li> </ul> <div class="mobile-footer"> <div class="socials"> <div class="title" style='border-color: #fff;'> <h2 style="color: #fff">Follow us</h2> </div> <div class="social-icons"> <div class='d-flex justify-content-between align-items-center w-100 first-set-social-icons'> <a href="https://www.facebook.com/Altro.Americas"><img src="/Content/Images/logo-facebook.svg" alt="facebook" class="social-icon" /></a> <a href="https://twitter.com/AltroAmericas"><img src="/Content/Images/logo-twitter_x.svg" alt="twitter" class="social-icon" /></a> <a href="https://www.linkedin.com/company/altro-americas/"><img src="/Content/Images/logo-linkedin.svg" alt="linkedin" class="social-icon" /></a> <a href="https://www.youtube.com/c/Altroamericas"><img src="/Content/Images/logo-youtube.svg" alt="youtube" class="social-icon" /></a> <a href="https://www.instagram.com/altroamericas/"><img src="/Content/Images/logo-instagram.svg" alt="instagram" class="social-icon" /></a> <a href="https://www.pinterest.com/altrousa"><img src="/Content/Images/logo-pinterest.svg" alt="pintrest" class="social-icon" /></a> <a href="https://www.materialbank.com/brand/altro"><img src="/getmedia/0b63fb00-70f0-4fe3-a435-ca77d9cc002b/Material-Bank-WHITE_M-LOGO.svg" alt="Material Bank" class="social-icon" /></a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="basket-dropdown"> <div class="position-relative"> <div class="basket-accent"> <svg xmlns="http://www.w3.org/2000/svg" width="38" height="17" viewBox="0 0 38 17" fill="none"> <path d="M19 0L37.1865 16.5H0.813467L19 0Z" fill="#E4E4E4" /> </svg> </div> <div class="basket-title"> <h2>Samples basket</h2> <ion-icon name="bag" alt="Samples basket"></ion-icon> </div> <div class="basket-body"> <div class="basket-area"> </div> </div> <div class="basket-buttons"> <a class="clear" onclick="guestapp.ClearSamples(), guestapp.GetCartView()">Clear samples</a> <a href="/us/basket" class="checkout-button" onclick="guestapp.SaveCart()">Checkout</a> </div> </div> </div> <div class="container country-selector"> <div class="country-selector-inner"> <div class="row"> <div class="col-6 col-md-2"> <h2>Asia Pacific</h2> <ul> <li><a href="/au">Australia</a></li> <li><a href="/cn">China</a></li> <li><a href="/jp">Japan</a></li> <li><a href="/nz">New Zealand</a></li> <li><a href="/lk">Sri Lanka</a></li> </ul> <h2 class="pt-3">North America</h2> <ul> <li><a href="/us">US</a></li> <li><a href="/us">Canada</a></li> </ul> </div> <div class="col-6 col-md-5"> <h2>Europe</h2> <div class="row"> <div class="col-12 col-md-6"> <ul> <li><a href="/cz">Czech Republic</a></li> <li><a href="/dk">Denmark</a></li> <li><a href="/fr">France</a></li> <li><a href="/de">Germany</a></li>  <li><a href="/hu">Hungary</a></li> <li><a href="/ie">Ireland</a></li> </ul> </div> <div class="col-12 col-md-6"> <ul> <li><a href="/pl">Poland</a></li> <li><a href="/ro">Romania</a></li> <li><a href="/es">Spain</a></li> <li><a href="/se">Sweden</a></li> <li><a href="/tr">Turkey </a></li> <li><a href="/uk">United Kingdom</a></li> </ul> </div> </div> </div> <div class="col-6 col-md-5"> <h2>Middle East, North Africa and India</h2> <div class="row"> <div class="col-12 col-md-12"> <ul> <li><a href="/bh">Bahrain</a></li> <li><a href="/eg">Egypt</a></li> <li><a href="/in">India</a></li> <li><a href="/kw">Kuwait</a></li> <li><a href="/qa">Qatar</a></li> <li><a href="/sa">Saudi Arabia</a></li> <li><a href="/ae">United Arab Emirates</a></li> </ul> </div> </div> </div> <div class="col-12 mt-2 pt-2 global-link"> <p>Can't see the region you're looking for? You can find a list of our global locations <a href="/us/about-us/global-locations">here</a></p> </div> </div> </div> </div> </header> <div class="container breadcrumb-area"> <div class="row"> <div class="col-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="/us">Home</a></li> <li class="breadcrumb-item"><a href="/us/products">Products</a></li> <li class="breadcrumb-item"><a href="/us/products/altro-stronghold-30-adhesive-free">Altro Stronghold ™ 30 adhesive–free</a></li> </ol> </nav> </div> </div> </div> <form action="/us/products/altro-stronghold-30-adhesive-free" id="__AjaxAntiForgeryForm" method="post"><input name="__RequestVerificationToken" type="hidden" value="CfDJ8BrJtgSBeRdOgDZwelNPaX7X-6848biIKUPHj0WICIHuYhhKMNcZzSBp8XPVEiGfNd36LKlOt3Rf6aU2d8MF0ie9Z9HU-AzOKmMtP7ylQbV2Xxiq5i9503xyYWRCKJIwgYtCikR4ROeA8JXPBrfKcD4" /></form> <div class="altro-page-body" id="page_content">  <script> var site = "us"; // api urls var siteURL = "/" + site + "/api/image"; var siteURLCheck = "/" + site + "/api/imagecheck"; var formID = 1290; </script> <div class="container"> <div class="product-main-info"> <div class="row"> <div class="col-12 col-md-5"> <div class="d-flex align-items-center justify-content-between"> <h1>Altro Stronghold ™ 30 adhesive–free</h1> <div class="col-2 text-white" style="cursor: pointer;"> <a v-bind:href="item.seamlessImage" target="_blank" noreferrer="true" style="text-decoration: none; color: rgb(255, 255, 255);"> <ion-icon name="download" role="img" class="md hydrated" aria-label="download"> </ion-icon> </a> </div> <a href="#" class="download-as-pdf" onclick="createPDF()" title="Download Page as PDF"><ion-icon style="color:#ee2c7f" size="large" name="cloud-download"></ion-icon></a> </div> <div class="description"> <p>Get your kitchen up and running fast with Altro Stronghold 30 adhesive-free flooring. Weld and walk on the same day, with top slip resistance, noise reduction, and easy maintenance. Available in four timeless colors.</p> </div> <div class="additional-description"> </div> <div class="actions"> <a href="#colours" class="btn btn-secondary d-flex justify-content-between align-items-center">Order a sample <ion-icon name="bag"></ion-icon></a> <a href="#techdocs" class="btn btn-primary tech-btn d-flex justify-content-between align-items-center">Technical documents <ion-icon name="caret-forward"></ion-icon></a> </div> <div class="technical-info"> <h2>Technical summary</h2><table class="table"> <tr><td>Type of product:</td><td>Roll</td></tr><tr><td>Thickness:</td><td>3mm</td></tr><tr><td>Life expectancy:</td><td>20 years</td></tr><tr><td>No. of colors:</td><td>4</td></tr><tr><td>Weight:</td><td>3.7kg/m²</td></tr></table> <div class="icons"> <img src="/Altro/media/AltroMedia/Product_icons/12_yr_warranty_us.svg" alt="icons.12_yr_warranty_us" class="product-icon me-2 mb-2" /> <img src="/Altro/media/AltroMedia/Product_icons/PTV55.svg" alt="icons.PTV55" class="product-icon me-2 mb-2" /> <img src="/Altro/media/AltroMedia/Product_icons/R12.svg" alt="icons.R12" class="product-icon me-2 mb-2" /> <img src="/Altro/media/AltroMedia/Product_icons/1_in_a_million.svg" alt="icons.1_in_a_million" class="product-icon me-2 mb-2" /> <img src="/Altro/media/AltroMedia/Product_icons/10dB_acoustic.svg" alt="icons.10dB_acoustic" class="product-icon me-2 mb-2" /> <img src="/Altro/media/AltroMedia/Product_icons/adhesive-free.svg" alt="icons.adhesive-free" class="product-icon me-2 mb-2" /> <img src="/Altro/media/AltroMedia/Product_icons/Easyclean.svg" alt="icons.Easyclean" class="product-icon me-2 mb-2" /> <img src="/Altro/media/AltroMedia/Product_icons/Low_VOC.svg" alt="icons.Low_VOC" class="product-icon me-2 mb-2" /> <img src="/Altro/media/AltroMedia/Product_icons/97RH.svg" alt="icons.97RH" class="product-icon me-2 mb-2" /> </div> </div> </div> <div class="col-12 col-md-7"> <div class="document-content-area"> <div id="annotationWrapper"> <div class="hero-image"> <img src="/getmedia/68f2c08d-37ab-44d2-9db7-a386118928ef/Hospitality_commercial_kitchen_Stronghold_AF_Tempest_wall_designs_soft_Woodgrain_Whiterock_White.jpg?width=800" width="100%" alt="" loading="lazy" /> </div> </div> </div> <div class="c-container"> <div class="custom-c"> </div> <button class="next"><ion-icon name="caret-forward-outline"></ion-icon></button> <button class="prev"><ion-icon name="caret-back-outline"></ion-icon></button> </div> <div class="quick-links"> <h3>Quick links</h3> <ul> <li><a href="/getmedia/14011688-cd5a-432f-84ba-adb3074965c5/INSTALL_ALTRO-STRONGHOLD-AF.pdf">How to install</a></li> <li><a href="/getmedia/734481da-f423-44a5-a1cf-a2a266826bfc/Cleaning-guide-for-safety-and-slip-resistant-flooring-2020.pdf">How to clean</a></li> <li><a href="/getmedia/752571fe-be4b-420d-9bc2-a89e0a6b241b/DATASHEET_ALTRO-STRONGHOLD-ADHESIVE-FREE-WEB.pdf">Datasheet</a></li> <li><a href="https://www.altro.com/us/technical/technical-information/bim">BIM</a></li> <li><a href="https://www.altro.com/us/case-studies/filter/altro-stronghold-30-adhesive-free">Case studies</a></li> </ul> </div> </div> </div> </div> </div> <div class="cta-container" style="background-color:#EE2C7F"> <div class="container"> <div class="product-cta"> <div class="row d-flex align-items-center"> <div class="col-12 col-md-4"><h2>Any questions?</h2></div> <div class="col-12 col-md-4 description">Our customer care team is here to help.</div> <div class="col-12 col-md-4"> <a style="color:#EE2C7F" class="btn btn-cta-link d-flex justify-content-between align-items-center" href="/us/contact-us">Contact us now! <ion-icon name="caret-forward"></ion-icon></a> </div> </div> </div> </div> </div> <div class="colours-react-area"> <div class="container"> <div class="sample-card"> <div class="row"> <div class="col-12"> <h2>Select colors and order samples</h2> </div> <div class="col-12 col-md-8"> Choose your desired color and use the icons to add a sample to your basket, download a swatch, or see a larger image. </div> <div class="col-12 col-md-4"> </div> </div> </div> <div id="app" class="mt-3"> <a id="colours"></a>  <div class="d-none d-md-block"> <div v-if="info" class="d-flex align-items-center justify-content-between border-bottom pb-1 mt-3"> <div class="d-flex w-100"> <div v-for="(filter, index) in info" class="col-12 col-md-2"> <a class="nav-link dropdown-toggle text-dark fw-bold" data-bs-toggle="collapse" v-bind:href="'#type-collapse' + index" role="button" aria-expanded="false" aria-controls="collapseExample">{{ filter.title }}</a> <div class="collapse dropdown-parent-mobile-filters" v-bind:id="'type-collapse' + index"> <ul class="card card-body mobile-card-filter" style="inline-size: 220px; overflow-wrap: break-word; max-height: 300px; overflow-y: scroll;"> <li v-for="filterOption in filter.options" class="mb-2"> <span v-if="filterOption.subOptions != null && filterOption.subOptions.length > 0" class="dropdown-item text-dark" href="#" role="button" style="white-space: normal;" v-html="filterOption.title"></span> <a v-if="filterOption.subOptions == null || filterOption.subOptions.length == 0" class="dropdown-item" href="#" role="button" style="white-space: normal;" v-on:click="AddFilter(filterOption.id,filterOption.title,filterOption.codename)">{{filterOption.title}}</a> <ul v-if="filterOption.subOptions != null && filterOption.subOptions.length > 0"> <li v-for="filterSubOption in filterOption.subOptions" class="mb-2"> <a class="dropdown-item" href="#0" role="button" style="white-space: normal;" v-on:click="AddFilter(filterSubOption.id,filterSubOption.title,filterOption.codeName)">{{filterSubOption.title}}</a> </li> </ul> <div style="width: 85%; height: 1px; background: rgb(226, 226, 226); margin: 2% 0% 2% 8%;"></div> </li> </ul> </div> </div> </div> </div> <div class="row my-2"> <div class="d-flex w-75 align-items-center" style="gap:10px;"> <div class="clear-product-filter" style="width:20%;"> <div class="toast align-items-center" role="alert" aria-live="assertive" aria-atomic="true"> <div class="d-flex"> <div class="toast-body">Clear all filters</div> <button type="button" v-on:click="ClearFilters()" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button> </div> </div> </div> <div v-if="currentFilters" v-for="(selectedfilter, index) in currentFilters" class="col-2 product-filter-toasts mt-2"> <div class="toast align-items-center" role="alert" aria-live="assertive" aria-atomic="true"> <div class="d-flex"> <div class="toast-body">{{ selectedfilter.title }}</div> <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close" v-on:click="RemoveFilter(selectedfilter.id)"></button> </div> </div> </div> </div>  <div class="sorting-component d-flex justify-content-end align-items-center w-25"> <button id="grid" class="grid viewSwitch" v-on:click="gridView()"><ion-icon name="grid-outline"></ion-icon></button> <button id="list" class="list viewSwitch" v-on:click="listView()"><ion-icon name="list-outline"></ion-icon></button> <div class="dropdown"> <button class="sortBtn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false"> Sort </button> <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1"> <li><a class="dropdown-item" v-on:click="SortData('alphabetical')">By alphabetical order</a></li> <li><a class="dropdown-item" v-on:click="SortData('reverse')">By reverse alphabetical order</a></li> <li><a class="dropdown-item" v-on:click="SortData('newest')">By newest first</a></li> <li><a class="dropdown-item" v-on:click="SortData('oldest')">By oldest first</a></li> </ul> </div> </div> </div> </div>  <div class="d-md-block d-md-none"> <div class="filter-toast" id="mobile-pop">Filters.Popup</div> <div class="row"> <div class="col-3"> <a class="collapsed" data-bs-toggle="collapse" href="#mobileFilterCollapse" role="button" aria-expanded="false" aria-controls="mobileFilterCollapse"> <div class="custom-line-container"> <div id="nav-icon1"><span></span><span></span><span></span></div> </div> </a> </div> <div class="col-3 d-flex justify-content-center align-items-center"> <h5>Filters</h5> </div> <div class="collapse" id="mobileFilterCollapse" style=""> <div class="card card-body text-white"> <div v-for="(filter, index) in info" className='col-12 col-md-4'> <a class="nav-link dropdown-toggle text-white" data-bs-toggle='collapse' v-bind:href="'#typemobile-collapse' + index" role='button' aria-expanded='false' aria-controls='collapseExample'> {{ filter.title }} </a> <div class="collapse dropdown-parent-mobile-filters" v-bind:id="'typemobile-collapse' + index"> <ul v-if="currentFilters" class="card card-body mobile-card-filter"> <li v-for="filterOption in filter.options" class="mb-2"> <span v-if="filterOption.subOptions.length > 0" class="dropdown-item text-white" href="#0" role="button" style="white-space: normal;">{{ filterOption.title }}</span> <a v-else class="dropdown-item text-white" href="#0" role="button" style="white-space: normal;" v-on:click="AddFilter(filterOption.id,filterOption.title,filterOption.codename)">{{ filterOption.title }}</a> <ul> <li v-for="filterSubOption in filterOption.subOptions" class="mb-2"> <a class="dropdown-item text-white" href="#0" role="button" style="white-space: normal;" v-on:click="AddFilter(filterSubOption.id,filterSubOption.title,filterOption.codeName)">{{ filterSubOption.title }}</a> </li> </ul> <div style="width: 85%; height: 1px; background: rgb(226, 226, 226); margin: 2% 0% 2% 8%;"></div> </li> </ul> </div> </div> <div>  <div class="sorting-component d-flex justify-content-end align-items-center"> <button v-on:click="viewSwitch()" id="grid" class="grid viewSwitch"><ion-icon style="color: #fff;" name="grid-outline"></ion-icon></button> <button v-on:click="viewSwitch()" id="list" class="list viewSwitch"><ion-icon style="color: #fff;" name="list-outline"></ion-icon></button> <div class="dropdown"> <button class="sortBtn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false"> Sort </button> <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1"> <li><a class="dropdown-item" v-on:click="SortData('alphabetical')">By alphabetical order</a></li> <li><a class="dropdown-item" v-on:click="SortData('reverse')">By reverse alphabetical order</a></li> <li><a class="dropdown-item" v-on:click="SortData('newest')">By newest first</a></li> <li><a class="dropdown-item" v-on:click="SortData('oldest')">By oldest first</a></li> </ul> </div> </div> </div> <div> <div class="d-flex flex-column-reverse"> <div class="col-lg-2 col-sm-12 clear-product-filter mt-2"> <div class="toast align-items-center" role="alert" aria-live="assertive" aria-atomic="true"> <div class="d-flex justify-content-center align-items-center"> <div class="toast-body">Clear all filters</div> <button type="button" v-on:click="ClearFilters()" class="btn-close btn-close-white me-2" data-bs-dismiss="toast" aria-label="Close"></button> </div> </div> </div> <div class="row"> <div v-if="currentFilters" v-for="(selectedfilter, index) in currentFilters" class="col-6 col-lg-4 product-filter-toasts mt-2"> <div class="toast align-items-center" role="alert" aria-live="assertive" aria-atomic="true"> <div class="d-flex"> <div class="toast-body">{{ selectedfilter.title }}</div> <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close" v-on:click="RemoveFilter(selectedfilter.id)"></button> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="products-area" id="product-area"> <div v-if="IsLoading == null || IsLoading" class="row mt-2 "> <div v-for="index in 8" :key="index" class='col-12 col-md-4 col-lg-3 mb-4'> <div class="skeleton-parent"> <div class='skeleton-container'> <div> <div class='skeleton-image'></div> <div class='skeleton-title mt-2 ms-3 mb-4'></div> </div> </div> </div> </div> </div> <div v-else> <div v-if="CurrentDetails != null" class="d-flex justify-content-center align-items-center"> <div class="product-card-container"> <div class="mb-2"> <a style="font-weight: 600; color: #333; cursor:pointer;" class="d-flex align-items-center" v-on:click="HideDetails()"> <ion-icon name="caret-back" role="img" class="md hydrated" aria-label="caret back"></ion-icon> Back to colors </a> </div> <div class="row"> <div class="col-12 col-md-4"> <div class="product-card-title"> <h3 v-html="CurrentDetails?CurrentDetails.title:''"></h3> <h6 class="my-2">{{CurrentDetails?CurrentDetails.skuNumber:""}}</h6> <p class="my-4">{{CurrentDetails?CurrentDetails.description:""}}</p> </div> <div> <div class="samples-badge-container"> <div class="d-flex mb-4"> <a v-on:click="AddToCart(RangeName,CurrentDetails.id,1)" class="d-flex justify-content-around align-items-center btn btn-secondary added-item"> Add sample to cart <div style="font-size: 1.3em; margin-top: 1%;"> <ion-icon name="add-circle" role="img" class="md hydrated" aria-label="add circle"> </ion-icon> </div> </a> </div><span v-if="CurrentDetails.AmountInCart > 0" class="badge bg-secondary">{{CurrentDetails?CurrentDetails.AmountInCart:""}}</span> </div> <div class="samples-badge-container"> <div class="d-flex mb-4" v-if="CurrentDetails.seemlessImage != '' && CurrentDetails.seemlessImage != null"> <a class="btn-primary btn d-flex justify-content-around align-items-center" v-bind:href="CurrentDetails.seemlessImage" download> <div>Seamless image download</div> <ion-icon name="download" role="img" class="md hydrated" aria-label="download"> </ion-icon> </a> </div> </div> <div class="d-flex mt-4" v-if="CurrentDetails.StorePath != null && CurrentDetails.StorePath != ''"> <a class="btn btn-primary d-flex justify-content-around align-items-center" href=""> Buy it now!<span style="font-size: 1.3em; "> <ion-icon name="bag" role="img" class="md hydrated" aria-label="bag"></ion-icon> </span> </a> </div> </div> <div class="technical-details-container"> <h6 class=" pt-4 pb-3">Technical details</h6> <div class="table-item-description" v-html="CurrentDetails?CurrentDetails.techTable:''"> </div> </div> </div> <div class="col-12 col-md-8"> <div class="swatch" v-bind:style="{ backgroundColor: CurrentDetails?CurrentDetails.hexColour:'#FFF', backgroundImage: 'url(' + (CurrentDetails?CurrentDetails.image:'') + ')' }"> <img v-if="CurrentDetails.image" v-bind:src="CurrentDetails.image" /> </div> </div> </div> </div> </div> <div v-if="CurrentDetails == null && dataItems != null" class="row"> <div id="techdocs_list" v-if="listOfData" v-for="item in listOfData" class="col-12 col-lg-3 col-md-4" style="opacity: 1;" v-on:mouseenter="currentOver = item.id" v-on:mouseleave="currentOver = null"> <div class="col-12 col-md-12 col-xl-12 mb-3"> <div class="custom-card-container" v-bind:class="[currentOver == item.id ? 'card-active' : 'card-inactive']"> <div class="icons"> <img v-if="item.isQuickship" src="/Content/Images/quickship.svg" /> <img v-if="item.isNew" src="/Content/Images/star.svg" /> </div> <div v-on:click="ShowDetails(item.id)" class="color-tile-product" v-bind:style="{height:'100%', backgroundImage: 'url(' + item.imageUrl + ')', backgroundColor: item.hexColour }"></div> <div class="new-pattern"> </div> <div v-bind:class="[currentOver == item.id ? 'card-info-overlay-show' : 'card-info-overlay']"> <div class="container pt-3"> <h4 class="text-white" style="font-size: 0.8em; height: 30px;" v-html="item.title"></h4> <h6 class="my-1 text-white">{{item.skuNumber}}</h6> <div class="row"> <div class="col-2 text-white cart-badge-container added-item" style="opacity: 1; position: relative; cursor: pointer;" v-on:click="AddToCart(RangeName,item.id,1)"> <ion-icon name="cart" role="img" class="md hydrated" aria-label="cart"></ion-icon> <span v-if="item.amountInCart > 0" class="cart-badge badge bg-secondary">{{item.amountInCart}}</span> </div> <div class="col-2 text-white" style="cursor: pointer;" v-if="item.seemlessImage != null && item.seemlessImage != ''"> <a v-bind:href="item.seemlessImage" target="_blank" noreferrer="true" style="text-decoration: none; color: rgb(255, 255, 255);"> <ion-icon name="download" role="img" class="md hydrated" aria-label="download"> </ion-icon> </a> </div> <div class="col-2 text-white" style="cursor: pointer;" v-on:click="ShowDetails(item.id)"> <ion-icon name="eye" role="img" class="md hydrated" aria-label="eye"></ion-icon> </div> </div> </div> </div> </div> </div> </div> </div> <div v-if="dataItems != null && !listOfData" class="d-flex justify-content-center align-item-center p-3 mt-3"> No products found. </div> </div> <div class="lazy-loader"> </div> </div> </div> <div class="related-products"> <div class='my-3'> <h3>Looks great with:</h3> <h5>Try one of these similar or complementary products</h5> </div> <div class='row mb-5'> <div class="col-12 col-md-3"> <div class="single-product-card"> <div class='card' style="width:100%"> <img src="/getmedia/2f8a91d8-a697-47b5-a1e4-761895637ae9/Miraval-Berkshires_Altro-Stronghold_Altro-Puraguard_42-EDITED.jpg?width=800" class="card-img-top" alt="Altro Stronghold&trade; 30" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/us/products/altro-stronghold-30">Altro Stronghold™ 30</a> </h5> </div> </div> </div> </div> <div class="col-12 col-md-3"> <div class="single-product-card"> <div class='card' style="width:100%"> <img src="/getmedia/20723aca-aeb6-4870-b999-e4a4905c38f2/Senior-Living-Residence_Altro-Wood_01.jpg?width=800" class="card-img-top" alt="Altro Wood&trade;" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/us/products/altro-wood">Altro Wood™</a> </h5> </div> </div> </div> </div> <div class="col-12 col-md-3"> <div class="single-product-card"> <div class='card' style="width:100%"> <img src="/getmedia/0fdb6da9-e4dd-4a6d-b517-53049adf1c0f/Triton-Labs_Walkway_Streetlight-07.jpg?width=800" class="card-img-top" alt="Altro Walkway™ 20" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/us/products/altro-walkway-20">Altro Walkway™ 20</a> </h5> </div> </div> </div> </div> <div class="col-12 col-md-3"> <div class="single-product-card"> <div class='card' style="width:100%"> <img src="/getmedia/bef233fc-55bf-45c9-89e2-4c1fdaeb89ad/Loft_Altro-Lavencia_Altro-Tegulis_03_web.jpg?width=800" class="card-img-top" alt="Altro Lavencia LVT" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/us/products/altro-lavencia-lvt">Altro Lavencia LVT</a> </h5> </div> </div> </div> </div> <div class="col-12 col-md-3"> <div class="single-product-card"> <div class='card' style="width:100%"> <img src="/getmedia/bd580c11-2b18-44e9-8da5-761bb3be1e0a/Fox-Meadows-Creamery_Stronghold-30_Atlas-40_Puraguard_03.jpg?width=800" class="card-img-top" alt="Altro Puraguard" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/us/products/altro-puraguard">Altro Puraguard</a> </h5> </div> </div> </div> </div> <div class="col-12 col-md-3"> <div class="single-product-card"> <div class='card' style="width:100%"> <img src="/getmedia/40c775b2-1341-4302-92ca-09e2487ac601/Lobby_Altro-Illustra_Altro-Whiterock-wall-design_03-web.jpg?width=800" class="card-img-top" alt="Altro Illustra&trade;" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/us/products/altro-illustra">Altro Illustra™</a> </h5> </div> </div> </div> </div> </div> </div> </div> </div> <div class="product-info"> <div class="container"> <div class="accordion" id="accordionProductInfo"> <div class="accordion-item"> <div class="accordion-header w-100" id="headingOne"> <a class="collapsed w-100 d-flex justify-content-between align-items-center" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"> Product information <ion-icon class="accordion-icon" name="add"></ion-icon> </a> </div> <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionProductInfo"> <div class="accordion-body"> <div class="row"> <div class="col-12 col-md-7"> <h2>Adhesive-free safety flooring for maximum impact and minimum downtime</h2> <p>Get your kitchen up and running in record time with the new Altro Stronghold 30 adhesive-free flooring. Specifically designed for commercial kitchens and back-of-house areas, this revolutionary flooring can be welded and walked on the same day, slashing kitchen downtime.</p> <p>Altro Stronghold 30 adhesive-free flooring is built to last, engineered to handle tough kitchen environments. It’s a breeze to install, maintain, and repair, with exceptional scratch and scuff resistance for enduring performance. Featuring Altro’s highest slip resistance rating and a comfortable 3mm thickness, it also reduces noise by up to 10dB.</p> <p>Choose from four timeless colors to match your style. Pair Altro Stronghold 30 adhesive-free flooring with Altro Puraguard wall panels for a robust and hygienic solution in any commercial or industrial kitchen, food preparation, or service area.</p> <p>Altro Stronghold 30 is also available in a traditional glue-down version. <a href="/us/products/altro-stronghold-30">Learn more here.</a></p> </div> <div class="col-12 col-md-5"> <div class="embed-responsive embed-responsive-16by9"><iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/IqIt3iFnD-A?si=sDPA095C9PYoFDeQ?REL=0" width="560"></iframe></div> </div> </div> </div> </div> </div> <div class="accordion-item"> <div class="accordion-header w-100" id="headingTwo"> <a class="collapsed w-100 collapsed d-flex justify-content-between align-items-center" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Typical applications <ion-icon class="accordion-icon" name="add"></ion-icon> </a> </div> <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionProductInfo"> <div class="accordion-body"> <ul> <li>Small commercial kitchens</li> <li>Food preparation areas</li> <li>Back-of-house service areas</li> <li>Temporary kitchens</li> </ul> </div> </div> </div> <div class="accordion-item"> <div class="accordion-header w-100" id="headingFour"> <a class="w-100 collapsed d-flex justify-content-between align-items-center" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"> Inspire me <ion-icon class="accordion-icon" name="add"></ion-icon> </a> </div> <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionProductInfo"> <div class="accordion-body"> <ul> <li><strong><a href="/us/gallery">Gallery</a></strong></li> <li><strong><a href="/us/inspiration/altro-insta-space">Insta-space</a></strong></li> <li><strong><a href="/us/gallery/filter/moodboard">Moodboards</a></strong></li> <li><strong><a href="/us/gallery/filter/colorcard">Color cards</a></strong></li> </ul> </div> </div> </div> </div> </div> </div> <div class="technical-documents"> <a name="techdocs"></a> <div class="container"> <div class="row"> <div class="col-12"> <h2>Technical documents</h2> </div> <div class="col-12 col-md-4"> <h5>Datasheets</h5> <div class="row d-flex align-items-center mb-3"> <div class="col-1" style="font-size:1.5em;color:#00537f"> <ion-icon name="document-text"></ion-icon> </div> <div class="col-11"> <a style="color:#00537f" href="/us/technical-documents/Altro-Stronghold-30-adhesive-free-datasheet">Altro Stronghold 30 adhesive-free datasheet</a> </div> </div> </div> <div class="col-12 col-md-4"> <h5>Sustainability</h5> <div class="row d-flex align-items-center mb-3"> <div class="col-1" style="font-size:1.5em;color:#00537f"> <ion-icon name="document-text"></ion-icon> </div> <div class="col-11"> <a style="color:#00537f" href="/us/technical-documents/altro-stronghold-30-adhesive-free-epd">Altro Stronghold 30 adhesive-free EPD</a> </div> </div> <div class="row d-flex align-items-center mb-3"> <div class="col-1" style="font-size:1.5em;color:#00537f"> <ion-icon name="document-text"></ion-icon> </div> <div class="col-11"> <a style="color:#00537f" href="/us/technical-documents/Altro-Stronghold-30-adhesive-free-LEED">Altro Stronghold 30 adhesive-free LEED</a> </div> </div> </div> <div class="col-12 col-md-4"> <h5>Installation and maintenance</h5> <div class="row d-flex align-items-center mb-3"> <div class="col-1" style="font-size:1.5em;color:#00537f"> <ion-icon name="document-text"></ion-icon> </div> <div class="col-11"> <a style="color:#00537f" href="/us/technical-documents/Altro-Kitchen-Advantage-Installation-guide">Altro Kitchen Advantage Installation guide</a> </div> </div> <div class="row d-flex align-items-center mb-3"> <div class="col-1" style="font-size:1.5em;color:#00537f"> <ion-icon name="document-text"></ion-icon> </div> <div class="col-11"> <a style="color:#00537f" href="/us/technical-documents/Installation-instructions-for-Altro-Stronghold-30">Installation instructions for Altro Stronghold 30 adhesive-free</a> </div> </div> </div> </div> </div> </div> <div class="modal fade image-modal" id="lightBoxModal" tabindex="-1" aria-labelledby="lightBoxModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="lightBoxModalLabel"></h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> </div> </div> </div> </div> <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 11"> <div id="cartToast" class="toast hide" role="alert" aria-live="assertive" aria-atomic="true"> <div class="toast-header"> <strong class="me-auto">Added sample card to cart</strong> <button type="button" class="btn-close" data-bs-dismiss="cartToast" aria-label="Close"></button> </div> <div class="toast-body"> Your sample card choice has been added to the cart. </div> </div> </div> <div class="position-fixed bottom-0 end-0 p-3 d-flex justify-content-center" style="z-index: 11"> <div id="AddedToBasketToast" class="basket-toast toast hide text-white bg-primary border-0" role="alert" aria-live="assertive" aria-atomic="true"> <div class="toast-body"> Added to cart </div> </div> </div> </div> <footer class="text-white"> <div class="container"> <div class="row"> <div class="col-lg-3 col-12 item"> <div class="sign-up-container "> <h5>Keep in touch</h5> <p class="mt-1"> If you'd like to receive communications from Altro about our products and services please fill in your details. </p> <a href="/us/about-us/sign-up" class="mt-3 in-touch-btn d-flex justify-content-center align-items-center"><p class='d-flex justify-content-center align-items-center'>Sign up <img src="/Content/Images/right-arrow-black.svg" alt="arrow" class='small-arrow ps-2' /></p></a> </div> </div> <div class="col-lg-3 col-6 item"> <div> <h5>Sitemap</h5> <div class="support-links"> <div class="row mt-2 support-mobile-bottom"> <div class="col"> <p><a style="color:#FFF" href="/us/about-us/contact-us">Contact us</a></p> <p> <a style="color:#FFF" href="/us/about-us">About us</a></p> <p><a style="color:#FFF" href="/us/samples">Samples</a></p> <p><a style="color:#FFF" href="/us/about-us/register">Register</a></p> <p><a style="color:#FFF" href="/us/technical-documents">Technical documents</a></p> <p><a style="color:#FFF" href="/us/latest">Latest</a></p> </div> </div> </div> </div> </div> <div class="col-lg-3 col-6 item"> <div> <h5>Latest</h5> <ul> <li><a href="/us/products/altro-stronghold-30-adhesive-free">Altro Stronghold ™ 30 adhesive–free</a></li> <li><a href="/us/products/altro-whiterock">Altro Whiterock™</a></li> <li><a href="/us/products/altro-stronghold-30">Altro Stronghold™ 30</a></li> <li><a href="/us/products/altro-whiterock-popart">Altro Whiterock PopArt</a></li> <li><a href="/us/products/altro-orchestra">Altro Orchestra™</a></li> <li><a href="/us/products/altro-illustra">Altro Illustra™</a></li> </ul> </div> </div> <div class="col-lg-3 col-12 item"> <div> <img src="/Content/Images/location.svg" alt="location" class="location-image" /> </div> <div class="d-flex flex-column location-container"> <div> <h5>Altro USA, Inc.</h5> <p> 80 Industrial Way - Suite 1, Wilmington, MA 01887 <br> <a style="color:#FFF" href="/us/about-us/contact-us">Click here for our Canada office and Transport division addresses</a> </p> </div> </div> </div> </div> <div class="row mt-5 justify-content-between align-items-end"> <div class="col-lg-5 col-12 sub-links"> <ul> <li><a href="/us/about-us/company-statements">Company statements</a></li> <li><a href="/us/about-us/company-statements/disclaimer-and-credits">Disclaimer</a></li> <li><a href="/us/about-us/company-statements/privacy-policy">Privacy policy</a></li> <li><a href="/us/about-us/company-statements/cookies-policy">Cookies policy</a></li> </ul> </div> <div class="col-lg-3 col-12"> <div class="socials"> <div class="title" style='border-color: #fff;'> <h2 style="color: #fff">Follow us</h2> </div> <div class="social-icons"> <div class='d-flex justify-content-between align-items-center w-100 first-set-social-icons'> <a href="https://www.facebook.com/Altro.Americas"><img src="/Content/Images/logo-facebook.svg" alt="facebook" class="social-icon" /></a> <a href="https://twitter.com/AltroAmericas"><img src="/Content/Images/logo-twitter_x.svg" alt="twitter" class="social-icon" /></a> <a href="https://www.linkedin.com/company/altro-americas/"><img src="/Content/Images/logo-linkedin.svg" alt="linkedin" class="social-icon" /></a> <a href="https://www.youtube.com/c/Altroamericas"><img src="/Content/Images/logo-youtube.svg" alt="youtube" class="social-icon" /></a> <a href="https://www.instagram.com/altroamericas/"><img src="/Content/Images/logo-instagram.svg" alt="instagram" class="social-icon" /></a> <a href="https://www.pinterest.com/altrousa"><img src="/Content/Images/logo-pinterest.svg" alt="pintrest" class="social-icon" /></a> <a href="https://www.materialbank.com/brand/altro"><img src="/getmedia/0b63fb00-70f0-4fe3-a435-ca77d9cc002b/Material-Bank-WHITE_M-LOGO.svg" alt="Material Bank" class="social-icon" /></a> </div> </div> </div> </div> </div> </div> </footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script> <script src="/_content/Kentico.Content.Web.Rcl/Content/Bundles/Public/systemFormComponents.min.js"></script> <script src="/content/Scripts/frameworks/jquery.unobtrusive-ajax.js.js"></script> <script src="/Content/Scripts/AltroMain.js"></script> <script src="/Content/Scripts/vueapp_menu.js"></script> <script src="/Content/Scripts/Layout.js"></script> <script defer src="/Content/Scripts/GuestCartSystem.js"></script> <script defer src="/Content/Scripts/frameworks/html2pdf.bundle.min.js"></script> <script src="/Content/Scripts/Product.js" defer></script> <script src="/Content/Scripts/CarbonCalculator.js"></script> <script> $(document).ready(function () { $("#pattern-selector .pattern").click(function () { var thisPattern = $(this).find("img").prop("src"); $("#pattern-selector img").css("border", "none"); $(this).find("img").css("border", "3px solid #00537E"); // $(this).css("border", "3px solid white" ); $(".new-pattern").css("background-image", "url(" + thisPattern + ")"); $(".new-pattern").css("display", "block"); }); }); document.addEventListener("DOMContentLoaded", function () { const carousel = document.querySelector('.custom-c'); const prevBtn = document.querySelector('.prev'); const nextBtn = document.querySelector('.next'); prevBtn.addEventListener('click', function () { carousel.scrollBy({ left: -carousel.offsetWidth, behavior: 'smooth' }); }); nextBtn.addEventListener('click', function () { carousel.scrollBy({ left: carousel.offsetWidth, behavior: 'smooth' }); }); }); </script> <script data-cookieconsent="ignore"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("consent", "default", { ad_personalization: "denied", ad_storage: "denied", ad_user_data: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "granted", wait_for_update: 500, }); gtag("set", "ads_data_redaction", true); gtag("set", "url_passthrough", true); </script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-TZNQ3MD'); // gTag sending function window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-44JHVJZXZ8'); </script>  <script type="text/javascript" src="https://cdn.roomvo.com/static/scripts/b2b/altro.js" async></script> <script type="text/javascript" src="https://cdn.roomvo.com/static/scripts/b2b/altro.js" async></script> </body> </html>