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-IE&HttpStatus=200&Value=0" async></script> <!DOCTYPE html> <html lang="en-ie"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">  <title>Altro Whiterock Satins</title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta property="og:title" content="Altro Whiterock Satins<"> <meta property="og:url" content="https://www.altro.com/ie/products/altro-whiterock-satins"> <meta name="twitter:site" content="@AltroLtd" /> <meta name="twitter:creator" content="@AltroLtd" /> <meta property="og:description" content=""> <meta property="twitter:description" content=""> <meta name="twitter:card" content="summary">  <link rel="canonical" href="https://www.altro.com/ie/products/altro-whiterock-satins"> <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 = "ie"; window.SiteURL = "ie"; window.ShowLogin = () => { var myModal = new bootstrap.Modal(document.getElementById('loginModal')); myModal.show() } </script> <script> var token = "CfDJ8BrJtgSBeRdOgDZwelNPaX6QJMuZtIDRJU09aPPlBSh4Mw5iKjB0bSl_5nyOdBrmgpkayHZG-LFlq7YOB5h7JWTbx9naVwKD3ZuEXpsjf6_M0T4qCzhnQGVFbXELhUYXRSW0j9Ar9e3XIX_kt5qvoiY"; var site = ""; var GlobalAddToCartUrl = "/ie/api/products/AddToCart"; var imagetooltip = 'Love this look? Click order free samples'; var menuUrl = "/ie/api/menu"; var megaUrl = "/ie/api/menu/all"; var latestUrl = "/ie/api/menu/latest"; var productUrl = "/ie/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 = "CfDJ8BrJtgSBeRdOgDZwelNPaX6QJMuZtIDRJU09aPPlBSh4Mw5iKjB0bSl_5nyOdBrmgpkayHZG-LFlq7YOB5h7JWTbx9naVwKD3ZuEXpsjf6_M0T4qCzhnQGVFbXELhUYXRSW0j9Ar9e3XIX_kt5qvoiY"; var RangeName = "altro-whiterock-satins"; var site = "ie"; 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 = 10.065; var productTitle = 'Altro Whiterock Satins™'; 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: 'AltroWhiterockSatins_trade.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 favourite technical documents, blogs and videos in one place. Get access to exclusive content, additional technical support and more. Once you have submitted the registration form you will receive an email to verify your account. You will need to verify your account in order to log in, so follow the link in the verification email to complete this action.</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="/ie/api/register" data-ajax="true" data-ajax-method="POST" data-ajax-update="#registration"> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BrJtgSBeRdOgDZwelNPaX6QJMuZtIDRJU09aPPlBSh4Mw5iKjB0bSl_5nyOdBrmgpkayHZG-LFlq7YOB5h7JWTbx9naVwKD3ZuEXpsjf6_M0T4qCzhnQGVFbXELhUYXRSW0j9Ar9e3XIX_kt5qvoiY" /> <input id="RegisterCountry" name="RegisterCountry" type="hidden" value="ie" /> <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 Company name 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">A consumer</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</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 <a href="/ie/about-us/company-statements/privacy-policy" target="_blank">privacy policy</a> </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="/ie/api/login"> <input name="__RequestVerificationToken" type="hidden" value="CfDJ8BrJtgSBeRdOgDZwelNPaX6QJMuZtIDRJU09aPPlBSh4Mw5iKjB0bSl_5nyOdBrmgpkayHZG-LFlq7YOB5h7JWTbx9naVwKD3ZuEXpsjf6_M0T4qCzhnQGVFbXELhUYXRSW0j9Ar9e3XIX_kt5qvoiY" /> <input id="Site" name="Site" type="hidden" value="ie" /> <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="Please enter a user name" 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="Please enter a password" 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="/ie/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="/ie"><img src="/Content/Images/logo.svg" alt="logo" width='100px' /></a> <div class="right"> <div> <a href="/ie/contact-us"> <ion-icon name="mail" alt="Contact us"></ion-icon> <p class="mobile-hide">Contact us</p> </a> </div> <div> <a href="/ie/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/ie.svg" alt="Ireland" height="20" width="20" class="me-2 mobile-images" /> <p class='mobile-hide'>Ireland</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>Latest 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>Latest 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="/ie/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/AltroLtd"><img src="/Content/Images/logo-facebook.svg" target="_blank" alt="facebook" class="social-icon" /></a> <a href="https://twitter.com/AltroFlooring"><img src="/Content/Images/logo-twitter_x.svg" target="_blank" alt="twitter" class="social-icon" /></a> <a href="https://www.linkedin.com/company/altro-ireland"><img src="/Content/Images/logo-linkedin.svg" target="_blank" alt="linkedin" class="social-icon" /></a> <a href="https://www.youtube.com/c/Altro"><img src="/Content/Images/logo-youtube.svg" target="_blank" alt="youtube" class="social-icon" /></a> <a href="https://www.instagram.com/altro_limited/"><img src="/Content/Images/logo-instagram.svg" target="_blank" alt="instagram" class="social-icon" /></a> <a href="https://www.pinterest.co.uk/altro/_created/"><img src="/Content/Images/logo-pinterest.svg" target="_blank" alt="pintrest" 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="/ie/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="/ie/services/how-to-buy-altro/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="/ie">Home</a></li> <li class="breadcrumb-item"><a href="/ie/products">Products</a></li> <li class="breadcrumb-item"><a href="/ie/products/altro-whiterock-satins">Altro Whiterock Satins™</a></li> </ol> </nav> </div> </div> </div> <form action="/ie/products/altro-whiterock-satins" id="__AjaxAntiForgeryForm" method="post"><input name="__RequestVerificationToken" type="hidden" value="CfDJ8BrJtgSBeRdOgDZwelNPaX6QJMuZtIDRJU09aPPlBSh4Mw5iKjB0bSl_5nyOdBrmgpkayHZG-LFlq7YOB5h7JWTbx9naVwKD3ZuEXpsjf6_M0T4qCzhnQGVFbXELhUYXRSW0j9Ar9e3XIX_kt5qvoiY" /></form> <div class="altro-page-body" id="page_content">  <script> var site = "ie"; // api urls var siteURL = "/" + site + "/api/image"; var siteURLCheck = "/" + site + "/api/imagecheck"; var formID = 1267; </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 Whiterock Satins™</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>Colourful and tonal, satin finish wall sheets with all the hygiene and durability of Altro Whiterock. Versatile and sophisticated, vary the mood to soothe or stimulate. Great in wet environments, wards and kitchens.</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 and sustainability 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>Extruded semi-rigid PVC sheet</td></tr><tr><td>Surface finish</td><td>Satin</td></tr><tr><td>Thickness:</td><td>2.5mm</td></tr><tr><td>Size</td><td>2500 x 1220mm (W136)<br /> 3000 x 1220mm (W137)</td></tr><tr><td>No. of colours:</td><td>27</td></tr><tr><td>Weight:</td><td>3.6kg/m²</td></tr></table> <div class="icons"> <img src="/Altro/media/AltroMedia/Product_icons/30_yr_guarantee.svg" alt="icons.30_yr_guarantee" class="product-icon me-2 mb-2" /> <img src="/Altro/media/AltroMedia/Product_icons/HACCP.svg" alt="icons.HACCP" 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/d9ea5c70-ffb6-4be3-8e91-28592949084c/UK_Primary_School_Altro_Illustra_AF_Whiterock_Satins_SPACE0113.jpg?width=800" width="100%" alt="" loading="lazy" /> </div> </div> </div> <div class="c-container"> <div class="custom-c"> <div class="c-carousel-item"> <a href="/getmedia/428c3aa9-4f35-463f-9cd8-419334cc034a/University_Altro_Ensemble_Whiterock_Splashbacks_SPACE0115.jpg?width=800" onclick="setModalTitle('University')" data-bs-toggle="modal" data-bs-target="#lightBoxModal" data-title="University"> <img class="img-fluid" src="/getmedia/428c3aa9-4f35-463f-9cd8-419334cc034a/University_Altro_Ensemble_Whiterock_Splashbacks_SPACE0115.jpg?width=200" alt="University" width="100%" loading="lazy" /> </a> </div> <div class="c-carousel-item"> <a href="/getmedia/524d1898-3a26-4239-8c9e-bb35d2538af2/Secondary_School_Altro_Reliance_25_Whiterock_Satins_SPACE0117.jpg?width=800" onclick="setModalTitle('Secondary School')" data-bs-toggle="modal" data-bs-target="#lightBoxModal" data-title="Secondary School"> <img class="img-fluid" src="/getmedia/524d1898-3a26-4239-8c9e-bb35d2538af2/Secondary_School_Altro_Reliance_25_Whiterock_Satins_SPACE0117.jpg?width=200" alt="Secondary School" width="100%" loading="lazy" /> </a> </div> <div class="c-carousel-item"> <a href="/getmedia/05e48fa1-1251-4352-afb6-ad3fb2c0f21c/Hospital_Altro_Suprema_Whiterock_Satins_SPACE0114.jpg?width=800" onclick="setModalTitle('Hospital')" data-bs-toggle="modal" data-bs-target="#lightBoxModal" data-title="Hospital"> <img class="img-fluid" src="/getmedia/05e48fa1-1251-4352-afb6-ad3fb2c0f21c/Hospital_Altro_Suprema_Whiterock_Satins_SPACE0114.jpg?width=200" alt="Hospital" width="100%" loading="lazy" /> </a> </div> <div class="c-carousel-item"> <a href="/getmedia/babc0e54-2566-418f-9c72-75f907c5a7ed/Healthcare_Altro_Suprema_Whiterock_Satins_SPACE0116.jpg?width=800" onclick="setModalTitle('Hospitals')" data-bs-toggle="modal" data-bs-target="#lightBoxModal" data-title="Hospitals"> <img class="img-fluid" src="/getmedia/babc0e54-2566-418f-9c72-75f907c5a7ed/Healthcare_Altro_Suprema_Whiterock_Satins_SPACE0116.jpg?width=200" alt="Hospitals" width="100%" loading="lazy" /> </a> </div> <div class="c-carousel-item"> <a href="/getmedia/979b0fa5-7190-42f0-a22d-b90ef3e55cf9/Hospitality_Hotel_Bathroom_Altro_Whiterock_Satins_Altro_Aquarius.jpg?width=800" onclick="setModalTitle('Hotel')" data-bs-toggle="modal" data-bs-target="#lightBoxModal" data-title="Hotel"> <img class="img-fluid" src="/getmedia/979b0fa5-7190-42f0-a22d-b90ef3e55cf9/Hospitality_Hotel_Bathroom_Altro_Whiterock_Satins_Altro_Aquarius.jpg?width=200" alt="Hotel" width="100%" loading="lazy" /> </a> </div> <div class="c-carousel-item"> <a href="/getmedia/8c741810-cefb-4db7-91c4-3c18bb8f867c/Assisted_bathroom_Altro_Aquarius_Tree_Frog.jpg?width=800" onclick="setModalTitle('Care home')" data-bs-toggle="modal" data-bs-target="#lightBoxModal" data-title="Care home"> <img class="img-fluid" src="/getmedia/8c741810-cefb-4db7-91c4-3c18bb8f867c/Assisted_bathroom_Altro_Aquarius_Tree_Frog.jpg?width=200" alt="Care home" width="100%" loading="lazy" /> </a> </div> <div class="c-carousel-item"> <a href="/getmedia/c8892baa-3363-40b2-a462-e6b58147a9d6/Housing_Social-Housing_Bathroom_Altro_Whiterock_White_Altro_Whiterock_Satins_Altro_Aquarius.jpg?width=800" onclick="setModalTitle('Bathroom')" data-bs-toggle="modal" data-bs-target="#lightBoxModal" data-title="Bathroom"> <img class="img-fluid" src="/getmedia/c8892baa-3363-40b2-a462-e6b58147a9d6/Housing_Social-Housing_Bathroom_Altro_Whiterock_White_Altro_Whiterock_Satins_Altro_Aquarius.jpg?width=200" alt="Bathroom" width="100%" loading="lazy" /> </a> </div> <div class="c-carousel-item"> <a href="/getmedia/a45a061e-fbb2-4d0b-9fc1-6b138deea539/MR_Maschinenfabrik_Reinhausen_Germany_Altro_Whiterock_Satins_01.jpg?width=800" onclick="setModalTitle('Maschinenfabrik Reinhausen')" data-bs-toggle="modal" data-bs-target="#lightBoxModal" data-title="Maschinenfabrik Reinhausen"> <img class="img-fluid" src="/getmedia/a45a061e-fbb2-4d0b-9fc1-6b138deea539/MR_Maschinenfabrik_Reinhausen_Germany_Altro_Whiterock_Satins_01.jpg?width=200" alt="Maschinenfabrik Reinhausen" width="100%" loading="lazy" /> </a> </div> </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="/ie/technical-documents/altro-wall-cladding-installation-guide">How to install</a></li> <li><a href="/ie/technical-documents/Altro-walls-and-doorsets-cleaning-guide">How to clean</a></li> <li><a href="/ie/technical-documents/altro-whiterock-technical-data-sheet">Datasheet</a></li> <li><a href="/ie/technical-documents/altro-whiterock-satins-nbs">NBS</a></li> <li><a href="/ie/technical/bim">BIM</a></li> <li><a href="#accessories">Accessories</a></li> <li><a href="/ie/case-studies/filter/altro-whiterock-satins">Case studies</a></li> <li><a href="/ie/videos/filter/altro-whiterock-satins">Videos</a></li> </ul> </div> <div class="carbonCalculatorDiv"> <div class="CarbonCalcHeader"> <h2>Carbon calculator</h2> <p>Enter your project size. If you have chosen a product which requires adhesive, the total embodied carbon value will include adhesive and DPM. We will show you if we have an adhesive-free alternative product and what carbon saving you could make by choosing an adhesive-free alternative.</p> </div> <div class="accordion" id="accordionCalc"> <div class="accordion-item"> <div class="accordion-header" id="headingOne"> <div class="input-group carbonInput w-auto"> <input type="text" class="form-control" id="projectSizeInput" placeholder="Project size (m²)" aria-label="Calculate Carbon" aria-describedby="button-addon1" /> <button class="btn btn-primary" data-bs-target="#collapseOne" data-bs-toggle="collapse" aria-expanded="true" aria-controls="collapseOne" type="button" id="calculateButton"> Calculate </button> </div> </div> <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionCalc"> <div class="accordion-body"> <div class="accordionContainer"> <br /> <h5>Current product</h5> <div class="row carbonRow"> <div class="col colTitle1">Product</div> <div class="col colTitle2">Embodied carbon per m²</div> <div class="col colTitle4">Total embodied carbon</div> </div> <div class="row carbonRow"> <div class="col col1" id="originalTitle">Altro Whiterock Satins™</div> <div class="col col4" id="originalCarbonValue">10.065 kg CO<sub>2</sub>e</div> <div class="col col1" id="originalTotalWeight"></div> </div> </div> <br /> <div class="accordionContainer"> <br /> <div class="row"> <div class="col-12 col-md-12"> <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#EmailModal"> Email the result </button> </div> </div> <div class="modal" id="EmailModal" tabindex="-1"> <div class="modal-dialog EmailFormModal"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Carbon calculator - Email my results</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form id="mktoForm_1267"></form> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> </div> <br /> <div class="CarbonSavedContainer w-100"> <h5>Total carbon saved</h5> <div id="carbonSaved">0 kg</div> <div>Equivalent to the volume of carbon emissions absorbed by <span id="treeEquivalent">0</span> trees per year</div> </div> <div class="data-source-message mt-3"> All embodied carbon data is taken from Altro product specific EPD or industry generic EPDs from A1-A3 </div> <div class="modal" id="EmailModal" tabindex="-1"> <div class="modal-dialog EmailFormModal"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Carbon calculator - Email my results</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form id="mktoForm_1255"></form> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </div> </div> </div> </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></h2></div> <div class="col-12 col-md-4 description"></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=""> <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 colours and order samples</h2> </div> <div class="col-12 col-md-8"> Choose your desired colour 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"> <a onclick="appProduct.AddSampleCardToCart('altro-whiterock-satins',8290), appProduct.GetCartView()" class="btn btn-primary d-flex justify-content-between align-items-center added-item">Request a sample card <ion-icon name="caret-forward"></ion-icon></a> </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 colours </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 basket <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/7c8d4309-6560-4381-a7f2-69e5a93b7478/UK-CEEM-Domestic-Bathroom-Lift-Lobby-Altro-Whiterock-Chameleon-Altro-Aquarius-1.jpg?width=800" class="card-img-top" alt="Altro Aquarius&trade;" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/ie/products/altro-aquarius">Altro Aquarius™</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/6ea83031-a85c-4114-9527-4679442fdf56/AU_Domestic_bathroom_Altro_Pisces_Beach_Hut.jpg?width=800" class="card-img-top" alt="Altro Pisces&trade;" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/ie/products/altro-pisces">Altro Pisces™</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/1846efb3-da84-45a6-b02a-bc366c9f6e03/The-Deep_Altro-Reliance_007.jpg?width=800" class="card-img-top" alt="Altro Reliance&trade;25" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/ie/products/altro-reliance-25">Altro Reliance™25</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/08862014-1f4d-439e-aac4-1eed4d3f73a3/UK_Hospital_Altro_Suprema_Whiterock_Satins_SPACE0114.jpg?width=800" class="card-img-top" alt="Altro Suprema&trade;" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/ie/products/altro-suprema">Altro Suprema™</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/6e6feee8-9b5d-4484-bc64-e780ce071508/Precious-Homes,-Dudley_Altro_Wood_033.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="/ie/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/4bbd0504-4459-440f-8d83-f7dfc5917582/Material-Source-Glasgow-Altro-Illustra-Altro-Whiterock-wall-designs-04.jpg?width=800" class="card-img-top" alt="Altro Whiterock™ wall designs" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/ie/products/altro-whiterock-wall-designs">Altro Whiterock™ wall designs</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/3cc8dcb1-5bc1-45e2-8942-a0b95b160c0c/NCH-Ohio-Altro-Digiclad-08.jpg?width=800" class="card-img-top" alt="Altro Whiterock Digiclad™ (Custom)" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/ie/products/altro-whiterock-digiclad">Altro Whiterock Digiclad™ (Custom)</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/8493ed6e-6b21-453c-9e3c-7d7ab011162b/Hospitality_open_kitchen_Stronghold_AF_Clam_wall_designs_cool_mineral.jpg?width=800" class="card-img-top" alt="Altro Stronghold &trade; 30 adhesive-free" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/ie/products/altro-stronghold-30-adhesive-free">Altro Stronghold ™ 30 adhesive-free</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/633420e3-4ea5-41fc-86d2-9317fce1cdbf/Hospitality-Hotel-Lobby-Altro-Illustra-Ammonite-Altro-Whiterock-wall-designs-Soft-Woodgrain.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="/ie/products/altro-illustra">Altro Illustra™</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/f5230706-5271-446d-a334-718f80913e0a/Education-University-Altro-Illustra-adhesive-free-Altro-Whiterock-Chameleon.jpg?width=800" class="card-img-top" alt="Altro Illustra&trade; adhesive-free" /> <div class='card-body'> <h5 class="card-title text-white" style="height:40px"> <a href="/ie/products/altro-illustra-adhesive-free">Altro Illustra™ adhesive-free</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"> <p>Utilise colour to subtly create a mood with Altro Whiterock Satins. This adaptable and refined wall cladding comes in various off-white hues, tonal colours, and solid, decorative shades, ranging from calming and restorative to vibrant and dynamic. In addition to LRVs, we’ve also measured the chroma values to help you choose the best colour.</p> <p>Of course, Altro Whiterock Satins still provides the impact resistance and hygiene you would expect from Altro Whiterock, with a stain-resistant, wipe-clean surface.</p> <p>Altro Whiterock Satins can be combined with Altro non-sparkle safety flooring to achieve the required Light Reflectance Value difference needed for the requirements of the Equality Act 2010.</p> </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"> <div class="row"> <div class="col-12"> <ul> <li>Bathrooms</li> <li>Showers and changing rooms</li> <li>Operating theatres and wards</li> <li>Splashbacks</li> <li>Cooking and food preparation areas</li> <li>Serveries</li> <li>Kitchens open to public view</li> </ul> </div> </div> </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><a href="/ie/gallery">Gallery</a></li> <li><a href="/ie/gallery/filter/moodboard">Moodboards</a></li> <li><a href="/ie/gallery/filter/colourpalette">Colour palettes</a></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 and sustainability documents</h2> </div> <div class="col-12 col-md-4"> <h5>Specifying</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="/ie/technical-documents/altro-whiterock-satins-lrvs">Altro Whiterock Satins light reflectance values</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="/ie/technical-documents/altro-whiterock-satins-ce-dop">Altro Whiterock Satins CE Declaration of Performance</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="/ie/technical-documents/altro-whiterock-satins-nbs">Altro Whiterock Satins NBS</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="/ie/technical-documents/altro-whiterock-clapper-card">Altro Whiterock clapper card </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="/ie/technical-documents/altro-whiterock-satins-sample-card">Altro Whiterock Satins sample card</a> </div> </div> </div> <div class="col-12 col-md-4"> <h5>Detailing diagrams</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="/ie/technical-documents/altro-wall-cladding-to-altro-aquarius-wf4a-cf20r">Altro wall cladding to Altro Aquarius with CF20R cove former - WF4A-1CF20R detailed line diagram</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="/ie/technical-documents/altro-wall-cladding-to-altro-aquarius-wf4a-cf38r">Altro wall cladding to Altro Aquarius with CF38R cove former - WF4A-1CF38R detailed line diagram</a> </div> </div> </div> <div class="col-12 col-md-4"> <h5>Data sheets</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="/ie/technical-documents/altro-whiterock-technical-data-sheet">Altro Whiterock Satins technical data sheet</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="/ie/technical-documents/altro-whiterock-and-altro-fortis-sds">Altro Whiterock and Altro Fortis MSDS</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="/ie/technical-documents/altro-whiterock-satins-epd">Altro Whiterock Satins Environmental Product Declaration</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="/ie/technical-documents/altro-whiterock-satins-sustainability-overview">Altro Whiterock Satins Sustainability Overview</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="/ie/technical-documents/altro-wall-cladding-installation-guide">Altro wall cladding 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="/ie/technical-documents/altro-whiterock-welded-system-installation-guide">Altro Whiterock welded system 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="/ie/technical-documents/altro-walls-and-doorsets-cleaning-guide">Altro walls and doorsets cleaning guide</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 basket </div> </div> </div> </div> <footer class="text-white"> <div class="container"> <div class="row"> <div class="col-lg-3 col-12 item"> <div class="mt-4 sign-up-container "> <h3>Keep in touch</h3> <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="/ie/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="/ie/contact-us">Contact us</a></p> <p> <a style="color:#FFF" href="/ie/about-us">About us</a></p> <p><a style="color:#FFF" href="/ie/about-us/careers">Careers</a></p> <p> <a style="color:#FFF" href="/ie/samples">Samples</a></p> <p><a style="color:#FFF" href="/ie/about-us/register">Register</a></p> <p><a style="color:#FFF" href="/ie/technical-documents">Technical documents</a></p> <p><a style="color:#FFF" href="/ie/latest">Latest</a></p> <p><a style="color:#FFF" href="http://www.altrofoundation.com">Altro Foundation</a> </div> </div> </div> </div> </div> <div class="col-lg-3 col-6 item"> <div> <h5>Latest</h5> <ul> <li><a href="/ie/products/altro-whiterock-satins">Altro Whiterock Satins™</a></li> <li><a href="/ie/products/altro-ensemble">Altro Ensemble™</a></li> <li><a href="/ie/products/altro-transflor-artis">NEW — Altro Transflor Artis™</a></li> <li><a href="/ie/products/altro-transflor-metris">NEW — Altro Transflor Metris™</a></li> <li><a href="/ie/products/altro-transflor-sonis">NEW — Altro Transflor Sonis™</a></li> <li><a href="/ie/products/altro-walls-showerkit">Altro Walls ShowerKit™</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 Limited</h5> <p> Altro Limited. Registered Office: Works Road, Letchworth Garden City, Hertfordshire, SG6 1NW </p> <p class='mt-2'> Registered in England and Wales. Company Number 00154159 </p> <p>VAT Reg. No. 213228308</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="/ie/about-us/company-statements">Company statements</a></li> <li><a href="/ie/about-us/company-statements/disclaimer-and-credits">Disclaimer</a></li> <li><a href="/ie/about-us/company-statements/privacy-policy">Privacy policy</a></li> <li><a href="/ie/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/AltroLtd"><img src="/Content/Images/logo-facebook.svg" target="_blank" alt="facebook" class="social-icon" /></a> <a href="https://twitter.com/AltroFlooring"><img src="/Content/Images/logo-twitter_x.svg" target="_blank" alt="twitter" class="social-icon" /></a> <a href="https://www.linkedin.com/company/altro-ireland"><img src="/Content/Images/logo-linkedin.svg" target="_blank" alt="linkedin" class="social-icon" /></a> <a href="https://www.youtube.com/c/Altro"><img src="/Content/Images/logo-youtube.svg" target="_blank" alt="youtube" class="social-icon" /></a> <a href="https://www.instagram.com/altro_limited/"><img src="/Content/Images/logo-instagram.svg" target="_blank" alt="instagram" class="social-icon" /></a> <a href="https://www.pinterest.co.uk/altro/_created/"><img src="/Content/Images/logo-pinterest.svg" target="_blank" alt="pintrest" 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-PKXFZCG'); // gTag sending function window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-X08CC8YNV2'); </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>