Generic NT

test

</p> </div> </div> </div> </div> </div> </div> </div> </section> <section class="widget content-widget"> <div class="container"> <div class="header d-flex flex-column"> <div class="center mb-4"> <div class="strap-line red-regular text-size-small medium"> </div> </div> <div class="center"> <h2 class="title"> <p><iframe src="https://qmsview.shawinc.com/viewer/doc/6152" /></p> </h2> </div> <div class="center text-size-large mb-3 subtitle-widget"> </div> </div> <div class="body mb-4"> <div class="row"> <figure class="img-box col-12 col-md-6 "> <img class="full-img lazyload" data-src="https://embed.widencdn.net/img/shawfloors/6ruiubfprj/exact/CityLights-5M101-00709-SplitRail-6.75inPlk-H.png?position=c&crop=no&color=ffffffff&u=a82vc5&use=itjxa" alt="description" /> </figure> <div class="col-12 col-md-6 text-size-normal image-description"> </div> </div> </div> </div> </section> <script> (function () { document.querySelectorAll('.strap-line') .forEach(function (elem) { var textEditor = elem.querySelector('.text-editor'); if (textEditor) { textEditor.setAttribute('data-placeholder', "Strapline"); } }) document.querySelectorAll('.title') .forEach(function (elem) { var textEditor = elem.querySelector('.text-editor'); if (textEditor) { textEditor.setAttribute('data-placeholder', "Headline"); } }) document.querySelectorAll('.subtitle-widget') .forEach(function (elem) { var textEditor = elem.querySelector('.text-editor'); if (textEditor) { textEditor.setAttribute('data-placeholder', "Subtitle"); } }) document.querySelectorAll('.image-description') .forEach(function (elem) { var textEditor = elem.querySelector('.text-editor'); if (textEditor) { textEditor.setAttribute('data-placeholder', "Description"); } }) document.querySelectorAll('.image-caption') .forEach(function (elem) { var textEditor = elem.querySelector('.text-editor'); if (textEditor) { textEditor.setAttribute('data-placeholder', "Image Caption"); } }) }()) </script> <style> .fslightbox-source { visibility: visible !important; } .fslightbox-source.vimeo-video { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } </style> <section class="widget full-width-img right now-viewable"> <div class="gray-stripe"></div> <div class="container"> <div class="img-box"> <img class="full-img lazyload" data-src="https://embed.widencdn.net/img/shawfloors/6ruiubfprj/exact/CityLights-5M101-00709-SplitRail-6.75inPlk-H.png?position=c&crop=no&color=ffffffff&u=a82vc5&use=itjxa" alt="description" /> </div> <div class="card info-card" style="display:block"> <div class="card-body"> <div class="mt-3 mark" style="background-color:"></div> <h5 class="card-title"> <p>full width video widget</p> </h5> <div class="card-text"> </div> <div class="d-flex"> <a class="btn btn-card large-btn" href="" data-fslightbox="gallery" style="background-color:; color:"> Watch Video </a> </div> </div> </div> </div> </section> <script src="/Content/InlineEditors/ImageUploaderEditor/fslightbox.js"></script> <div class="container"> <section class="widget bullet-list-img now-viewable"> <div class="row"> <div class="col-lg-8 order-lg-12"> <div class="img-box"> <img data-src="https://embed.widencdn.net/img/shawfloors/6ruiubfprj/exact/CityLights-5M101-00709-SplitRail-6.75inPlk-H.png?position=c&crop=no&color=ffffffff&u=a82vc5&use=itjxa" alt="image title" class="bullet-img lazyload"> </div> </div> <div class="col-lg-4 order-lg-1"> <div class="content-padding"> <div class="mark red"></div> <div class="heading"> <p>bullet list widget</p> </div> <ul class="bullet-list"> </ul> </div> </div> </div> </section> </div> <script> (function () { document.querySelectorAll('.heading') .forEach(function (elem) { var textEditor = elem.querySelector('.text-editor'); if (textEditor) { textEditor.setAttribute('data-placeholder', "Headline"); } }) document.querySelectorAll('.bullet-list') .forEach(function (li) { li.querySelectorAll('li').forEach(function (elem) { var textEditor = elem.querySelector('.text-editor'); if (textEditor) { textEditor.setAttribute('data-placeholder', "Bullet Point"); } }); }) document.querySelectorAll('.photo-credits') .forEach(function (elem) { var textEditor = elem.querySelector('.text-editor'); if (textEditor) { textEditor.setAttribute('data-placeholder', "Photo Credits"); } }) }()) </script> <section class="widget full-width-img now-viewable"> <div class="fwp-gray-stripe"></div> <div class="container"> <div class="card info-card"> <div class="card-body"> <div class="mark" style='background-color:;'></div> <h5 class="card-title"> <p>full width photo widget</p> </h5> </div> </div> </div> </section> <script> (function () { document.querySelectorAll('.card-title') .forEach(function (elem) { var textEditor = elem.querySelector('.text-editor'); if (textEditor) { textEditor.setAttribute('data-placeholder', "Title"); } }) document.querySelectorAll('.card-description') .forEach(function (elem) { var textEditor = elem.querySelector('.text-editor'); if (textEditor) { textEditor.setAttribute('data-placeholder', "Description"); } }) document.querySelectorAll('.photo-credits') .forEach(function (elem) { var textEditor = elem.querySelector('.text-editor'); if (textEditor) { textEditor.setAttribute('data-placeholder', "Photo Credits"); } }) }()) </script> <section class="widget content-widget w-100"> <div class="container"> <div class="header d-flex flex-column px-4"> <div class="center mb-4"> <div class="strap-line red-regular text-size-xsmall medium"> </div> </div> <div class="center"> <h2 class="title"> <p>Testing</p> </h2> </div> <div class="center text-size-large mb-3 subtitle-text-widget"> <p>Test</p> </div> <div class="body mb-4"> <div class="row"> <div class="col-12 description center"> <span style="font-size: 1.6rem;">incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br><br></span><p></p><ul><li><span style="font-size: 1.6rem;"><b>one</b></span></li><li><span style="font-size: 1.6rem;"><i>two</i></span></li><li><span style="font-size: 1.6rem;"><a href="http://google.com">three</a></span></li></ul><p></p> </div> </div> </div> </div> </div> </section> <div class="container"> <section class="widget quote-box now-viewable" style="background-color:rgba(255, 235, 59, 1)"> <div class="row"> <div class="col-lg-4 order-1 order-lg-1"> <div class="img-box"> <img data-src="https://shawfloors.widen.net/content/tpwl1rxmlz/jpeg/Nicole%20Kell,%20Canada%20B&W.jpg?crop=false&position=c&q=80&color=ffffffff&u=zen6ox" alt="quote-attribution" class="author-img lazyload" data-object-fit /> <div class="photo-credits"> <p>qqqq</p> </div> </div> </div> <div class="col-12 col-lg-8 order-2 order-lg-2"> <div class="text-area"> <div class="quote-text"> <p class="the-quote"> <i class="fas fa-quote-left" aria-hidden="true" style="display:none"></i> <p style="text-align: center;">The emotional changes that go through six months of the year when it's below minus 20 is insane, but also locality is more than what your Province looks like. It's really what your surroundings do to shape the people within the Province itself</p> </p> </div> <div class="quote-attribution"> <div class="attribution-text"> <p class="the-attribution"> <p>Nicole Kell | StudioEN | Canada</p> </p> </div> </div> <p class="the-link"> <a href="https://www.instagram.com/tv/CN0uJrelrWH/?utm_source=ig_web_copy_link" target="_self"> <span> View Dialogue </span> <i class="fal fa-arrow-circle-right" aria-hidden="true"></i> </a> </p> </div> </div> </div> </section> </div> <div class="container"> <section class="widget quote-box now-viewable" style="background-color:"> <div class="row"> <div class="col-lg-4 order-1 order-lg-1"> <div class="img-box"> <img data-src="https://shawfloors.widen.net/content/tpwl1rxmlz/jpeg/Nicole%20Kell,%20Canada%20B&W.jpg?crop=false&position=c&q=80&color=ffffffff&u=zen6ox" alt="quote-attribution" class="author-img lazyload" data-object-fit /> <div class="photo-credits"> <p>wwwww</p> </div> </div> </div> <div class="col-12 col-lg-8 order-2 order-lg-2"> <div class="text-area"> <div class="quote-text"> <p class="the-quote"> <i class="fas fa-quote-left" aria-hidden="true" style="display:none"></i> <p>The emotional changes that go through six months of the year when it's below minus 20 is insane, but also locality is more than what your Province looks like. It's really what your surroundings do to shape the people within the Province itself</p> </p> </div> <div class="quote-attribution"> <div class="attribution-text"> <p class="the-attribution"> <p>Nicole Kell | StudioEN | Canada</p> </p> </div> </div> <p class="the-link"> <a href="https://www.instagram.com/tv/CN0uJrelrWH/?utm_source=ig_web_copy_link" target="_self"> <span> View Dialogue </span> <i class="fal fa-arrow-circle-right" aria-hidden="true"></i> </a> </p> </div> </div> </div> </section> </div> </main> </main> <section id="cookies-consent-wrapper" class="p-5 sticky-banner "> <div class="img-container text-center mb-4"> <span id="short-text" class="heading-4"> <img class="lazyload" src="/Content/images/cookie.svg" data-src="/Content/images/cookie.svg" alt="" /> By using our site you accept our terms of use and privacy policy. </span> <span style="margin-left:10px;"> <input id="accept-cookies" class="btn btn-primary text-capitalize" style="float:right" type="submit" value="Accept All" /> </span> </div> <p class="gray-bold text-size-normal mb-4 text-left"></p> <div class="d-flex" style="float:right"></div> </section> <script type="text/javascript"> (function () { const btn = document.getElementById('accept-cookies'); const wrapper = document.getElementById('cookies-consent-wrapper') const url = "/consent/accept"; function onClick() { fetch(url, { method: 'POST' }) .then((res) => { if (!res.isError) { wrapper.classList.add('d-none') } }) } if (btn && wrapper) { btn.addEventListener('click', onClick) } })() </script> <footer class="footer mt-auto primary" id="main-footer"> <div class="container-fluid"> <div class="row"> <div class="col-xl-9"> <a href="/en-us/home"> <img class="logo white mb-5" alt="ShawContract - Commercial Flooring" src="/Content/images/logo-white.svg" /> </a> <nav class="tertiary-links"> <ul class="list-unstyled"> <li> <a href=/en-us/accountsupport> Account </a> </li> <li> <a href=/en-us/orderhistory/orders> Sample Request </a> </li> <li> <a href=/en-US/Blog> Blog </a> </li> <li> <a href=/en-US/About/Careers> Careers </a> </li> <li> <a href=/en-US/About/Privacy-Statement> Privacy Statement </a> </li> <li> <a href=/en-US/About/Terms-of-Use> Terms of Use </a> </li> </ul> </nav> <nav class="legal-links"> <ul class="list-unstyled"> <li> <span> © 2023 Shaw Industries Group, Inc., a Berkshire Hathaway Company </span> </li> </ul> </nav> </div> <div class="col-xl-3 mt-4 mt-xl-0"> <div class="product-launch-newsletter mb-4"> <form name="subscribeForm" action="/en-us/subscribefooterprod" onsubmit="return validateForm()" method="post"> <input name="__RequestVerificationToken" type="hidden" value="fGD2fvGlpKN7DsV0ZQNkt8mtImH7D-7gS_3gPHNzcoQW_QWX4cal0nXROCrXXDxDuESEgmIQOzsFvX17guWPn74s0_g1" /> <label class="mb-2">Get notified of new product launches!</label> <div class="input-group mb-0"> <input type="text" class="form-control" placeholder="Enter email address" name="email" value='' aria-label="Enter your email address to sign-up for new product notifications region:" /> <input type="hidden" name="culture_code" value="en-us" /> <div class="input-group-append"> <button class="btn btn-outline-secondary" type="submit"> <i class="far fa-arrow-right"></i> </button> </div> </div> </form> <label id="submitLabel" type="text" style="color:red;"></label> </div> <nav class="social-links"> <ul class="list-unstyled"> <li> <a href="https://www.facebook.com/ShawContract" class="social" target="_blank"> <i class="fab fa-facebook-f"></i> </a> </li> <li> <a href="https://www.instagram.com/" class="social" target="_blank"> <i class="fab fa-instagram"></i> </a> </li> <li> <a href="https://www.linkedin.com/company/ShawContract/" class="social" target="_blank"> <i class="fab fa-linkedin-in"></i> </a> </li> <li> <a href="https://www.pinterest.com/ShawContract/" class="social" target="_blank"> <i class="fab fa-pinterest-p"></i> </a> </li> <li> <a href="google.com" class="social" target="_blank"> <i class="fab fa-facebook-f"></i> </a> </li> <li> <a href="https://twitter.com/ShawContract" class="social" target="_blank"> <i class="fab fa-twitter"></i> </a> </li> <li> <a href="https://www.wechat.com/us/" class="social" target="_blank"> <i class="fab fa-weixin"></i> </a> </li> <li> <a href="https://www.youtube.com/user/ShawContractGroup1" class="social" target="_blank"> <i class="fab fa-youtube"></i> </a> </li> </ul> </nav> </div> </div> </div> </footer> <div class="modal fade text-size-normal" id="languageModal" tabindex="-1" role="dialog" aria-labelledby="languageLabel" aria-hidden="true"> <div class="modal-dialog modal-lg modal-dialog-centered" role="document"> <div class="modal-content"> <form class="needs-validation" novalidate> <div class="modal-header mb-4"> <h2 class="modal-title" id="languageLabel">Select Your Region</h2> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true"><i class="fas fa-times"></i></span> </button> </div> <div class="modal-body mb-4 mb-md-5"> <div class="region mb-5"> <header> <h4 class="heading-4 ">Americas</h4> </header> <ul class="list-group list-unstyled"> <li class="py-2"> <a href="/en-ca/design/generic-nt" role="button" aria-pressed="false"> English (Canada) </a> </li> <li class="py-2"> <a href="/en-us/design/generic-nt" role="button" aria-pressed="false"> English (USA) </a> </li> <li class="py-2"> <a href="/es-la/design/generic-nt" role="button" aria-pressed="false"> Español </a> </li> <li class="py-2"> <a href="/es-la/design/generic-nt" role="button" aria-pressed="false"> Español (Mexico) </a> </li> <li class="py-2"> <a href="/fr-ca/design/generic-nt" role="button" aria-pressed="false"> French (Canada) </a> </li> <li class="py-2"> <a href="/pt-br/design/generic-nt" role="button" aria-pressed="false"> Portuguese </a> </li> </ul> </div> <div class="region mb-5"> <header> <h4 class="heading-4 ">Asia Pacific</h4> </header> <ul class="list-group list-unstyled"> <li class="py-2"> <a href="/en-ap/design/generic-nt" role="button" aria-pressed="false"> English (Asia) </a> </li> <li class="py-2"> <a href="/en-au/design/generic-nt" role="button" aria-pressed="false"> English (Australia) </a> </li> <li class="py-2"> <a href="/en-cn/design/generic-nt" role="button" aria-pressed="false"> English (China) </a> </li> <li class="py-2"> <a href="/en-in/design/generic-nt" role="button" aria-pressed="false"> English (India) </a> </li> <li class="py-2"> <a href="/en-nz/design/generic-nt" role="button" aria-pressed="false"> English (New Zealand) </a> </li> <li class="py-2"> <a href="/ko-kr/design/generic-nt" role="button" aria-pressed="false"> 한국어 </a> </li> <li class="py-2"> <a href="/ja-jp/design/generic-nt" role="button" aria-pressed="false"> 日本語 </a> </li> <li class="py-2"> <a href="/zh-cn/design/generic-nt" role="button" aria-pressed="false"> 简体字"? "简化字 </a> </li> </ul> </div> <div class="region mb-5"> <header> <h4 class="heading-4 ">Europe Middle East + Africa</h4> </header> <ul class="list-group list-unstyled"> <li class="py-2"> <a href="/fr-fr/design/generic-nt" role="button" aria-pressed="false"> Français (France) </a> </li> <li class="py-2"> <a href="/en-gb/design/generic-nt" role="button" aria-pressed="false"> English </a> </li> <li class="py-2"> <a href="/nl-nl/design/generic-nt" role="button" aria-pressed="false"> Dutch (Netherlands) </a> </li> </ul> </div> <div class="row justify-content-end"> <div class="col-6 col-md-3"> <button type="button" class="btn btn-tertiary btn-block text-size-normal" data-dismiss="modal"> Cancel </button> </div> </div> </div> </form> </div> </div> </div> <input id="commonTranslations" name="CommonTranslations" type="hidden" value="{"Required":"This field is required.","MinLength":"Please enter at least {0} characters.","MaxLength":"Maximum character length: {0}.","InvalidEmail":"Please enter a valid email address","Number":"Only numbers are allowed","PhoneAllowedSymbols":"Please enter a value in the correct format.","InvalidName":"Only letters and the following symbols: -,\u0027. are accepted.","SharedBoardPopUpTitle":"Product Board Shared","SharedBoardPopUpText":"Board URL copied to your clipboard","SaveSharedBoardPopUpTitle":"Product Board Saved","FilterResultsLabel":"Filter these 000 results by keyword","Size":"Size","Backing":"Backing","Finish":"Finish","Thickness":"Overall thickness","MachineType":"Machine Type","PatternType":"Pattern Type","RemoveAccess":"Remove access","ShareBoardModalOwner":"you"}" /> <div class="modal fade text-size-normal" id="AccessingFormModal" tabindex="-1" role="dialog" aria-labelledby="AccessingFormModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h3 class="modal-title heading-3" id="AccessingFormModalLabel"> Design Awards Call For Entry </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <div class="mb-5"> To submit a project for the 2020 Design Awards please login or create an account here. </div> <div class="row no-gutters"> <div class="col text-center"> <a href="/en-us/projects/submissions" class="btn btn-primary px-5 py-3"> Sign In </a> </div> </div> </div> </div> </div> </div> <script src="/Content/bundles/js/critical-JS.8bb77990f3b0b7ccca25.bundle.js"></script> <script> window.intercomSettings = { app_id: "l7clinmx", "Style Name": "" }; </script> <script> // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/l7clinmx' (function () { var w = window; var ic = w.Intercom; if (typeof ic === "function") { ic('reattach_activator'); ic('update', w.intercomSettings); } else { var d = document; var i = function () { i.c(arguments); }; i.q = []; i.c = function (args) { i.q.push(args); }; w.Intercom = i; var l = function () { var s = d.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://widget.intercom.io/widget/l7clinmx'; var x = d.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); }; if (w.attachEvent) { w.attachEvent('onload', l); } else { w.addEventListener('load', l, false); } } })(); </script> <script type="text/javascript"> function validateEmail(email) { const re = /\S+@\S+\.\S+/; return re.test(email); } function validateForm() { var email = document.forms["subscribeForm"]["email"].value; if (validateEmail(email)) { return true; } document.getElementById("submitLabel").innerText = "Please enter a valid email" return false; } </script> <script type="text/javascript" defer> var allowShipping = false; if (allowShipping) { $.ajax({ url: '/en-us/cartdropdown/cart', cache: false, dataType: 'html', success: function(data) { $("#cart").html(data); $("#cart-desktop").html(data); $('#cart-badge').text($('#total-items-count-hidden').val()); }, }); } //Taken out per users request. This can be used later when he wants it again. //(function () { // if (navigator.geolocation) { // navigator.geolocation.getCurrentPosition(showPosition); // } //})(); //function showPosition(position) { // document.cookie = "UserLocationGPS=" + "{'latitude':'" + position.coords.latitude + "','longitude':'" + position.coords.longitude + "'}; path=/"; //} </script> <script type="text/javascript"> function stopPreventingBodyScroll() { const { body } = document; var overlay = document.getElementById('cart-sidebar-background-overlay'); const isAlreadyPreventingScrolling = body.classList.contains('prevent-cart-scroll'); var lightBoxClass = document.getElementsByClassName('intercom-lightweight-app')[0]; var lightBoxId = document.getElementById('intercom-container'); if (isAlreadyPreventingScrolling) { const scrollY = body.style.top; body.style.position = ''; body.style.top = ''; body.style.overflowY = ''; window.scrollTo(0, parseInt(scrollY || '0', 10) * -1); } body.classList.remove('prevent-cart-scroll'); // if(lightBoxClass || lightBoxId) { // if(lightBoxClass) { // lightBoxClass.style.display = 'block'; // } // if(lightBoxId) { // lightBoxId.style.display = 'block'; // } // } $('#cart-desktop').removeClass('show'); $('#cart').removeClass('show'); } function preventBodyScroll() { const { body } = document; var overlay = document.getElementById('cart-sidebar-background-overlay'); const isAlreadyPreventingScrolling = body.classList.contains('prevent-cart-scroll'); var lightBoxClass = document.getElementsByClassName('intercom-lightweight-app')[0]; var lightBoxId = document.getElementById('intercom-container'); if (!isAlreadyPreventingScrolling) { body.style.top = `-${window.scrollY}px`; body.style.position = 'fixed'; body.style.overflowY = 'scroll'; } body.classList.add('prevent-cart-scroll'); // if(lightBoxClass || lightBoxId) { // if(lightBoxClass) { // lightBoxClass.style.display = 'none'; // } // if(lightBoxId) { // lightBoxId.style.display = 'none'; // } // } $('#cart-desktop').addClass('show'); } function onCartSidebarOpen(e) { e.stopPropagation(); e.preventDefault(); preventBodyScroll(); } $(document).ready(() => { if (document.documentElement.clientWidth >= 992) { $('.nav-item.cart-nav').on('click', onCartSidebarOpen); } else { $("#cartDropDown").attr("data-toggle", "dropdown"); } }); </script> <script> $(document).ready(function () { let showDelay = 300, hideDelay = 500; let menuEnterTimer, menuLeaveTimer; $('.wide-menu li').hover(function () { var ul = $(this).children("ul"); menuLeaveTimer = $(this).data("menuLeaveTimer"); clearTimeout(menuLeaveTimer); menuEnterTimer = setTimeout(function () { ul.delay(200).show(0); }, showDelay); $(this).data("menuEnterTimer", menuEnterTimer); }, function () { var ul = $(this).children("ul"); menuEnterTimer = $(this).data("menuEnterTimer"); clearTimeout(menuEnterTimer); menuLeaveTimer = setTimeout(function () { ul.delay(300).hide(0); }, hideDelay); $(this).data("menuLeaveTimer", menuLeaveTimer); }); }); </script> <script type="text/javascript" src="/kentico.resource/activities/kenticoactivitylogger/logger.js" async></script> </body> </html>

No search results.

project full width photo widget

Test