Edit file File name : login.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="login"><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><!-- sidebar filter --><nav id="sidebar_filter" class="hidden-md hidden-lg"> <h2 class="title-account text-uppercase">My Account</h2> <ul class="list-unstyled account-submenu"> <li><a href="#">Account Settings</a></li> <li><a href="#">Order Tracking and History</a></li> <li><a href="#">Special Offers</a></li> <li class="active"><a href="#">Wishlist</a></li> </ul></nav><div class="overlay_filter hidden-md hidden-lg"></div><!-- sidebar filter --><div class="overlay hidden-md hidden-lg"></div><!-- sidebar nav --><header class="container full-container"> <div class="title-highlighter text-right gap-top-10">Best Quality on the Market!</div></header><article class="container container-calc-gaps"> <div class="login-flex-wr"> <form action="#"> <h2 class="b-methods text-bold text-center text-uppercase">Login</h2> <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> <p class="make-account-link text-center hidden-sm hidden-md hidden-lg"> Don’t Have an Account? <a href="#">Join Now!</a> </p> </form> <form action="#"> <h2 class="b-methods text-bold text-center text-uppercase">Create an Account</h2> <div class="form-group"> <label for="create_username" class="input-label">Email Address</label> <input type="email" class="form-control" id="create_username"> </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_password" class="input-label">Confirm password</label> <input type="password" class="form-control" id="confirm_password"></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> </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 --><script src="js/login.js"></script><!-- include scripts/non-important styles --></body></html>Save