"template"
Bootstrap 4.1.1 Snippet by evarevirus

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="shortcut icon" type="image/x-icon" href="https://static.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico" /> <link rel="mask-icon" type="" href="https://static.codepen.io/assets/favicon/logo-pin-8f3771b1072e3c38bd662872f6b673a722f4b3ca2421637d5596661b4e2132cc.svg" color="#111" /> <title>CodePen - contant page</title> <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'> <link rel='stylesheet' href='https://fonts.googleapis.com/icon?family=Material+Icons'> <style> /*MAIN*/ section { margin: 4em 0; } section:first-child { margin-top: 0; } /*LEFT NAV BAR*/ .cf-left-nav-bar h2 { font-size: 16px; text-transform: uppercase; } .cf-left-nav-bar ul { list-style: none; margin-left: 0; padding-left: 0; } .cf-left-nav-bar ul li { color: #9b9b9b; margin: 2em 0; } .cf-left-nav-bar ul li:last-child { margin-bottom: 3em; } .cf-left-nav-bar ul li a { color: #9b9b9b; } .cf-left-nav-bar ul li a > span, .cf-left-nav-bar ul li a > div { display: inline-block; } /*CTAs*/ .cf-contact-cta-box-inside { box-shadow: 1px 3px 5px 0 rgba(0, 0, 0, 0.29); color: #000; padding: 2em; text-align: center; text-transform: uppercase; } .cf-contact-cta-box a:hover { text-decoration: none; } /*TRACKING & INFO*/ .cf-contact-info-box { background: #efefef; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.29); color: #000; font-weight: bold; padding: 1.25em; text-align: center; text-transform: uppercase; } .cf-contact-info-box > span, .cf-contact-info-box > div { display: inline-block; } /*POPULAR FAQS*/ .cf-contact-faqs-box-title { font-size: 16px; text-transform: uppercase; } .cf-contact-faqs-box-title h2 { font-size: 16px; margin-top: 0; margin-bottom: 1em; } .cf-contact-faqs-box-title a.faq-link { float: right; } .cf-contact-faqs-info { width: 100%; padding: 0; margin: 0; } .tab { position: relative; margin-bottom: 1px; width: 100%; color: #000; overflow: hidden; } .cf-contact-faqs-info input { position: absolute; opacity: 0; z-index: -1; } .cf-contact-faqs-info label { position: relative; display: block; padding: 1em 0 0.5em; border-top: 1px solid #9B9B9B; font-weight: bold; line-height: 3; cursor: pointer; text-decoration: none; } .cf-contact-faqs-info label:last-child { border-bottom: 1px solid #9B9B9B; } .cf-contact-faqs-info label span { top: 22px; position: absolute; right: 6px; } .tab-content { max-height: 0; overflow: hidden; -webkit-transition: max-height .350s; -o-transition: max-height .35s; transition: max-height .35s; } .tab-content > div { padding: 2em 0; } /* :checked*/ .cf-contact-faqs-info input:checked ~ .tab-content { max-height: 30em; border-top: 1px solid #9B9B9B; } </style> <script> window.console = window.console || function(t) {}; </script> <script> if (document.location.search.match(/type=embed/gi)) { window.parent.postMessage("resize", "*"); } </script> </head> <body translate="no"> <div class="container cf-ui-kit"> <div class="row"> <div class="col-md-3 cf-left-col-3"> <div class="cf-left-nav-bar"> <h2>Deliveries</h2> <ul> <li> <a href="http://www.cityfurniture.com/tracker"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/menu-logistics-delivery-truck-and-clock.png" alt="icon Track Today's Delivery" /></span> <div>Track Today's Delivery</div> </a> </li> <li> <a href="#"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/menu-placeholder-on-map-paper-in-perspective.png" alt="icon Check Delivery Area" /></span> <div>Check Delivery Area</div> </a> </li> <li> <a href="http://www.cityfurniture.com/export"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/menu-international-delivery-business-symbol-of-world-grid-with-an-arrow-around.png" alt="icon Export & Domestic Shipping" /></span> <div>Export & Domestic Shipping</div> </a> </li> <li> <a href="#"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/menu-ic_local_shipping_black_24px.png" alt="icon Delivery Options" /></span> <div>Delivery Options</div> </a> </li> </ul> <h2>Services & Resources</h2> <ul> <li> <a href="http://www.cityfurniture.com/furniture-protection-plan"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/menu-furniture-protection.png" alt="icon Furniture Protection" /></span> <div>Furniture Protection</div> </a> </li> <li> <a href="http://www.cityfurniture.com/design-studio"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/menu-ic_lightbulb_outline_black_24px.png" alt="icon Residential Design Services" /></span> <div>Residential Design Services</div> </a> </li> <li> <a href="http://www.cityfurniture.com/policy-information"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/menu-ic_info_black_24px.png" alt="icon Terms & Conditions" /></span> <div>Terms & Conditions</div> </a> </li> <li> <a href="http://www.cityfurniture.com/faq"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/menu-ic_help_black_24px.png" alt="icon FAQs" /></span> <div>FAQs</div> </a> </li> </ul> <h2>Our Company</h2> <ul> <li> <a href="http://jobs.cityfurniture.com/"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/menu-ic_work_black_24px.png" alt="icon Careers" /></span> <div>Careers</div> </a> </li> <li> <a href="http://www.cityfurniture.com/contact-us"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/menu-ic_perm_phone_msg_black_24px.png" alt="icon Contact Us" /></span> <div>Contact Us</div> </a> </li> <li> <a href="http://www.cityfurniture.com/florida-furniture-stores"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/menu-ic_store_black_24px.png" alt="icon Store Location & Hours" /></span> <div>Store Location & Hours</div> </a> </li> <li> <a href="http://www.cityfurniture.com/about-us"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/menu-ic_group_black_24px.png" alt="icon About Us" /></span> <div>About Us</div> </a> </li> </ul> </div> </div> <div class="col-md-9 cf-right-col-9"> <section id="cf-contact-title-header"> <div class="row"> <div class="col-md-12"> <div class="page-title category-title"> <h1>Contact Us</h1> </div> <p>Your questions and comments are important to us. Our customer service team is available to answer any of your questions.</p> </div> </div> </section> <section id="cf-contact-ctas"> <div class="row"> <div class="col-md-4 col-sm-4 col-xs-12"> <div class="cf-contact-cta-box"> <a href="#"> <div class="cf-contact-cta-box-inside"> <div class="cf-contact-icon-box"> <img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/Live-Chat-desktop.png" alt="icon chat with agent" /> </div> <div class="cf-contact-liveChat-title"> <h2>Live Chat</h2> </div> <div class="cf-contact-breaker-line"></div> <div>Avg. Wait Time</div> <div>Less than 15 seconds</div> </div> </a> </div> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <div class="cf-contact-cta-box"> <a href="#"> <div class="cf-contact-cta-box-inside"> <div class="cf-contact-icon-box"> <img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/call-us-desktop.png" alt="icon Call Us" /> </div> <div class="cf-contact-liveChat-title"> <h2>Call Us</h2> </div> <div class="cf-contact-breaker-line"></div> <div>Avg. Wait Time</div> <div>Less than 10 minutes</div> </div> </a> </div> </div> <div class="col-md-4 col-sm-4 col-xs-12"> <div class="cf-contact-cta-box"> <a href="#"> <div class="cf-contact-cta-box-inside"> <div class="cf-contact-icon-box"> <img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/email-us-desktop.png" alt="icon Email Us" /> </div> <div class="cf-contact-liveChat-title"> <h2>Email Us</h2> </div> <div class="cf-contact-breaker-line"></div> <div>Avg. Wait Time</div> <div>Less than 10 minutes</div> </div> </a> </div> </div> </div> </section> <section id="cf-contact-info"> <div class="row"> <div class="col-md-5 col-sm-5 col-xs-6"> <a href="#"> <div class="cf-contact-info-box"> <span><img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/logistics-delivery-truck-and-clock-desktop.png" alt="icon Track Today's Delivery" /></span> <div class="btn-cta">Track Today's Delivery</div> </div> </a> </div> <div class="col-md-7 col-sm-7 col-xs-6"> <a href="#"> <div class="cf-contact-info-box"> <img src="https://www.cityfurniture.com/media/wysiwyg/contact-us/store_black_24px-desktop.png" alt="icon Store Locations and Hours" /> <div>See Store Locations and Hours</div> </div> </a> </div> </div> </section> <section id="cf-contact-faqs"> <div class="row"> <div class="cf-contact-faqs-box-title"> <div class="col-md-8 col-sm-8 col-xs-6"> <h2>Most Popular FAQs</h2> </div> <div class="col-md-4 col-sm-4 col-xs-6"> <a class="faq-link" href="#">See All FAQs</a> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="cf-toggle cf-contact-faqs-info"> <div class="tab"> <input id="tab-one" type="checkbox" name="tab-faq-1"> <label for="tab-one"> What is your Online Return Policy? <span><i class="material-icons">add</i></span> </label> <div class="tab-content"> <div class="cf-toggle-content-box"> <h3>REFUND POLICY</h3> <p>You will receive a refund if you cancel your online purchase within three (3) days after receipt of delivery. Deliveries cancelled on or after the day of delivery will be subject to a restocking charge of $99.99. Original delivery and shipping charges are non-refundable.</p> <h3>MATTRESS COMFORT GUARANTEE</h3> <p>When you purchase one of our mattress protectors, you will be covered by our 120 Day Mattress Comfort Guarantee. Box springs are not included. No refunds or reselections are allowed if a mattress protector is not purchased.</p> <p>Since your body takes time to adjust to a new mattress, you must sleep on your new mattress for twenty-one (21) days before a one-time reselection is allowed. Reselections must be for equal or greater value. A new Premium Delivery charge and a $129.95 exchange charge will apply.</p> <p>Box springs and adjustable bases cannot be exchanged or refunded once delivered. Pillows and mattress protectors cannot be exchanged or refunded if opened.</p> <h3>ACCESSORIES</h3> <p>Tabletop items, wall décor, accent pillows, linens, lamps, florals, and area rugs can be returned to a showroom within three (3) days. Item must be in new, unused condition in the original packaging.</p> <h3>DAMAGE CLAIMS</h3> <p>Any damage to items purchased online must be reported to Customer Care within three (3) days after delivery and will require clear photographs to arrange appropriate services. For minor damages, City Furniture will provide in-home repair service.</p> </div> </div> </div> <div class="tab"> <input id="tab-two" type="checkbox" name="tab-faq-2"> <label for="tab-two"> What is your Online Return Policy? <span><i class="material-icons">add</i></span> </label> <div class="tab-content"> <div class="cf-toggle-content-box"> <h3>REFUND POLICY</h3> <p>You will receive a full refund if you cancel your purchase at least one (1) day prior to your scheduled delivery. Deliveries cancelled on the day of delivery will be subject to a restocking charge of $99.99.</p> <p>No refunds or reselections are allowed after delivery or pickup of merchandise.</p> <h3>MATTRESS COMFORT GUARANTEE</h3> <p>When you purchase one of our mattress protectors, you will be covered by our 120 Day Mattress Comfort Guarantee. Box springs are not included. No refunds or reselections are allowed if a mattress protector is not purchased.</p> <p>Since your body takes time to adjust to a new mattress, you must sleep on your new mattress for twenty-one (21) days before a one-time reselection is allowed. Reselections must be for equal or greater value. A new Premium Delivery charge and a $129.95 exchange charge will apply.</p> <p>Box springs and adjustable bases cannot be exchanged or refunded once delivered. Pillows and mattress protectors cannot be exchanged or refunded if opened.</p> <h3>ACCESSORIES</h3> <p>Tabletop items, wall décor, accent pillows, linens, lamps, florals, and area rugs can be returned to a showroom within three (3) days. Item must be in new, unused condition in the original packaging.</p> <h3>DAMAGE CLAIMS</h3> <p>Any damage must be reported to Customer Care within one (1) day after delivery and will require clear photographs to arrange appropriate services. For minor damages, City Furniture will provide in-home repair service.</p> </div> </div> </div> <div class="tab"> <input id="tab-three" type="checkbox" name="tab-faq-3"> <label for="tab-three"> What is your Online Return Policy? <span><i class="material-icons">add</i></span> </label> <div class="tab-content"> <div class="cf-toggle-content-box"> <p>You can cancel your order prior to delivery by contacting your sales associate or the showroom where your purchase was made. Please cancel at least 48 hours prior to delivery.</p> </div> </div> </div> <div class="tab"> <input id="tab-four" type="checkbox" name="tab-faq-4"> <label for="tab-four"> What is your Online Return Policy? <span><i class="material-icons">add</i></span> </label> <div class="tab-content"> <div class="cf-toggle-content-box"> <p>Any damage must be reported to Customer Care within one (1) day after delivery and will require clear photographs to arrange appropriate services. For minor damages, City Furniture will provide in-home repair service. To send your claim and photos, <a href="#">please click here.</a></p> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'></script> <script src='https://code.jquery.com/jquery-3.2.1.min.js'></script> </body> </html>

Related: See More


Questions / Comments: