Edit file File name : sale_details.html Content :<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- for SEO --> <meta name="title" content=""> <meta name="keywords" content=""> <meta name="description" content=""> <!-- for SEO --> <title>Sale</title> <link rel="stylesheet" href="styles/bootstrap.min.css"> <link rel="stylesheet" href="styles/styles.css"> </head> <body class="blog-archive sale sale-details"> <div class="container hidden-xs"> <div class="flex-very-top"> <div class="left-part hidden-xs hidden-sm"> <p class="top-contact-info"> Toll Free: <a href="tel:1-877-505-0012">1-877-505-0012</a> <span class="vertical-txt-div">|</span> Shipping: <span class="green-color">Within 3 weeks</span> </p> </div> <form action=""> <div class="right-part flex-very-top"> <div class="input-group"> <input type="text" class="form-control" placeholder="search"> <span class="input-group-btn"> <button class="btn btn-default" type="button"><img src="img/search.svg" alt="search" class="search"></button> </span> </div><!-- /input-group --> <p class="log-info"><a href="account.html">My Wishlist</a><span class="vertical-txt-div">|</span><a href="login.html">Login</a> or <a href="login.html">Register</a><span class="vertical-txt-div">|</span><a href="shopping_cart.html">My Cart(0)</a></p> </div> </form> </div> </div> <!-- search pop up for mobiles --> <div id="myOverlay" class="overlay-search"> <span class="closebtn" onclick="closeSearch()" title="Close Overlay">✖</span> <div class="overlay-content"> <form action="#"> <div class="input-group has-feedback"> <span class="input-group-btn"> <button class="btn btn-default" type="submit"> <img src="img/search.svg" alt="go" class="search"> </button> </span> <input id="search_mobile" type="text" class="form-control" placeholder="Search"> <span class="clearer form-control-feedback">✖</span> </div> </form> </div> </div> <!-- search pop up for mobiles --> <nav class="navbar navbar-default"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" id="sidebarCollapse" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="mobile-cart-search hidden-sm hidden-md hidden-lg"> <img src="img/search.svg" alt="search" class="openBtn search" id="open-m-search"> <a href="shopping_cart.html">My Cart</a> </div> <a class="navbar-brand" href="index.html"><img src="img/logo.svg" alt="logo" class="img-responsive"></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse"> <ul class="nav navbar-nav navbar-right hidden-xs"> <li class="active hidden-sm"><a href="index.html">Home</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Fabrics <img src="img/arrow-down.png" alt="caret" class="caret-c"></a> <ul class="dropdown-menu"> <li><a href="/fabric.html">Fabric Gallery</a></li> <li><a href="/fabric_details.html">Samples</a></li> <li><a href="#">Fabric by the Yard</a></li> <li><a href="#">Brands</a></li> <li><a href="#">Customer Supplied Fabric</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Products <img src="img/arrow-down.png" alt="caret" class="caret-c"></a> <ul class="dropdown-menu"> <li><a href="product_bench.html">Bench Cushion</a></li> <li><a href="product_chair_lounge.html">Lounge Chair Cushion Set</a></li> <li><a href="product_seat.html">Seat Cushion</a></li> <li><a href="product_chaise_lounge.html">Chaise Lounge Cushion Set</a></li> <li><a href="product_love.html">Love Seat Cushion Set</a></li> <li><a href="product_sofa.html">Sofa Cushion Set</a></li> <li><a href="product_glider_swing.html">Glider Cushion</a></li> <li><a href="product_swing.html">Swing Cushion</a></li> <li><a href="product_bed.html">Day Bed Cushion</a></li> <li><a href="product_ottoman.html">Ottoman Cushion</a></li> <li><a href="product_window_seat.html">Window Seat Cushion</a></li> <li><a href="product_throw_pillow.html">Throw Pillow</a></li> <li><a href="product_pillow_outlines.html">Lumbar Pillow</a></li> <li><a href="product_bolster.html">Bolster Pillow</a></li> </ul> </li> <li><a href="gallery.html">Gallery</a></li> <li class="active"><a href="about_us.html">About Us</a></li> <li class="hidden-sm"><a href="testimonials.html">Testimonials</a></li> <li><a href="sale.html">Sale</a></li> <li class="hidden-sm"><a href="answers.html">FAQs</a></li> <li class="hidden-sm"><a href="blog-archive.html">Blog</a></li> <li><a href="wholesale.html">Wholesale</a></li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <!-- sidebar nav --> <nav id="sidebar" class="hidden-md hidden-lg"> <div class="sidebar-header text-right"> <a href="login.html">Login</a> or <a href="login.html">Register</a> </div> <ul class="list-unstyled components"> <li class="active"> <a href="/index.html">Home</a> </li> <li> <a href="#pageSubmenu" data-toggle="collapse" aria-expanded="false">Fabrics</a> <ul class="collapse list-unstyled" id="pageSubmenu"> <li><a href="/fabric.html">Fabric Gallery</a></li> <li><a href="/fabric_details.html">Samples</a></li> <li><a href="#">Fabric by the Yard</a></li> <li><a href="#">Brands</a></li> <li><a href="#">Customer Supplied Fabric</a></li> </ul> </li> <li> <a href="#pageSubmenu1" data-toggle="collapse" aria-expanded="false">Products</a> <ul class="collapse list-unstyled" id="pageSubmenu1"> <li><a href="product_bench.html">Bench Cushion</a></li> <li><a href="product_chair_lounge.html">Lounge Chair Cushion Set</a></li> <li><a href="product_seat.html">Seat Cushion</a></li> <li><a href="product_chaise_lounge.html">Chaise Lounge Cushion Set</a></li> <li><a href="product_love.html">Love Seat Cushion Set</a></li> <li><a href="product_sofa.html">Sofa Cushion Set</a></li> <li><a href="product_glider_swing.html">Glider Cushion</a></li> <li><a href="product_swing.html">Swing Cushion</a></li> <li><a href="product_bed.html">Day Bed Cushion</a></li> <li><a href="product_ottoman.html">Ottoman Cushion</a></li> <li><a href="product_window_seat.html">Window Seat Cushion</a></li> <li><a href="product_throw_pillow.html">Throw Pillow</a></li> <li><a href="product_pillow_outlines.html">Lumbar Pillow</a></li> <li><a href="product_bolster.html">Bolster Pillow</a></li> </ul> </li> <li><a href="gallery.html">Gallery</a></li> <li class="active"><a href="about_us.html">About Us</a></li> <li><a href="testimonials.html">Testimonials</a></li> <li><a href="sale.html">Sale</a></li> <li><a href="answers.html">FAQs</a></li> <li><a href="blog-archive.html">Blog</a></li> <li><a href="wholesale.html">Wholesale</a></li> </ul> <div class="phone-wr"> <a href="tel:1-877-505-0012">1-877-505-0012</a> </div> </nav> <div class="overlay hidden-md hidden-lg"></div> <!-- sidebar nav --> <header class="container full-container-product"> <div class="header-image"> <div class="head-title-1"> <h2 class="head-t-1 text-right hidden-sm hidden-xs"> Best Quality on the Market! </h2> </div> <div></div> <div class="head-title-2"> <h1 class="head-t-2 text-uppercase"> Sale </h1> </div> </div> <ol class="breadcrumb breadcrumb-custom hidden-xs"> <li><a href="#">Home</a></li> <li><a href="#">Sale</a></li> <li class="active">Details</li> </ol> </header> <article class="container container-calc-gaps"> <div class="row"> <div class="col-sm-6 col-md-6 col-lg-5"> <img src="img/pillow-single-big.jpg" alt="pillow-name" class="img-responsive pillow-big"> </div> <div class="col-sm-6 col-md-5 col-lg-4"> <div class="browser-eq-height"> <h2 class="single-title"><span class="text-bold">Pillow:</span> 18x18</h2> <p class="single-info"><span class="text-bold">Fabrics:</span> Sunbrella Connect Fusion</p> <p class="single-info"><span class="text-bold">Usage:</span> Indoor, Outdoor</p> <p class="single-info"><span class="text-bold">Pattern:</span> Pattern</p> <p class="single-info"><span class="text-bold">Color:</span> Blue, Gray, Green, Orange, Yellow</p> <p class="single-info"><span class="text-bold">Brand:</span> Sunbrella</p> <p class="single-info"><span class="text-bold">Material:</span> 100% Acrylic</p> <p class="single-info"><span class="text-bold">Quantity Left:</span> 3</p> <p class="single-info text-strike"><span class="text-bold">Regular Price:</span>$39.95</p> <p class="single-info gap-top-m"><span class="text-bold">Sale Price:</span><span class="text-brown text-bold"> $19.95</span></p> </div> <p class="single-info dont-miss-gaps"><span class="text-brown">Don't miss out. Only 2 left</span></p> <div class="qty-line"> <span class="qty">Qty:</span> <span><input id="number" type="number" name="qty" min="1" value="1"></span> </div> <button class="btn-single btn-add-to-cart">Add to Cart</button> </div> </div> <div class="row"> <div class="col-md-12"> <h3 class="some-else-title text-center">THESE PRODUCTS MIGHT INTEREST YOU</h3> <p class="some-else-subtitle text-center">This 18” x 18” pillow is available in the following 76 fabrics:</p> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-1.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 24” x 24”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 1</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-2.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 18” x 18”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 3</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-3.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 24” x 24”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 1</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-4.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 24” x 24”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 1</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-4.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 24” x 24”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 1</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-1.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 24” x 24”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 1</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-2.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 18” x 18”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 3</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-3.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 24” x 24”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 1</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-4.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 24” x 24”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 1</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-4.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 24” x 24”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 1</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-1.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 24” x 24”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 1</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-2.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 18” x 18”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 3</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-3.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 24” x 24”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 1</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-4.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 24” x 24”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 1</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> <div class="col-md-5ths col-sm-4 col-xs-6 hidden-xs col-padd-shorter"> <div class="pillow-result-item"> <a href="#"> <img src="img/pillow-4.jpg" alt="pillow-name" class="img-responsive"> </a> <h3 class="pillow-title text-center">Pillow: 24” x 24”</h3> <p class="pillow-price text-center"><span class="text-strike">$79.55</span> $39.95</p> <p class="pillow-price text-center">Quantity Left: 1</p> <button class="btn-add-to-cart">Add to Cart</button> </div> </div> </div> </article> <footer class="fluid-footer"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-6"> <div class="set-gap-1"> <h6 class="footer-title text-uppercase">SITEMAP</h6> <ul class="list-unstyled"> <li><a href="#">Home</a></li> <li><a href="#">Pillow Search</a></li> <ul class="list-unstyled"> <li><a href="#">Choose by Size</a></li> <li><a href="#">Choose by Pattern</a></li> <li><a href="#">Choose by Color</a></li> </ul> <li><a href="#">Indoor</a></li> <li><a href="#">Outdoor</a></li> <li><a href="#">Outdoor</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> </div> <div class="col-md-2 col-sm-3 col-xs-6"> <div class="set-gap-2"> <h6 class="footer-title text-uppercase">Company</h6> <ul class="list-unstyled"> <li><a href="#">About Us</a></li> <li><a href="#">Our Guarantee</a></li> <li><a href="#">Terms & Conditions</a></li> <li><a href="#">Shipping Policy</a></li> <li><a href="#">Privacy Policy</a></li> <li><a href="#">Return Policy</a></li> <li><a href="#">FAQs</a></li> </ul> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="set-gap-3"> <h6 class="footer-title footer-title-m text-uppercase footer-center-xs">Payment Methods</h6> <img src="img/paymets_methods.png" alt="payment_methods" class="img-responsive p-methods"> <h6 class="footer-title footer-title-m text-uppercase footer-center-xs">Shipping Methods</h6> <div class="ship-met-wr"> <img src="img/FedEx.png" alt="fedex" class="img-responsive"> <img src="img/USPostalService.png" alt="us_postal_service" class="img-responsive"> </div> <h6 class="footer-title footer-title-m text-uppercase footer-center-xs">Customer Service</h6> <h6 class="footer-title phone-support footer-title-m text-uppercase footer-center-xs">Telephone Support:</h6> <a href="tel:1-877-505-0012" class="suport-call footer-center-xs">1-877-505-0012</a> <p class="footer-p footer-center-xs">Mon-Fri: 8:30am - 5:00pm EST</p> </div> </div> <div class="col-md-3 col-sm-12 col-xs-12"> <div class="set-gap-4"> <h6 class="footer-title text-uppercase footer-title-center">Connect with us</h6> <div class="social-row"> <a href="#"><img src="img/ifacebook.svg" alt="facebook" class="i-soc"></a> <a href="#"><img src="img/iinstagram.svg" alt="instagram" class="i-soc"></a> <a href="#"><img src="img/itwitter.svg" alt="twitter" class="i-soc"></a> <a href="#"><img src="img/ipinterest.svg" alt="pinterest" class="i-soc"></a> <a href="#"><img src="img/igoogle.svg" alt="google-plus" class="i-soc"></a><a href="#"><img src="img/isomebrand.svg" alt="social" class="i-soc"></a> </div> <h6 class="footer-title text-uppercase footer-center">Address</h6> <p class="footer-p m-top-3 footer-center">21424 North 7th Ave. Suite 6.</p> <p class="footer-p m-top-3 footer-center">Phoenix AZ 85027</p> <p class="footer-p m-top-3 footer-center"><a href="mailto:sales@pillowonsale.com">sales@pillowonsale.com</a> </p> <h6 class="footer-title m-top-25 text-uppercase footer-center">TOLL FREE</h6> <p class="footer-p footer-center"><a href="tel:1-877-505-0012">1-877-505-0012</a></p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <p class="text-center reserved">© Copyright 2018 Custom Cushion of Arizona. All Rights Reserved.</p> </div> </div> </div> </footer> <!-- chat --> <div class="flex-chat-wr"> <h3 class="text-uppercase">Chat Now!</h3> <img src="img/chat-message.svg" alt="chat" class="chat-img"> </div> <!-- chat --> <!-- include scripts/non-important styles --> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/malihu-custom-scrollbar-plugin/3.1.5/jquery.mCustomScrollbar.concat.min.js"></script> <script src="js/bootstrap.min.js"></script> <!-- slick-carousel --> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css"/> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script> <!-- slick-carousel --> <script src="js/common.js"></script> <!-- include scripts/non-important styles --> </body> </html>Save