D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
cybeyqmf
/
www
/
Filename :
Shopping-Cart-Template.html
back
Copy
<!DOCTYPE html> <html style="font-size: 16px;"><head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="utf-8"> <meta name="keywords" content="Product 1 Title, Product 2 Title, Product 3 Title"><meta name="description" content=""> <title></title> <link rel="stylesheet" href="/nicepage.css" media="screen"> <script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/jquery.js" defer=""></script> <script class="u-script" type="text/javascript" src="np://app.desktop.nicepage.com/nicepage.js" defer=""></script> <meta name="generator" content="Nicepage 7.10.10, nicepage.com"></head> <body class="u-body" data-style="shopping-cart-template-1" data-posts="" data-global-section-properties="{"code":"CART","colorings":{"light":["clean","clean"],"colored":["clean","clean","clean"],"dark":["clean","clean","clean"]},"isPreset":true}" data-source="fix" data-page-sections-style="[{"name":"shopping-cart-1","margin":"both","repeat":false}]" data-page-coloring-types="{"light":["clean","clean"],"colored":["clean","clean","clean"],"dark":["clean","clean","clean"]}" data-page-category=""Cart""><section class="u-clearfix u-block-6d51-1" custom-posts-hash="[T,[T,T],[[[I,T],[I,T],[I,T]],[],[],[]]]" data-section-properties="{"margin":"both","stretch":true}" data-id="6d51" data-style="shopping-cart-1" id="block-1" data-outline-name="Block 1"> <div class="u-clearfix u-sheet u-block-6d51-2" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}"> <div class="u-cart u-block-6d51-6" data-state="{"margin-top":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}},"margin-bottom":{"shouldApplyDefaultMargins":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"parentVerticalAlign":{"XL":"","LG":"","MD":"","SM":"","XS":""}}}"> <div class="u-cart-products-table u-table u-table-responsive u-block-6d51-7"> <table class="u-table-entity u-block-6d51-12"> <colgroup> <col width="65%"> <col width="15%"> <col width="15%"> <col width="15%"> </colgroup> <thead class="u-table-header u-block-6d51-13"> <tr> <th class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-14">Product </th> <th class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-15">Price </th> <th class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-16">Quantity </th> <th class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-17">Subtotal </th> </tr> </thead> <tbody class="u-table-body u-block-6d51-18"> <tr> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-19"> <span class="u-cart-remove-item u-icon u-block-6d51-20"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 52 52" x="0px" y="0px" style="width: 1em; height: 1em;"><g><path d="M26,0C11.664,0,0,11.663,0,26s11.664,26,26,26s26-11.663,26-26S40.336,0,26,0z M26,50C12.767,50,2,39.233,2,26 S12.767,2,26,2s24,10.767,24,24S39.233,50,26,50z"></path><path d="M35.707,16.293c-0.391-0.391-1.023-0.391-1.414,0L26,24.586l-8.293-8.293c-0.391-0.391-1.023-0.391-1.414,0 s-0.391,1.023,0,1.414L24.586,26l-8.293,8.293c-0.391,0.391-0.391,1.023,0,1.414C16.488,35.902,16.744,36,17,36 s0.512-0.098,0.707-0.293L26,27.414l8.293,8.293C34.488,35.902,34.744,36,35,36s0.512-0.098,0.707-0.293 c0.391-0.391,0.391-1.023,0-1.414L27.414,26l8.293-8.293C36.098,17.316,36.098,16.684,35.707,16.293z"></path> </g></svg> </span> <img class="u-cart-product-image u-image u-image-default u-product-control u-block-6d51-21" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" src="data:image/svg+xml;base64,DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Im1hbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNTZweCIgaGVpZ2h0PSIyNTZweCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1NiAyNTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0iI0M2RDhFMSIgd2lkdGg9IjI1NiIgaGVpZ2h0PSIyNTYiLz4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjN0Y5NkE2IiBkPSJNMTkyLjcsNTRjMCwwLDUuMywwLjMsMTMuMiw5LjJjNy45LDguOSwxNC4zLDE5LDE1LjgsMjUuOA0KCWMxLjUsNi44LDIsMTMuNiwwLjMsMTcuNWMtMS44LDMuOS0xMS40LDM0LjQtMTEuNyw0My45Yy0wLjMsOS41LTIuNiw1My0yLjYsNTNoLTEwLjVsLTIuMS01Ny43YzAsMC0wLjMtMTAuNy0zLjgtMTAuNw0KCWMtMy41LDAtMTYuNyw0LjQtMjguOSwyN0MxNTAsMTg0LjUsMTQzLDE5Ny41LDEzNiwyMDAuOGMtNywzLjMtNTcuMyw0LjItNzEsMi4xYy0xMy43LTIuMS0zMS4zLTkuNS0zMS4zLTkuNXMtMy44LTcuMSw3LTEwLjENCgljMTAuOC0zLDQxLjgtMTMsNDguMi0xNi45YzMuNy0yLjIsMjksNi45LDM4LjktNS4xYzkuMS0xMS4xLDM3LjMtNzEsNDUuNi04Mi45QzE4My40LDY0LjEsMTkwLjgsNTQsMTkyLjcsNTR6Ii8+DQo8L3N2Zz4NCg=="> <h2 class="u-cart-product-title u-product-control u-text u-block-6d51-22"> <a class="u-product-title-link" href="#">Product 1 Title</a> </h2> </td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-23"> <div class="u-cart-product-price u-product-control u-product-price u-block-6d51-24"> <div class="u-price-wrapper"> <div class="u-old-price" style="text-decoration: line-through !important;"></div> <div class="u-price">$17.00</div> </div> </div> </td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-25"> <div class="u-cart-product-quantity u-product-control u-product-quantity u-block-6d51-26"> <div class="u-hidden u-quantity-label"> Quantity </div> <div class="u-border-1 u-border-grey-25 u-quantity-input"> <a class="disabled minus u-button-style u-hidden u-quantity-button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m 4 8 h 8" fill="none" stroke="currentColor" stroke-width="1" fill-rule="evenodd"></path></svg> </a> <input class="u-border-2 u-border-grey-30 u-input u-block-6d51-27" type="text" value="1" pattern="[0-9]+"> <a class="plus u-button-style u-hidden u-quantity-button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m 4 8 h 8 M 8 4 v 8" fill="none" stroke="currentColor" stroke-width="1" fill-rule="evenodd"></path></svg> </a> </div> </div> </td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-28"> <div class="u-cart-product-subtotal u-product-control u-product-price u-block-6d51-29"> <div class="u-price-wrapper"> <div class="u-old-price" style="text-decoration: line-through !important;"></div> <div class="u-price" style="font-weight: 700;">$17.00</div> </div> </div> </td> </tr> <tr> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-30"> <span class="u-cart-remove-item u-icon u-block-6d51-31"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 52 52" x="0px" y="0px" style="width: 1em; height: 1em;"><g><path d="M26,0C11.664,0,0,11.663,0,26s11.664,26,26,26s26-11.663,26-26S40.336,0,26,0z M26,50C12.767,50,2,39.233,2,26 S12.767,2,26,2s24,10.767,24,24S39.233,50,26,50z"></path><path d="M35.707,16.293c-0.391-0.391-1.023-0.391-1.414,0L26,24.586l-8.293-8.293c-0.391-0.391-1.023-0.391-1.414,0 s-0.391,1.023,0,1.414L24.586,26l-8.293,8.293c-0.391,0.391-0.391,1.023,0,1.414C16.488,35.902,16.744,36,17,36 s0.512-0.098,0.707-0.293L26,27.414l8.293,8.293C34.488,35.902,34.744,36,35,36s0.512-0.098,0.707-0.293 c0.391-0.391,0.391-1.023,0-1.414L27.414,26l8.293-8.293C36.098,17.316,36.098,16.684,35.707,16.293z"></path> </g></svg> </span> <img class="u-cart-product-image u-image u-image-default u-product-control u-block-6d51-32" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" src="data:image/svg+xml;base64,DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Im1hbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNTZweCIgaGVpZ2h0PSIyNTZweCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1NiAyNTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0iI0M2RDhFMSIgd2lkdGg9IjI1NiIgaGVpZ2h0PSIyNTYiLz4NCjxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0xODcuNywxMjEuNmMtMS44LTEuOC0yLjEtMTIuNi02LTEzLjdjLTMuOSw2LjYsMC45LDk5LjMtMC42LDEwMy4xYy0xLjEsOC44LTUzLjgsMTkuOC0xMDMuNCw1LjcNCgljLTIuMi0wLjgtNi4yLTEuNy03LjMtMy43YzIuMS04LDUuMS04Mi4zLDEuMS0xMDEuNmMtMS45LDIuOC0zLjMsNi4xLTUuNiw4LjZjMCwwLTIwLjQsMS43LTM0LjUtMTMuMmMwLDAsOS40LTI0LjUsMTIuNy0zMS40DQoJYzEuNS01LDMuOC05LjksNi41LTE0LjJjNS04LDExLjktMTEuMiwyMC44LTEzLjRDOTUuOSw0MS41LDk4LjgsMzYsMTA2LjEsMzNjMi41LDMuNiwxMS44LDYsMTcuOSw2LjZjMTQuMSwxLjQsMjYuMi03LjEsMjYuNS02LjkNCgljMi4yLDEuNyw2LjEsNC4zLDguNSw1LjVjMTAuNCw1LDIyLjQsNS40LDMyLjYsMTAuOWMwLDAsMTMuNywzLjQsMjEuNywzMS44bDExLDI4LjFDMjI0LjUsMTA5LDIxMi41LDEyNC41LDE4Ny43LDEyMS42eiIvPg0KPHBhdGggZmlsbD0iI0M2RDhFMSIgZD0iTTYxLjIsNTAuNmwtMy44LDEuM2wwLjMsMC45YzAuMSwwLjQsMTEuNywzOS45LDEwLjUsNjMuMmwtMC4xLDFsNCwwLjJsMC4xLTFDNzMuNCw5Miw2MS42LDUyLDYxLjUsNTEuNg0KCUw2MS4yLDUwLjZ6Ii8+DQo8cGF0aCBmaWxsPSIjQzZEOEUxIiBkPSJNMTk4LDQ4LjhsLTMuOC0xLjRsLTAuMywxYy0wLjUsMS43LTEzLjEsNDIuNS0xMi44LDYzLjZ2MWw0LTAuMXYtMWMtMC4zLTIwLjUsMTIuNS02MS45LDEyLjYtNjIuM0wxOTgsNDguOA0KCXoiLz4NCjxwYXRoIGZpbGw9IiNDNkQ4RTEiIGQ9Ik0xNTQuNCwzNS4zYy0wLjEsMC4yLTYuNywxNy42LTMxLjksMTYuN2MtMTUtMS4yLTIwLjktMTAuNi0yMi4xLTE2bC0wLjItMWwtNCwwLjhsMC4yLDENCgljMS40LDYuNSw4LjMsMTcuOCwyNS44LDE5LjJjMC40LDAsMC45LDAsMS4zLDBsMCwwYzAuMiwwLDAuNCwwLDAuNiwwYzIyLjcsMCwzMi40LTE0LjQsMzQtMTkuNWwwLjMtMWwtMy44LTEuMkwxNTQuNCwzNS4zeiIvPg0KPC9zdmc+DQo="> <h2 class="u-cart-product-title u-product-control u-text u-block-6d51-33"> <a class="u-product-title-link" href="#">Product 2 Title</a> </h2> </td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-34"> <div class="u-cart-product-price u-product-control u-product-price u-block-6d51-35"> <div class="u-price-wrapper"> <div class="u-old-price" style="text-decoration: line-through !important;"></div> <div class="u-price">$245.00</div> </div> </div> </td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-36"> <div class="u-cart-product-quantity u-product-control u-product-quantity u-block-6d51-37"> <div class="u-hidden u-quantity-label"> Quantity </div> <div class="u-border-1 u-border-grey-25 u-quantity-input"> <a class="disabled minus u-button-style u-hidden u-quantity-button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m 4 8 h 8" fill="none" stroke="currentColor" stroke-width="1" fill-rule="evenodd"></path></svg> </a> <input class="u-border-2 u-border-grey-30 u-input u-block-6d51-38" type="text" value="1" pattern="[0-9]+"> <a class="plus u-button-style u-hidden u-quantity-button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m 4 8 h 8 M 8 4 v 8" fill="none" stroke="currentColor" stroke-width="1" fill-rule="evenodd"></path></svg> </a> </div> </div> </td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-39"> <div class="u-cart-product-subtotal u-product-control u-product-price u-block-6d51-40"> <div class="u-price-wrapper"> <div class="u-old-price" style="text-decoration: line-through !important;"></div> <div class="u-price" style="font-weight: 700;">$245.00</div> </div> </div> </td> </tr> <tr> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-41"> <span class="u-cart-remove-item u-icon u-block-6d51-42"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 52 52" x="0px" y="0px" style="width: 1em; height: 1em;"><g><path d="M26,0C11.664,0,0,11.663,0,26s11.664,26,26,26s26-11.663,26-26S40.336,0,26,0z M26,50C12.767,50,2,39.233,2,26 S12.767,2,26,2s24,10.767,24,24S39.233,50,26,50z"></path><path d="M35.707,16.293c-0.391-0.391-1.023-0.391-1.414,0L26,24.586l-8.293-8.293c-0.391-0.391-1.023-0.391-1.414,0 s-0.391,1.023,0,1.414L24.586,26l-8.293,8.293c-0.391,0.391-0.391,1.023,0,1.414C16.488,35.902,16.744,36,17,36 s0.512-0.098,0.707-0.293L26,27.414l8.293,8.293C34.488,35.902,34.744,36,35,36s0.512-0.098,0.707-0.293 c0.391-0.391,0.391-1.023,0-1.414L27.414,26l8.293-8.293C36.098,17.316,36.098,16.684,35.707,16.293z"></path> </g></svg> </span> <img class="u-cart-product-image u-image u-image-default u-product-control u-block-6d51-43" data-state="{"height":{"expandedBlock":{"XL":false,"LG":false,"MD":false,"SM":false,"XS":false},"expandedParent":{"XL":null,"LG":null,"MD":null,"SM":null,"XS":null}}}" src="data:image/svg+xml;base64,DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Im1hbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNTZweCIgaGVpZ2h0PSIyNTZweCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI1NiAyNTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgZmlsbD0iI0M2RDhFMSIgd2lkdGg9IjI1NiIgaGVpZ2h0PSIyNTYiLz4NCjxwYXRoIGZpbGw9IiM3Rjk2QTYiIGQ9Ik0yMDguNiwxMzFjMC42LDAuMiwxLjIsMC4zLDEuOSwwLjNjMi41LDAsNC43LTEuNCw1LjYtMy42YzEtMi44LTAuNi01LjgtMy43LTYuN2wtMjYuMi03LjhsMTYuNy0xNS4xDQoJYzIuMy0yLjEsMi4zLTUuNCwwLTcuNXMtNi0yLjEtOC4zLDBsLTEzLjcsMTIuM0MxNzkuNyw4My41LDE2Miw2OCwxNDAuMSw2OGgtMjQuMmMtMjIuNiwwLTQxLDE2LjYtNDEsMzYuOXYxNS44aDk5LjRMMjA4LjYsMTMxeg0KCSBNMjMwLDE2NC41bC0zNi45LTMzLjJINzAuM2wtMzYuOSwzMy4yYy0xLjcsMS41LTIuMiwzLjgtMS4zLDUuN2MwLjksMiwzLDMuMyw1LjQsMy4zaDM2LjhjMTMuOCwwLDI3LjIsMi4zLDM5LjgsNi45DQoJYzE0LjEsNS4xLDI5LjgsNy42LDQ0LjgsNy42YzEyLjcsMCwyNS41LTEuOCwzNy43LTUuNWwzMS4xLTkuM2MxLjktMC42LDMuNC0yLDMuOS0zLjhDMjMyLDE2Ny42LDIzMS40LDE2NS44LDIzMCwxNjQuNXoiLz4NCjwvc3ZnPg0K"> <h2 class="u-cart-product-title u-product-control u-text u-block-6d51-44"> <a class="u-product-title-link" href="#">Product 3 Title</a> </h2> </td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-45"> <div class="u-cart-product-price u-product-control u-product-price u-block-6d51-46"> <div class="u-price-wrapper"> <div class="u-old-price" style="text-decoration: line-through !important;"></div> <div class="u-price">$19.00</div> </div> </div> </td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-47"> <div class="u-cart-product-quantity u-product-control u-product-quantity u-block-6d51-48"> <div class="u-hidden u-quantity-label"> Quantity </div> <div class="u-border-1 u-border-grey-25 u-quantity-input"> <a class="disabled minus u-button-style u-hidden u-quantity-button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m 4 8 h 8" fill="none" stroke="currentColor" stroke-width="1" fill-rule="evenodd"></path></svg> </a> <input class="u-border-2 u-border-grey-30 u-input u-block-6d51-49" type="text" value="1" pattern="[0-9]+"> <a class="plus u-button-style u-hidden u-quantity-button"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m 4 8 h 8 M 8 4 v 8" fill="none" stroke="currentColor" stroke-width="1" fill-rule="evenodd"></path></svg> </a> </div> </div> </td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-50"> <div class="u-cart-product-subtotal u-product-control u-product-price u-block-6d51-51"> <div class="u-price-wrapper"> <div class="u-old-price" style="text-decoration: line-through !important;"></div> <div class="u-price" style="font-weight: 700;">$19.00</div> </div> </div> </td> </tr> </tbody> <tfoot class="hidden u-table-footer u-block-6d51-52"> <tr class="hidden u-block-6d51-53"> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-54"></td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-55"></td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-56"></td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-57"></td> </tr> </tfoot> </table> </div> <div class="u-cart-button-container"> <a href="#" class="u-active-none u-btn u-button-style u-cart-continue-shopping u-hover-none u-none u-text-body-color u-block-6d51-58"> <span class="u-icon u-block-6d51-59"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 443.52 443.52" x="0px" y="0px" style="width: 1em; height: 1em;"><g><g><path d="M143.492,221.863L336.226,29.129c6.663-6.664,6.663-17.468,0-24.132c-6.665-6.662-17.468-6.662-24.132,0l-204.8,204.8 c-6.662,6.664-6.662,17.468,0,24.132l204.8,204.8c6.78,6.548,17.584,6.36,24.132-0.42c6.387-6.614,6.387-17.099,0-23.712 L143.492,221.863z"></path> </g> </g></svg> </span> Continue Shopping </a> <a href="#" class="u-btn u-button-style u-cart-update u-grey-5 u-block-6d51-60">Update Cart</a> </div> <div class="u-cart-blocks-container"> <div class="u-cart-block u-indent-30"> <div class="u-cart-block-container u-clearfix"> <h5 class="u-cart-block-header u-text u-block-6d51-61">Promotion Code</h5> <div class="u-cart-block-content u-text u-block-6d51-62"> <div class="u-cart-form u-form u-block-6d51-63"> <form action="#" method="POST" class="u-clearfix u-form-horizontal u-form-spacing-10 u-inner-form" source="custom" name="form"> <div class="u-form-group u-block-6d51-64"> <label for="name-5861" class="u-form-control-hidden u-label u-block-6d51-65">Coupon code</label> <input type="text" placeholder="Coupon code" id="name-5861" name="coupon" class="u-border-1 u-input u-input-rectangle u-none u-block-6d51-66" required=""> </div> <div class="u-align-left u-form-group u-form-submit u-block-6d51-67"> <a href="#" class="u-btn u-btn-submit u-button-style u-block-6d51-68">Apply Coupon</a> <input type="submit" value="submit" class="u-form-control-hidden"> </div> <div class="u-form-send-message u-form-send-success">Thank you! Your message has been sent.</div> <div class="u-form-send-error u-form-send-message">Unable to send your message. Please fix errors then try again.</div> <input type="hidden" value="" name="recaptchaResponse"> </form> </div> </div> </div> </div> <div class="u-cart-block u-cart-totals-block u-indent-30"> <div class="u-cart-block-container u-clearfix"> <h5 class="u-cart-block-header u-text u-block-6d51-69">Cart Totals</h5> <div class="u-align-right u-cart-block-content u-text u-block-6d51-70"> <div class="u-cart-totals-table u-table u-table-responsive u-block-6d51-71"> <table class="u-table-entity u-block-6d51-75"> <colgroup> <col width="50%"> <col width="50%"> </colgroup> <thead class="hidden u-table-header u-block-6d51-76"> <tr class="hidden u-block-6d51-77"> <th class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-78"></th> <th class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-79"></th> </tr> </thead> <tbody class="u-align-right u-table-body u-block-6d51-80"> <tr> <td class="u-align-left u-border-1 u-border-grey-dark-1 u-first-column u-table-cell u-block-6d51-81">Subtotal</td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-82">$281.00</td> </tr> <tr> <td class="u-align-left u-border-1 u-border-grey-dark-1 u-first-column u-table-cell u-block-6d51-83">Total</td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-84">$281.00</td> </tr> </tbody> <tfoot class="hidden u-table-footer u-block-6d51-85"> <tr class="hidden u-block-6d51-86"> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-87"></td> <td class="u-border-1 u-border-grey-dark-1 u-table-cell u-block-6d51-88"></td> </tr> </tfoot> </table> </div> <a href="#" class="u-btn u-button-style u-cart-checkout-btn u-block-6d51-89">Proceed to Checkout</a> </div> </div> </div> </div> </div> </div> <style data-mode="XL">@media (min-width: 1200px) { .u-block-6d51-2 { min-height: 500px; } .u-block-6d51-6 { width: 1140px; margin-top: 63px; margin-bottom: 60px; min-height: 375px; } .u-block-6d51-20 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-22 { font-size: 1rem; } .u-block-6d51-26 { width: 100px; } .u-block-6d51-31 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-33 { font-size: 1rem; } .u-block-6d51-37 { width: 100px; } .u-block-6d51-42 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-44 { font-size: 1rem; } .u-block-6d51-48 { width: 100px; } .u-block-6d51-58 { padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; } .u-block-6d51-81 { font-weight: 700; } .u-block-6d51-83 { font-weight: 700; } .u-block-6d51-84 { font-weight: 700; } .u-block-6d51-89 { margin-top: 20px; } }</style> <style data-mode="LG">@media (max-width: 1199px) and (min-width: 992px) { .u-block-6d51-2 { min-height: 500px; } .u-block-6d51-6 { width: 940px; margin-top: 63px; margin-bottom: 60px; min-height: 375px; } .u-block-6d51-20 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-22 { font-size: 1rem; } .u-block-6d51-26 { width: 100px; } .u-block-6d51-31 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-33 { font-size: 1rem; } .u-block-6d51-37 { width: 100px; } .u-block-6d51-42 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-44 { font-size: 1rem; } .u-block-6d51-48 { width: 100px; } .u-block-6d51-58 { padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; } .u-block-6d51-81 { font-weight: 700; } .u-block-6d51-83 { font-weight: 700; } .u-block-6d51-84 { font-weight: 700; } .u-block-6d51-89 { margin-top: 20px; } }</style> <style data-mode="MD">@media (max-width: 991px) and (min-width: 768px) { .u-block-6d51-2 { min-height: 500px; } .u-block-6d51-6 { width: 720px; margin-top: 63px; margin-bottom: 60px; min-height: 375px; } .u-block-6d51-20 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-22 { font-size: 1rem; } .u-block-6d51-26 { width: 100px; } .u-block-6d51-31 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-33 { font-size: 1rem; } .u-block-6d51-37 { width: 100px; } .u-block-6d51-42 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-44 { font-size: 1rem; } .u-block-6d51-48 { width: 100px; } .u-block-6d51-58 { padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; } .u-block-6d51-81 { font-weight: 700; } .u-block-6d51-83 { font-weight: 700; } .u-block-6d51-84 { font-weight: 700; } .u-block-6d51-89 { margin-top: 20px; } }</style> <style data-mode="SM">@media (max-width: 767px) and (min-width: 576px) { .u-block-6d51-2 { min-height: 500px; } .u-block-6d51-6 { width: 540px; margin-top: 63px; margin-bottom: 60px; min-height: 375px; } .u-block-6d51-20 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-22 { font-size: 1rem; } .u-block-6d51-26 { width: 100px; } .u-block-6d51-31 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-33 { font-size: 1rem; } .u-block-6d51-37 { width: 100px; } .u-block-6d51-42 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-44 { font-size: 1rem; } .u-block-6d51-48 { width: 100px; } .u-block-6d51-58 { padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; } .u-block-6d51-81 { font-weight: 700; } .u-block-6d51-83 { font-weight: 700; } .u-block-6d51-84 { font-weight: 700; } .u-block-6d51-89 { margin-top: 20px; } }</style> <style data-mode="XS">@media (max-width: 575px) { .u-block-6d51-2 { min-height: 500px; } .u-block-6d51-6 { width: 340px; margin-top: 63px; margin-bottom: 60px; min-height: 375px; } .u-block-6d51-20 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-22 { font-size: 1rem; } .u-block-6d51-26 { width: 100px; } .u-block-6d51-31 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-33 { font-size: 1rem; } .u-block-6d51-37 { width: 100px; } .u-block-6d51-42 { font-size: 1.5em; margin-right: 10px; } .u-block-6d51-44 { font-size: 1rem; } .u-block-6d51-48 { width: 100px; } .u-block-6d51-58 { padding-top: 10px; padding-right: 14px; padding-bottom: 10px; padding-left: 14px; } .u-block-6d51-81 { font-weight: 700; } .u-block-6d51-83 { font-weight: 700; } .u-block-6d51-84 { font-weight: 700; } .u-block-6d51-89 { margin-top: 20px; } }</style> </section> </body></html>