Edit file File name : checkout.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>Product</title> <link rel="stylesheet" href="styles/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css"/> <link rel="stylesheet" href="styles/styles.css"> </head> <body class="bolster cart checkout"> <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> <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" class="search" alt="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> </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" class="search" alt="go"> </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="#">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="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><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"> <div class="title-highlighter text-right gap-top-20">Best Quality on the Market!</div> <ol class="breadcrumb breadcrumb-custom hidden-xs"> <li><a href="#">Home</a></li> <li><a href="#">Lounge chair cushion</a></li> <li class="active">Checkout</li> </ol> </header> <article class="container container-calc-gaps"> <div class="nav nav-tabs nav-flex-checkout" role="tablist"> <a href="#login" role="presentation" class="radio checkout-radio" aria-controls="login" role="tab" data-toggle="tab"> <input id="login-input" name="filling" type="radio" data-checkout="login"> <label for="login-input" class="radio-label">Login</label> </a> <a href="#create_account" role="presentation" class="radio checkout-radio" aria-controls="login" role="tab" data-toggle="tab"> <input id="account-input" name="filling" type="radio" data-checkout="create_account"> <label for="account-input" class="radio-label">Create an Account</label> </a> <a href="#guest" role="presentation" class="radio checkout-radio" aria-controls="guest" role="tab" data-toggle="tab"> <input id="guest-input" name="filling" type="radio" data-checkout="guest"> <label for="guest-input" class="radio-label">Checkout as a Guest</label> </a> </div> <div class="tab-content"> <div role="tabpanel" class="tab-pane fade" id="login"> <div class="content-flex-checkout"> <div class="content-column"> <p class="checkout-txt-description text-justify">If you have shopped with us before, please enter your details in the boxes below. If you are a new customer please proceed to the Billing & Shipping section. </p> <!-- login form --> <form> <div class="form-group"> <label for="username" class="input-label">Username or email*</label> <input type="email" class="form-control" id="username"> </div> <div class="form-group"> <label for="password" class="input-label">Password*</label> <input type="password" class="form-control" id="password"></div> <div class="flex-start-checkout"> <button type="submit" class="btn btn-default text-bold text-uppercase">Login</button> <div class="radio checkout-radio"> <input id="remember_me" name="remember_me" type="radio"> <label for="remember_me" class="radio-label">Remember Me</label> </div> </div> <a href="#" class="forgot-pass">Forgot your password?</a> </form><!-- login form --> </div> </div> </div> <!-- Create an account tab --> <div role="tabpanel" class="tab-pane" id="create_account"> <div class="content-flex-checkout create_account"> <!-- Register form --> <div class="content-column second"> <p class="checkout-txt-description text-justify">If you have shopped with us before, please enter your details in the boxes below. If you are a new customer please proceed to the Billing & Shipping section. </p> <form> <div class="form-group"> <label for="email" class="input-label">Email Address</label> <input type="email" class="form-control" id="email"> </div> <div class="form-group"> <label for="create_password" class="input-label">Create a password</label> <input type="password" class="form-control" id="create_password"> </div> <div class="form-group"> <label for="confirm" class="input-label">Confirm password</label> <input type="password" class="form-control" id="confirm"> </div> <label class="case">I agree to Terms and Conditions <input type="checkbox" name=""> <span class="checkmark"></span> </label> <label class="case">Subscribe to our newsletter <input type="checkbox" name=""> <span class="checkmark"></span> </label> <div class="flex-start-checkout"> <button type="submit" class="btn btn-default text-bold text-uppercase">Create account</button> </div> </form> <!-- Register form --> </div> </div> </div> <!-- Create an account tab --> <div role="tabpanel" class="tab-pane fade" id="guest"></div> <!-- constant content for all tabs --> <div class="row top-gap-20"> <div class="col-xs-12 col-sm-6 col-md-6 col-less-width-1"> <h2 class="b-methods text-bold text-uppercase">Billing Details</h2> <p class="country">Country</p> <p class="country-name text-semibold">United States (US)</p> <div class="two-inline-input-wr"> <div class="form-group checkout-input"> <label for="firstname" class="input-label">First Name *</label> <input type="text" class="form-control" id="firstname"> </div> <div class="form-group checkout-input"> <label for="lastname" class="input-label">Last Name *</label> <input type="text" class="form-control" id="lastname"> </div> </div> <div class="form-group checkout-input"> <label for="company" class="input-label">Company Name</label> <input type="text" class="form-control" id="company"> </div> <div class="form-group checkout-input"> <label for="address1" class="input-label">Address *</label> <input type="text" class="form-control" id="address1" placeholder="Street Adress"> <input type="text" class="form-control top-gap-10" id="address2" placeholder="Apartment, suite, unit etc. (optional)"> </div> <div class="form-group checkout-input"> <label for="town" class="input-label">Town / City *</label> <input type="text" class="form-control" id="town"> </div> <div class="two-inline-input-wr gap-top-0"> <div class="form-group checkout-input"><label for="state" class="input-label">State *</label> <select name="state" id="state"> <option value="" selected hidden disabled>Select an optional</option> <option value="Canada">Canada</option> <option value="Mexico">Mexico</option> <option value="Panama">Panama</option> <option value="Barbados">Barbados</option> <option value="Cuba">Cuba</option> </select> </div> <div class="form-group checkout-input ziptwo"><label for="zip" class="input-label">Zip *</label> <input type="text" class="form-control" id="zip"> </div> </div> <div class="two-inline-input-wr gap-top-0"> <div class="form-group checkout-input"> <label for="email_address" class="input-label">Email address *</label> <input type="email" class="form-control" id="email_address"> </div> <div class="form-group checkout-input"> <label for="phone" class="input-label">Phone *</label> <input type="text" class="form-control" id="phone"> </div> </div> <div class="hidden-sm hidden-md hidden-lg"> <label class="case text-bold different_label to_expand_ship_different">Ship to a Different Address? <input type="checkbox" name=""> <span class="checkmark"></span> </label> <!-- expander for login/create account option --> <div class="expander_different_ship_standard"><p class="country">Country</p> <p class="country-name text-semibold">United States (US)</p> <div class="two-inline-input-wr"> <div class="form-group checkout-input"> <label for="firstname_mobile_diff" class="input-label">First Name *</label> <input type="text" class="form-control" id="firstname_mobile_diff"> </div> <div class="form-group checkout-input"> <label for="lastname_mobile_diff" class="input-label">Last Name *</label> <input type="text" class="form-control" id="lastname_mobile_diff"> </div> </div> <div class="form-group checkout-input"> <label for="company_mobile_diff" class="input-label">Company Name</label> <input type="text" class="form-control" id="company_mobile_diff"> </div> <div class="form-group checkout-input"> <label for="address_1_mobile" class="input-label">Address *</label> <input type="text" class="form-control" id="address_1_mobile" placeholder="Street Adress"> <input type="text" class="form-control top-gap-10" id="address_2_mobile" placeholder="Apartment, suite, unit etc. (optional)"> </div> <div class="form-group checkout-input"><label for="town_mobile" class="input-label">Town / City*</label> <input type="text" class="form-control" id="town_mobile"> </div> <div class="two-inline-input-wr gap-top-0"> <div class="form-group checkout-input"> <label for="state_desktop" class="input-label">State *</label> <select name="state" id="state_mobile"> <option value="" selected hidden disabled>Select an optional</option> <option value="Canada">Canada</option> <option value="Mexico">Mexico</option> <option value="Panama">Panama</option> <option value="Barbados">Barbados</option> <option value="Cuba">Cuba</option> </select> </div> <div class="form-group checkout-input ziptwo"> <label for="zip_mobile" class="input-label">Zip *</label> <input type="text" class="form-control" id="zip_mobile"> </div> </div> </div> <!-- expander for login/create account option --> <!-- expander for guest option --> <div class="expander_different_ship_guest"> <div class="form-group checkout-input"> <label for="notes_diff" class="input-label">Order Notes</label> <textarea name="notes" class="notes" id="notes_diff"></textarea> </div> </div> <!-- expander for guest option --> </div> <h2 class="b-methods text-bold text-uppercase top-gap-35">Order Total</h2> <div class="ord-total-wr"> <div class="ord-t-head grey-bg-line"><span class="text-semibold txt16">Product</span> <span class="text-semibold gap-total-order">Total</span> </div> <div class="ord-t-head"> <span class="text-semibold txt16 ord-gap-0">Sofa CusHion Set:</span> <span class="gap-total-order pad-right-5">$314</span> </div> <p class="ord-gap-0">Item: CR 134-67-97</p> <p class="ord-gap-0">Type: Furniture</p> <p class="ord-gap-0">Sub-Type: Sofa Set</p> <p class="ord-gap-0">Need: Filling and Cover</p> <p class="ord-gap-0">Seat Filling: standard/Firm</p> <p class="ord-gap-0">Back Filling: standard/Firm</p> <p class="ord-gap-0">Seats: 2</p> <p class="ord-gap-0">Backs: 3</p> <p class="ord-gap-0">Shape: Rectangular</p> <p class="ord-gap-0">Ties: 2</p> <p class="ord-gap-0">Seat Width: 20</p> <p class="ord-gap-0">Seat Depth: 10</p> <p class="ord-gap-0">Seat Thikness: 5</p> <p class="ord-gap-0">Back Width: 20</p> <p class="ord-gap-0">Back Height: 10</p> <p class="ord-gap-0">Back Thikness: 5</p> <p class="ord-gap-0">Fabric: Own Fabric</p> <p class="ord-gap-0">Direction: Vertical</p> <p class="ord-gap-0 ord-bottom-bord">Style: Self Welt 2</p> <div class="ord-t-head white-bg-line ord-bottom-bord"> <span class="text-semibold txt16">Subtotal:</span> <span class="text-semibold gap-total-order txt16">$314</span> </div> <div class="ord-t-head white-bg-line ord-bottom-bord"> <span class="text-semibold txt16">Taxes & Fees:</span> <span class="txt16 gap-total-order">$0.00</span> </div> <div class="ord-t-head ord-t-head-bigger white-bg-line ord-bottom-bord"> <div> <span class="text-semibold txt16">Shipping:</span> <span class="txt14 top-gap-4">Ship Fully Assembled:</span> </div> <span class="txt16 gap-total-order">$0.00</span> </div> <div class="ord-t-head white-bg-line grey-bg-line"> <span class="text-semibold txt16">Total:</span> <span class="text-semibold gap-total-order">$319.50</span> </div> </div> <p class="gap-zero hidden-xs"> <span class="text-semibold">Estimated Shipping Date for Custom Orders: </span> Jun 13,2018. </p> <p class="hidden-xs"> <span class="text-semibold">Estimated Shipping Date for Fabric Orders and Fabric Samples: </span>May 29, 2018. </p> <div class="ord-total-wr top-gap-35"> <h2 class="b-methods text-bold left-20 text-uppercase">Payment Methods</h2> <div class="flex-start-credit top-gap-20 bottom-gap-20"> <span class="text-bold left-20">Credit Card:</span> <img src="img/paymets_methods.png" alt="credit-cards" class="img-responsive"> </div> <p class="left-20">Pay securely using your credit card</p> <div class="flex-credit-numb"> <div class="form-group checkout-input"> <label for="credit_number_desktop" class="input-label">Credit Card Number *</label> <input type="text" class="form-control" id="credit_number_desktop" maxlength="19"></div> <div class="form-group checkout-input"> <label for="exp_month" class="input-label">Expiration Date *</label> <select name="exp_month" id="exp_month"> <option value="" selected="" hidden="" disabled="">Month</option> <option value="January">January</option> <option value="February">February</option> <option value="March">March</option> <option value="April">April</option> <option value="May">May</option> <option value="January">June</option> <option value="February">July</option> <option value="March">August</option> <option value="April">September</option> <option value="May">October</option> <option value="January">November</option> <option value="February">December</option> </select> </div> <div class="form-group checkout-input"> <select name="exp_year" id="exp_year"> <option value="" selected="" hidden="" disabled="">Year</option> <option value="January">2018</option> <option value="February">2019</option> <option value="March">2020</option> <option value="April">2021</option> <option value="May">2022</option> <option value="January">2023</option> <option value="February">2024</option> <option value="March">2025</option> <option value="April">2026</option> <option value="May">2027</option> <option value="January">2028</option> <option value="February">2029</option> </select> </div> </div> <div class="form-group checkout-input padd-both-hor-20"> <label for="security_code" class="input-label">Card Security Code *</label> <input type="text" class="form-control" id="security_code" maxlength="3"> </div> <div class="flex-start-checkout left-20 bottom-gap-20"> <button type="submit" class="btn btn-default text-bold text-uppercase">Purchase</button> </div> </div> <label class="case normal-weight">I’ve read and accept the terms & conditions <input type="checkbox" name=""> <span class="checkmark"></span> </label> </div> <div class="col-xs-12 col-sm-6 col-md-6 col-less-width-2 hidden-xs"> <label class="case text-bold different_label to_expand_ship_different">Ship to a Different Address? <input type="checkbox" name=""> <span class="checkmark"></span> </label> <!-- expander for login/create account option --> <div class="expander_different_ship_standard"><p class="country">Country</p> <p class="country-name text-semibold">United States (US)</p> <div class="two-inline-input-wr"> <div class="form-group checkout-input"> <label for="firstname_desktop_diff" class="input-label">First Name *</label> <input type="text" class="form-control" id="firstname_desktop_diff"> </div> <div class="form-group checkout-input"> <label for="lastname_desktop_diff" class="input-label">Last Name *</label> <input type="text" class="form-control" id="lastname_desktop_diff"> </div> </div> <div class="form-group checkout-input"> <label for="company_desktop_diff" class="input-label">Company Name</label> <input type="text" class="form-control" id="company_desktop_diff"> </div> <div class="form-group checkout-input"> <label for="address_1_desktop" class="input-label">Address *</label> <input type="text" class="form-control" id="address_1_desktop" placeholder="Street Adress"> <input type="text" class="form-control top-gap-10" id="address_2_desktop" placeholder="Apartment, suite, unit etc. (optional)"> </div> <div class="form-group checkout-input"><label for="town_desktop" class="input-label">Town / City*</label> <input type="text" class="form-control" id="town_desktop"> </div> <div class="two-inline-input-wr gap-top-0"> <div class="form-group checkout-input"> <label for="state_desktop" class="input-label">State *</label> <select name="state" id="state_desktop"> <option value="" selected hidden disabled>Select an optional</option> <option value="Canada">Canada</option> <option value="Mexico">Mexico</option> <option value="Panama">Panama</option> <option value="Barbados">Barbados</option> <option value="Cuba">Cuba</option> </select> </div> <div class="form-group checkout-input ziptwo"> <label for="zip_desktop" class="input-label">Zip *</label> <input type="text" class="form-control" id="zip_desktop"> </div> </div> </div> <!-- expander for login/create account option --> <!-- expander for guest option --> <div class="expander_different_ship_guest"> <div class="form-group checkout-input"> <label for="notes_guest_diff" class="input-label">Order Notes</label> <textarea name="notes" class="notes" id="notes_guest_diff"></textarea> </div> </div> <!-- expander for guest option --> </div> </div> <!-- constant content for all tabs --> </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">Products</h6> <ul class="list-unstyled"> <li><a href="#">Bench Window Cushion</a></li> <li><a href="#">Bolster Pillows</a></li> <li><a href="#">Chase Lounge Cushion</a></li> <li><a href="#">Lounge Chair Cushion</a></li> <li><a href="#">Love Seat Cushion Set</a></li> <li><a href="#">Lumbar Pillow</a></li> <li><a href="#">One Piece Lounge Chair</a></li> <li><a href="#">Ottoman Cushion</a></li> <li><a href="#">Seat Cushion</a></li> <li><a href="#">Sofa Cuishion Set</a></li> <li><a href="#">Throw Pillow</a></li> <li><a href="#">Window Seat Cushions</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.html">About Us</a></li> <li><a href="fabric.html">Fabrics</a></li> <li><a href="#">Our Products</a></li> <li><a href="testimonials.html">Testimonials</a></li> <li><a href="sale.html">Sale</a></li> <li><a href="wholesale.html">Wholesale</a></li> <li><a href="contact_us.html">Contact Us</a></li> <li><a href="#">Our Guarantee</a></li> <li><a href="#">Terms & Conditions</a></li> <li><a href="#">Privacy Policy</a></li> <li><a href="#">Return Policy</a></li> <li><a href="answers.html">FAQs</a></li> <li><a href="#">Sitemap</a></li> <li><a href="account.html">My Account</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/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@arizonacustomcushions.com">sales@arizonacustomcushions.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