Edit file File name : index.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>Home</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="home"> <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="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"> <div class="header-container"> <div class="header-text-wr"> <h1 class="text-center text-uppercase the-title">Indoor/Outdoor Cushions and Pillows</h1> <div class="white-divider hidden-xs hidden-sm"></div> <h3 class="the-subtitle text-center hidden-xs">Best Quality on the Market!</h3> </div> </div> </header> <div class="container full-container"> <div class="green-highlighter"> <h2 class="text-center"><span class="hidden-xs">Dry Fast Foam!</span><span class="hidden-sm hidden-xs">Sunbrella fabrics!</span> Top Quality <span class="hidden-sm hidden-md hidden-lg">Dry Fast Foam!</span> <span class="hidden-xs"> Material and Construction!</span> Made in USA!</h2> </div> </div> <div class="container hidden-xs"> <div class="trusted-highlighter"> <div class="row"> <p class="text-capitalize trusted green-color">Trusted by:</p> <img src="img/Google.png" alt="google" class="img-responsive"> <img src="img/marriott.png" alt="marriott" class="img-responsive"> <img src="img/RitzCarlton.png" alt="RitzCarlton" class="img-responsive"> <img src="img/Montelucia.png" alt="Montelucia" class="img-responsive"> <img src="img/TatumRanch.png" alt="TatumRanch" class="img-responsive"> </div> </div> </div> <article class="container"> <h2 class="most-pop-title blue-color text-uppercase text-center">Most Popular Cushions</h2> <div class="row"> <div class="col-md-4 col-sm-6"> <a href="#"> <img src="img/cushion-1.jpg" alt="cushions" class="img-responsive cushions"> </a> <a href="#" class="most-pop-item-txt text-uppercase text-center">Bench/Window Cushions</a> </div> <div class="col-md-4 col-sm-6"> <a href="#"> <img src="img/cushion-1.jpg" alt="cushions" class="img-responsive cushions"> </a> <a href="#" class="most-pop-item-txt text-uppercase text-center">Bolster Pillows</a> </div> <div class="col-md-4 col-sm-6"> <a href="#"> <img src="img/cushion-1.jpg" alt="cushions" class="img-responsive cushions"> </a> <a href="#" class="most-pop-item-txt text-uppercase text-center">Chaise Lounge Cushion</a> </div> <div class="col-md-4 col-sm-6"> <a href="#"> <img src="img/cushion-1.jpg" alt="cushions" class="img-responsive cushions"> </a> <a href="#" class="most-pop-item-txt text-uppercase text-center">Lounge Chair Cushion</a> </div> <div class="col-md-4 col-sm-6"> <a href="#"> <img src="img/cushion-1.jpg" alt="cushions" class="img-responsive cushions"> </a> <a href="#" class="most-pop-item-txt text-uppercase text-center">Love Seat Cushion Set</a> </div> <div class="col-md-4 col-sm-6"> <a href="#"> <img src="img/cushion-1.jpg" alt="cushions" class="img-responsive cushions"> </a> <a href="#" class="most-pop-item-txt text-uppercase text-center">Lumbar Pillow</a> </div> <div class="col-md-4 col-sm-6"> <a href="#"> <img src="img/cushion-1.jpg" alt="cushions" class="img-responsive cushions"> </a> <a href="#" class="most-pop-item-txt text-uppercase text-center">One Piece Lounge Chair</a> </div> <div class="col-md-4 col-sm-6"> <a href="#"> <img src="img/cushion-1.jpg" alt="cushions" class="img-responsive cushions"> </a> <a href="#" class="most-pop-item-txt text-uppercase text-center">Ottoman Cushion</a> </div> <div class="col-md-4 col-sm-6"> <a href="#"> <img src="img/cushion-1.jpg" alt="cushions" class="img-responsive cushions"> </a> <a href="#" class="most-pop-item-txt text-uppercase text-center">Seat Cushion</a> </div> <div class="col-md-4 col-sm-6"> <a href="#"> <img src="img/cushion-1.jpg" alt="cushions" class="img-responsive cushions"> </a> <a href="#" class="most-pop-item-txt text-uppercase text-center">Sofa Cushion Set</a> </div> <div class="col-md-4 col-sm-6"> <a href="#"> <img src="img/cushion-1.jpg" alt="cushions" class="img-responsive cushions"> </a> <a href="#" class="most-pop-item-txt text-uppercase text-center">Throw Pillow</a> </div> <div class="col-md-4 col-sm-6"> <a href="#"> <img src="img/cushion-1.jpg" alt="cushions" class="img-responsive cushions"> </a> <a href="#" class="most-pop-item-txt text-uppercase text-center">Window Seat Cushions</a> </div> </div> </article> <section class="container full-container"> <div class="grey-highlighter"> <h2 class="testimonials-title blue-color text-uppercase text-center">Customer testimonials</h2> <!-- testimonials --> <div class="slick-carousel"> <div class="item"> <a href="testimonials.html"> <img src="img/testimonial-1.jpg" alt="testimonial"> </a> <p class="testimonial-txt text-justify">“I couldn't be happier about the cushions. They not only look great but are just as comfortable. I'm looking forward to getting many years of life out of them.</p> <p class="testimonial-txt text-justify">Thanks for such a quick job. I'm going to tell everyone at work and am scheduling a party to show them off.”</p> <p class="testimonial-author text-right">~ Richie, AZ</p> </div> <div class="item"> <a href="testimonials.html"> <img src="img/testimonial-2.jpg" alt="testimonial"> </a> <p class="testimonial-txt text-justify">“The cushion arrived today and I am very happy with it. It is beautifully made and fits very well. I would recommend your company to others!. --- Thank you so much.”</p> <p class="testimonial-author text-right">~ Leza, Maine</p> </div> <div class="item"> <a href="testimonials.html"> <img src="img/testimonial-3.jpg" alt="testimonial"> </a> <p class="testimonial-txt text-justify">“I just received the cushion on 3-26-13. It is perfect size and shape and the fabric is beautiful. My thanks to all. I could not be happier with it.”</p> <p class="testimonial-author text-right">~ Sandy, MI</p> </div> <div class="item"> <a href="testimonials.html"> <img src="img/testimonial-1.jpg" alt="testimonial"> </a> <p class="testimonial-txt text-justify">“I couldn't be happier about the cushions. They not only look great but are just as comfortable. I'm looking forward to getting many years of life out of them.</p> <p class="testimonial-txt text-justify">Thanks for such a quick job. I'm going to tell everyone at work and am scheduling a party to show them off.”</p> <p class="testimonial-author text-right">~ Richie, AZ</p> </div> <div class="item"> <a href="testimonials.html"> <img src="img/testimonial-2.jpg" alt="testimonial"> </a> <p class="testimonial-txt text-justify">“The cushion arrived today and I am very happy with it. It is beautifully made and fits very well. I would recommend your company to others!. --- Thank you so much.”</p> <p class="testimonial-author text-right">~ Leza, Maine</p> </div> </div> <!-- testimonials --> </div> </section> <section class="container"> <div class="trusted-highlighter partners"> <h2 class="testimonials-title blue-color text-center text-uppercase">Our Partners</h2> <div class="row row-broader"> <div class="flex-divide-patners flex-divide-patners-right "> <img src="img/Sunbrella.png" alt="sunbrella" class="img-responsive"> <img src="img/Tempotest.png" alt="tempotest" class="img-responsive"> </div> <div class="flex-divide-patners"> <img src="img/Outdura.png" alt="outdura" class="img-responsive"> <img src="img/RobertAllen.png" alt="robertallen" class="img-responsive"> </div> </div> </div> </section> <section class="container newsletter-highlighter-container"> <div class="newsletter-highlighter"> <h2 class="testimonials-title blue-color text-center text-uppercase">Subscribe To Newsletter</h2> <div class="input-group"> <input type="email" class="form-control" placeholder="Your email address"> <span class="input-group-btn"> <button class="btn btn-default" type="button">SIGN UP</button> </span> </div><!-- /input-group --> <p class="txt-under-newsletter text-center hidden-xs">Sign up For Exclusive Updates, New Arrivals And Insider-Only Discount.</p> </div> </section> <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/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@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