</iframe</noscript> <!-- End Google Tag Manager (noscript) --> <div id="signupBar" style="background: #346195;color: #fff;text-align:center;width:100%;padding: 5px;font-size: 13px;font-weight: bold;text-transform: uppercase;"><a href="/#homenewsletter">10% Off When You Subscribe to Our Mailing List!</a></div> <div class="nm-page-overflow"> <div class="nm-page-wrap"> <!-- top bar --> <div id="nm-top-bar" class="nm-top-bar"> <a href="/my-account" class="myaccount-customlocation">Login</a> <a href="/cart" class="mybag-customlocation">My Bag</a> <a href="#" id="nm-menu-cart-btn" class="cart-customlocation"><span class="cartCount">0</span></a> <div class="nm-row"> <div class="nm-top-bar-left col-xs-"> <div class="nm-top-bar-text"> <a href="/#homenewsletter">10% Off When You Subscribe to Our Mailing List!</a> </div> </div> <div class="nm-top-bar-right col-xs-"> </div> </div> </div> <!-- /top bar --> <div class="nm-page-wrap-inner"> <div id="nm-header-placeholder" class="nm-header-placeholder"></div> <header id="nm-header" class="nm-header default resize-on-scroll clear"> <div class="nm-header-inner"> <div class="nm-header-row nm-row"> <div class="nm-header-col col-xs-12"> <div class="nm-header-logo"> <a href="https://www.grassandair.com/"> <img src="https://www.grassandair.com/wp-content/uploads/2017/05/grassandair-logo.png" class="nm-logo" alt="Grass and Air"> <img src="https://www.grassandair.com/wp-content/themes/savoy/assets/img/logo-light@2x.png" class="nm-alt-logo" alt="Grass and Air"> </a> </div> <nav class="nm-main-menu"> <ul id="nm-main-menu-ul" class="nm-menu"> </ul> </nav> <nav class="nm-right-menu"> <ul id="nm-right-menu-ul" class="nm-menu"> <li id="menu-item-1051" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-1051"><a href="https://www.grassandair.com/product-category/boys-rainwear/">Boys Rainwear</a> <ul class="sub-menu"> <li id="menu-item-1310" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1310"><a href="https://www.grassandair.com/product-category/boys-rainwear/little-boys-rainwear/">Little Boys Rainwear</a></li> <li id="menu-item-1311" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1311"><a href="https://www.grassandair.com/product-category/boys-rainwear/older-boys-rainwear/">Older Boys Rainwear</a></li> </ul> </li> <li id="menu-item-1312" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-1312"><a href="https://www.grassandair.com/product-category/girls-rainwear/">Girls Rainwear</a> <ul class="sub-menu"> <li id="menu-item-1313" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1313"><a href="https://www.grassandair.com/product-category/girls-rainwear/little-girls-rainwear/">Little Girls Rainwear</a></li> <li id="menu-item-1314" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1314"><a href="https://www.grassandair.com/product-category/girls-rainwear/older-girls-rainwear/">Older Girls Rainwear</a></li> </ul> </li> <li id="menu-item-1305" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1305"><a href="https://www.grassandair.com/product-category/kids-wellies/">Kids Wellies</a></li> <li id="menu-item-3442" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-3442"><a href="https://www.grassandair.com/product-category/accessories/">Accessories</a> <ul class="sub-menu"> <li id="menu-item-4541" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-4541"><a href="https://www.grassandair.com/product-category/accessories/umbrellas/">Umbrellas</a></li> <li id="menu-item-4539" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-4539"><a href="https://www.grassandair.com/product-category/accessories/kids-playwear/">Kids Playwear</a></li> <li id="menu-item-4544" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-4544"><a href="https://www.grassandair.com/product-category/essentials/">Essentials</a></li> </ul> </li> <li id="menu-item-770" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-770"><a href="https://www.grassandair.com/about/">About</a></li> <li id="menu-item-4608" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-4608"><a href="https://www.grassandair.com/blog/">Blog</a></li> <li class="nm-menu-cart menu-item no-icon"> <a href="#" id="nm-menu-cart-btn"> <span class="nm-menu-cart-title">Basket</span> <span class="nm-menu-cart-count count nm-count-zero">0</span> </a> </li> <li class="nm-menu-search menu-item"><a href="#" id="nm-menu-search-btn"><i class="nm-font nm-font-search-alt flip"></i></a></li> <li class="nm-menu-offscreen menu-item"> <span class="nm-menu-cart-count count nm-count-zero">0</span> <a href="#" id="nm-mobile-menu-button" class="clicked"> <div class="nm-menu-icon"> <span class="line-1"></span><span class="line-2"></span><span class="line-3"></span> </div> </a> </li> </ul> </nav> </div> </div> </div> <div id="nm-shop-search" class="nm-shop-search nm-header-search nm-shop-search-ajax"> <div class="nm-row"> <div class="col-xs-12"> <div class="nm-shop-search-inner"> <div class="nm-shop-search-input-wrap"> <a href="#" id="nm-shop-search-close"><i class="nm-font nm-font-close2"></i></a> <form role="search" method="get" action="https://www.grassandair.com/"> <input type="text" id="nm-shop-search-input" autocomplete="off" value="" name="s" placeholder="Search products" /> <input type="hidden" name="post_type" value="product" /> </form> </div> <div id="nm-shop-search-notice"><span>press <u>Enter</u> to search</span></div> </div> </div> </div> </div></header> <div class="nm-blog-wrap"> <div class="nm-blog-categories"> <div class="nm-row"> <div class="col-xs-12"> <div class="nm-blog-categories-wrap toggle-0"><ul class="nm-blog-categories-toggle"><li><a href="#" id="nm-blog-categories-toggle-link">Categories</a> <em class="count">7</em></li></ul><ul id="nm-blog-categories-list" class="nm-blog-categories-list list"><li><a href="https://www.grassandair.com/blog/">All</a></li><li><span>⁄</span><a href="https://www.grassandair.com/blog/category/awards/">Awards</a></li><li class="current-cat"><span>⁄</span><a href="https://www.grassandair.com/blog/category/design/">Design</a></li><li><span>⁄</span><a href="https://www.grassandair.com/blog/category/influencers-press/">Influencers & Press</a></li><li><span>⁄</span><a href="https://www.grassandair.com/blog/category/inspiration/">Inspiration</a></li><li><span>⁄</span><a href="https://www.grassandair.com/blog/category/outdoor-fun/">Outdoor Fun</a></li><li><span>⁄</span><a href="https://www.grassandair.com/blog/category/products/">Products</a></li><li><span>⁄</span><a href="https://www.grassandair.com/blog/category/uncategorized/">Uncategorized</a></li></ul></div> </div> </div> </div> <div class="nm-blog layout-grid no-sidebar"> <div class="nm-blog-row nm-row"> <div class="nm-blog-content-col col-xs-12"> <div class="nm-blog-grid"> <ul id="nm-blog-list" class="xsmall-block-grid-1 small-block-grid-1 medium-block-grid-2 large-block-grid-3"> <li id="post-8849" class="post-8849 post type-post status-publish format-standard has-post-thumbnail hentry category-design category-products"> <div class="nm-post-thumbnail"> <a href="https://www.grassandair.com/blog/our-water-activated-colour-changing-technology/"> <img width="800" height="800" src="https://www.grassandair.com/wp-content/uploads/2020/03/icon-image.jpg" class="attachment- size- wp-post-image" alt="wellies" srcset="https://www.grassandair.com/wp-content/uploads/2020/03/icon-image.jpg 800w, https://www.grassandair.com/wp-content/uploads/2020/03/icon-image-150x150.jpg 150w, https://www.grassandair.com/wp-content/uploads/2020/03/icon-image-300x300.jpg 300w, https://www.grassandair.com/wp-content/uploads/2020/03/icon-image-768x768.jpg 768w, https://www.grassandair.com/wp-content/uploads/2020/03/icon-image-350x350.jpg 350w, https://www.grassandair.com/wp-content/uploads/2020/03/icon-image-595x595.jpg 595w, https://www.grassandair.com/wp-content/uploads/2020/03/icon-image-100x100.jpg 100w" sizes="(max-width: 800px) 100vw, 800px" /> <div class="nm-image-overlay"></div> </a> </div> <div class="nm-post-meta"> <span>March 24, 2020</span> </div> <h2 class="nm-post-title"><a href="https://www.grassandair.com/blog/our-water-activated-colour-changing-technology/">Our Water-Activated Colour Changing Technology</a></h2> <div class="nm-post-content"> <div class="nm-post-excerpt"> <p>Since launching in 2017 our customers always ask about our water-activated colour changing products. We thought it was about time we revealed a little bit more of the magic. From concept to creation our goal has always been to innovate through design. We create products that explore new approaches to children’s outerwear. Created for families …</p> <a href="https://www.grassandair.com/blog/our-water-activated-colour-changing-technology/" class="nm-post-read-more">More →</a> </div> </div> </li> <li id="post-3158" class="post-3158 post type-post status-publish format-standard has-post-thumbnail hentry category-design category-inspiration category-products"> <div class="nm-post-thumbnail"> <a href="https://www.grassandair.com/blog/the-ultimate-guide-to-buying-kids-rainwear/"> <img width="381" height="381" src="https://www.grassandair.com/wp-content/uploads/2018/06/navy-rain-cheater-featured-blog-image.jpg" class="attachment- size- wp-post-image" alt="infant navy rain cheater jacket: featured blog image" srcset="https://www.grassandair.com/wp-content/uploads/2018/06/navy-rain-cheater-featured-blog-image.jpg 381w, https://www.grassandair.com/wp-content/uploads/2018/06/navy-rain-cheater-featured-blog-image-150x150.jpg 150w, https://www.grassandair.com/wp-content/uploads/2018/06/navy-rain-cheater-featured-blog-image-300x300.jpg 300w, https://www.grassandair.com/wp-content/uploads/2018/06/navy-rain-cheater-featured-blog-image-350x350.jpg 350w, https://www.grassandair.com/wp-content/uploads/2018/06/navy-rain-cheater-featured-blog-image-100x100.jpg 100w" sizes="(max-width: 381px) 100vw, 381px" /> <div class="nm-image-overlay"></div> </a> </div> <div class="nm-post-meta"> <span>June 1, 2018</span> </div> <h2 class="nm-post-title"><a href="https://www.grassandair.com/blog/the-ultimate-guide-to-buying-kids-rainwear/">The Ultimate Guide to Buying Kid’s Rainwear</a></h2> <div class="nm-post-content"> <div class="nm-post-excerpt"> <p>We’ve written the ultimate rainwear guide on how to choose the right kids waterproof clothing for your child. We’ll help you understand the basics of rainwear technology jargon and how to make the best decision based on their needs.</p> <a href="https://www.grassandair.com/blog/the-ultimate-guide-to-buying-kids-rainwear/" class="nm-post-read-more">More →</a> </div> </div> </li> </ul> </div> </div> </div> </div></div> </div> </div> <!-- /page wrappers --> <div id="nm-page-overlay" class="nm-page-overlay"></div> <div id="nm-widget-panel-overlay" class="nm-page-overlay"></div> <!-- footer --> <footer id="nm-footer" class="nm-footer"> <div class="nm-footer-widgets clearfix"> <div class="nm-footer-widgets-inner"> <div class="nm-row nm-row-boxed"> <div class="col-xs-12"> <ul class="nm-footer-block-grid small-block-grid-1 medium-block-grid-2 large-block-grid-4"> <li id="nav_menu-2" class="widget widget_nav_menu"><h3 class="nm-widget-title">Shop</h3><div class="menu-upper-footer-1-container"><ul id="menu-upper-footer-1" class="menu"><li id="menu-item-1396" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1396"><a href="https://www.grassandair.com/product-category/boys-rainwear/">Boys Rainwear</a></li> <li id="menu-item-1397" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1397"><a href="https://www.grassandair.com/product-category/girls-rainwear/">Girls Rainwear</a></li> <li id="menu-item-1832" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1832"><a href="https://www.grassandair.com/product-category/accessories/kids-playwear/">Kids Playwear</a></li> <li id="menu-item-1398" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1398"><a href="https://www.grassandair.com/product-category/kids-wellies/">Kids Wellies</a></li> </ul></div></li><li id="nav_menu-3" class="widget widget_nav_menu"><h3 class="nm-widget-title">Your Account</h3><div class="menu-upper-footer-2-container"><ul id="menu-upper-footer-2" class="menu"><li id="menu-item-952" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-952"><a href="https://www.grassandair.com/my-account/edit-account/">Your Account</a></li> <li id="menu-item-951" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-951"><a href="https://www.grassandair.com/my-account/orders/">Orders</a></li> </ul></div></li><li id="nav_menu-4" class="widget widget_nav_menu"><h3 class="nm-widget-title">Grass & Air</h3><div class="menu-upper-footer-3-container"><ul id="menu-upper-footer-3" class="menu"><li id="menu-item-953" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-953"><a href="https://www.grassandair.com/about/">About</a></li> <li id="menu-item-954" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-954"><a href="https://www.grassandair.com/contact/">Contact</a></li> <li id="menu-item-1401" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-1401"><a href="https://www.grassandair.com/blog/">Blog</a></li> </ul></div></li><li id="nav_menu-5" class="widget widget_nav_menu"><h3 class="nm-widget-title">Help Centre</h3><div class="menu-upper-footer-4-container"><ul id="menu-upper-footer-4" class="menu"><li id="menu-item-955" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-955"><a href="https://www.grassandair.com/faqs/">FAQs</a></li> <li id="menu-item-1280" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1280"><a href="https://www.grassandair.com/delivery/">Deliveries</a></li> <li id="menu-item-1285" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1285"><a href="https://www.grassandair.com/returns/">Returns</a></li> <li id="menu-item-3168" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3168"><a href="https://www.grassandair.com/terms-conditions/">Terms & Conditions</a></li> <li id="menu-item-1359" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1359"><a href="https://www.grassandair.com/size-guide/">Size Guide</a></li> </ul></div></li> </ul> </div> </div> </div> </div> <div class="nm-footer-bar"> <div class="nm-footer-bar-inner"> <div class="nm-row"> <div class="nm-footer-bar-left col-md-4 col-xs-12"> <ul id="nm-footer-bar-menu" class="menu"> <li class="nm-footer-bar-text menu-item"><div>© 2020 Grass & Air</div></li> </ul> </div> <div class="nm-footer-bar-social col-md-4 col-xs-12"> <ul class="nm-footer-bar-social"><li><a href="https://www.facebook.com/grassandair/" target="_blank" title="Facebook" rel="nofollow"><i class="nm-font nm-font-facebook"></i></a></li><li><a href="https://www.instagram.com/grassandair/" target="_blank" title="Instagram" rel="nofollow"><i class="nm-font nm-font-instagram"></i></a></li><li><a href="https://twitter.com/GrassandAir" target="_blank" title="Twitter" rel="nofollow"><i class="nm-font nm-font-twitter"></i></a></li><li><a href="https://www.pinterest.co.uk/grassandair/" target="_blank" title="Pinterest" rel="nofollow"><i class="nm-font nm-font-pinterest"></i></a></li></ul> </div> <div class="nm-footer-bar-right col-md-4 col-xs-12"> <ul id="nm-footer-bar-menu-right" class="menu"> <li id="menu-item-1300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1300"><a href="https://www.grassandair.com/terms-conditions/">Terms & Conditions</a></li> <li id="menu-item-1296" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1296"><a href="https://www.grassandair.com/privacy-policy/">Privacy Policy</a></li> </ul> </div> </div> </div> </div> </footer> <!-- /footer --> <!-- mobile menu --> <div id="nm-mobile-menu" class="nm-mobile-menu"> <div class="nm-mobile-menu-scroll"> <div class="nm-mobile-menu-content"> <div class="nm-row"> <div class="nm-mobile-menu-top col-xs-12"> <ul id="nm-mobile-menu-top-ul" class="menu"> <li class="nm-mobile-menu-item-cart menu-item"> <a href="https://www.grassandair.com/cart/" id="nm-mobile-menu-cart-btn"> <span class="nm-menu-cart-title">Basket</span> <span class="nm-menu-cart-count count nm-count-zero">0</span> </a> </li> <li class="nm-mobile-menu-item-search menu-item"> <form role="search" method="get" action="https://www.grassandair.com/"> <input type="text" id="nm-mobile-menu-shop-search-input" class="nm-mobile-menu-search" autocomplete="off" value="" name="s" placeholder="Search products" /> <span class="nm-font nm-font-search-alt"></span> <input type="hidden" name="post_type" value="product" /> </form> </li> </ul> </div> <div class="nm-mobile-menu-main col-xs-12"> <ul id="nm-mobile-menu-main-ul" class="menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-1051"><a href="https://www.grassandair.com/product-category/boys-rainwear/">Boys Rainwear</a><span class="nm-menu-toggle"></span> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1310"><a href="https://www.grassandair.com/product-category/boys-rainwear/little-boys-rainwear/">Little Boys Rainwear</a><span class="nm-menu-toggle"></span></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1311"><a href="https://www.grassandair.com/product-category/boys-rainwear/older-boys-rainwear/">Older Boys Rainwear</a><span class="nm-menu-toggle"></span></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-1312"><a href="https://www.grassandair.com/product-category/girls-rainwear/">Girls Rainwear</a><span class="nm-menu-toggle"></span> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1313"><a href="https://www.grassandair.com/product-category/girls-rainwear/little-girls-rainwear/">Little Girls Rainwear</a><span class="nm-menu-toggle"></span></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1314"><a href="https://www.grassandair.com/product-category/girls-rainwear/older-girls-rainwear/">Older Girls Rainwear</a><span class="nm-menu-toggle"></span></li> </ul> </li> <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-1305"><a href="https://www.grassandair.com/product-category/kids-wellies/">Kids Wellies</a><span class="nm-menu-toggle"></span></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-has-children menu-item-3442"><a href="https://www.grassandair.com/product-category/accessories/">Accessories</a><span class="nm-menu-toggle"></span> <ul class="sub-menu"> <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-4541"><a href="https://www.grassandair.com/product-category/accessories/umbrellas/">Umbrellas</a><span class="nm-menu-toggle"></span></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-4539"><a href="https://www.grassandair.com/product-category/accessories/kids-playwear/">Kids Playwear</a><span class="nm-menu-toggle"></span></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-4544"><a href="https://www.grassandair.com/product-category/essentials/">Essentials</a><span class="nm-menu-toggle"></span></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-770"><a href="https://www.grassandair.com/about/">About</a><span class="nm-menu-toggle"></span></li> <li class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-4608"><a href="https://www.grassandair.com/blog/">Blog</a><span class="nm-menu-toggle"></span></li> </ul> </div> <div class="nm-mobile-menu-secondary col-xs-12"> <ul id="nm-mobile-menu-secondary-ul" class="menu"> </ul> </div> </div> </div> </div> </div> <!-- /mobile menu --> <!-- widget panel --> <div id="nm-widget-panel" class="nm-widget-panel"> <div class="nm-widget-panel-inner"> <div class="nm-widget-panel-header"> <div class="nm-widget-panel-header-inner"> <a href="#" id="nm-widget-panel-close"> <span class="nm-cart-panel-title">Basket <span class="nm-menu-cart-count count">0</span></span> <span class="nm-widget-panel-close-title">Close</span> </a> </div> </div> <div class="widget_shopping_cart_content"> <div id="nm-cart-panel" class="nm-cart-panel-empty"> <form id="nm-cart-panel-form" action="https://www.grassandair.com/cart/" method="post"> <input type="hidden" id="_wpnonce" name="_wpnonce" value="c624857f30" /><input type="hidden" name="_wp_http_referer" value="/blog/category/design/" /></form> <div id="nm-cart-panel-loader"> <h5 class="nm-loader">Updating…</h5> </div> <div class="nm-cart-panel-list-wrap"> <ul class="woocommerce-mini-cart cart_list product_list_widget "> <li class="empty">No products in the basket.</li> </ul><!-- end product list --> </div> <div class="nm-cart-panel-summary"> <div class="nm-cart-panel-summary-inner"> <p class="buttons nm-cart-empty-button"> <a href="https://www.grassandair.com/shop/" id="nm-cart-panel-continue" class="button border">Continue shopping</a> </p> </div> </div> <script> (function($) { $( document.body ).on( 'click', '.remove', function() { ga( 'ec:addProduct', { 'id': ($(this).data('product_sku')) ? ($(this).data('product_sku')) : ('#' + $(this).data('product_id')), 'quantity': $(this).parent().parent().find( '.qty' ).val() ? $(this).parent().parent().find( '.qty' ).val() : '1', } ); ga( 'ec:setAction', 'remove' ); ga( 'send', 'event', 'UX', 'click', 'remove from cart' ); }); })(jQuery); </script> </div> </div> </div> </div> <!-- /widget panel --> <!-- login popup --> <div id="nm-login-popup-wrap" class="nm-login-popup-wrap mfp-hide"> <div class="woocommerce-notices-wrapper"></div> <div id="customer_login" class="nm-myaccount-login"> <div class="nm-myaccount-login-inner"> <div id="nm-login-wrap" class="inline slide-up fade-in"> <h2>Log in</h2> <form action="https://www.grassandair.com/my-account/" method="post" class="login"> <input type="hidden" class="nm-login-popup-redirect-input" name="redirect" value="https://www.grassandair.com/my-account/" /> <p class="form-row form-row-wide"> <label for="username">Username or email address <span class="required">*</span></label> <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" value="" /> </p> <p class="form-row form-row-wide"> <label for="password">Password <span class="required">*</span></label> <input class="input-text" type="password" name="password" id="password" /> </p> <p class="form-row form-group"> <label class="woocommerce-form__label woocommerce-form__label-for-checkbox inline"> <input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever" /> <span>Remember me</span> </label> <span class="woocommerce-LostPassword lost_password"> <a href="https://www.grassandair.com/my-account/lost-password/">Lost your password?</a> </span> </p> <p class="form-actions"> <input type="hidden" id="woocommerce-login-nonce" name="woocommerce-login-nonce" value="8b3f45df0a" /><input type="hidden" name="_wp_http_referer" value="/blog/category/design/" /> <button type="submit" class="woocommerce-Button button" name="login" value="Log in">Log in</button> <div class="nm-login-form-divider"><span>Or</span></div> <a href="#" id="nm-show-register-button" class="button border">Create an account</a> </p> </form> </div> <div id="nm-register-wrap"> <h2>Register</h2> <form action="https://www.grassandair.com/my-account/" method="post" class="register"> <input type="hidden" class="nm-login-popup-redirect-input" name="redirect" value="https://www.grassandair.com/my-account/" /> <p class="form-row form-row-wide"> <label for="reg_email">Email address <span class="required">*</span></label> <input type="email" class="woocommerce-Input woocommerce-Input--text input-text" name="email" id="reg_email" value="" /> </p> <p class="form-row form-row-wide"> <label for="reg_password">Password <span class="required">*</span></label> <input type="password" class="input-text" name="password" id="reg_password" /> </p> <p class="form-row form-row-wide mailchimp-newsletter"><input class="woocommerce-form__input woocommerce-form__input-checkbox input-checkbox" id="mailchimp_woocommerce_newsletter" type="checkbox" name="mailchimp_woocommerce_newsletter" value="1"> <label for="mailchimp_woocommerce_newsletter" class="woocommerce-form__label woocommerce-form__label-for-checkbox inline"><span>Tick here to be the first to find out about upcoming products and exclusive offers.</span></label></p><div class="clear"></div><div class="g-recaptcha" id="g-recaptcha-1" data-sitekey="6Le-VFkUAAAAAKpW2Qac6us67kL7lIIAYuAd_AkX" data-theme="light" style="margin:10px 0px 10px 0px"></div><noscript> <div> <div style="width: 302px; height: 422px; position: relative;"> <div style="width: 302px; height: 422px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6Le-VFkUAAAAAKpW2Qac6us67kL7lIIAYuAd_AkX" frameborder="0" scrolling="no" style="width: 302px; height:422px; border-style: none;">
Register
Or
Log in
