住宅改造翻新维修服务网站#网页制作 #网页设计 #网站建设

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育、辅导。
所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩,提供核心代码讲解,答辩指导。
项目配有对应开发文档、开题报告、任务书、PPT等,提供毕业设计论文辅导。

项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!

如果需要联系我,可以在CSDN网站查询黄菊华老师的,在文章末尾可以获取联系方式

网页截图

网页代码


<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
  <head>
    <title>Home</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Gothic+A1:wght@300;500;700&amp;display=swap">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    <div class="preloader">
      <div><a class="brand brand-md" href="index.html"><img src="images/logo-inverse-124x30.svg" alt="" width="124" height="30"/></a>
        <div class="page-loader-body">
          <div id="spinningSquaresG">
            <div class="spinningSquaresG" id="spinningSquaresG_1"></div>
            <div class="spinningSquaresG" id="spinningSquaresG_2"></div>
            <div class="spinningSquaresG" id="spinningSquaresG_3"></div>
            <div class="spinningSquaresG" id="spinningSquaresG_4"></div>
            <div class="spinningSquaresG" id="spinningSquaresG_5"></div>
            <div class="spinningSquaresG" id="spinningSquaresG_6"></div>
            <div class="spinningSquaresG" id="spinningSquaresG_7"></div>
            <div class="spinningSquaresG" id="spinningSquaresG_8"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="page">
      <header class="page-head">
        <div class="rd-navbar-wrap">
          <nav class="rd-navbar rd-navbar-default" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-xxl-layout="rd-navbar-static" data-xxl-device-layout="rd-navbar-static" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true" data-lg-stick-up-offset="60px" data-xl-stick-up-offset="60px" data-xxl-stick-up-offset="60px">
            <div class="rd-navbar-inner">
              <div class="rd-navbar-panel">
                <button class="rd-navbar-toggle" data-custom-toggle=".rd-navbar-nav-wrap" data-custom-toggle-disable-on-blur="true"><span></span></button><a class="rd-navbar-brand brand" href="index.html"><img src="images/logo-default-124x30.svg" alt="" width="124" height="30"/></a>
              </div>
              <div class="rd-navbar-nav-wrap">
                <div class="rd-navbar-nav-inner">
                  <ul class="rd-navbar-nav">
                    <li class="rd-nav-item active"><a class="rd-nav-link" href="index.html">Home</a>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="about.html">About</a>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="services.html">Services</a>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="pricing.html">Pricing</a>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link">News</a>
                      <ul class="rd-menu rd-navbar-dropdown">
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="classic-blog.html">Classic Blog</a>
                        </li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid-blog.html">Grid Blog</a>
                        </li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="blog-post.html">Blog Post</a>
                        </li>
                      </ul>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="#">Pages</a>
                      <ul class="rd-menu rd-navbar-megamenu">
                        <li class="rd-megamenu-item">
                          <h5 class="rd-megamenu-title">Pages</h5>
                          <ul class="rd-megamenu-list">
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="appointment.html">Appointment</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="clients.html">Clients</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="client-testimonials.html">Client testimonials</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="our-team.html">Our team</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="team-member-profile.html">Team member profile</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="careers.html">Careers</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="contact-us.html">Contact us</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="grid-gallery.html">Grid gallery</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="masonry-gallery.html">Masonry gallery</a></li>
                          </ul>
                        </li>
                        <li class="rd-megamenu-item">
                          <h5 class="rd-megamenu-title">Extras</h5>
                          <ul class="rd-megamenu-list">
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="404-page.html">404 Page</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="503-page.html">503 Page</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="maintenance.html">Maintenance</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="coming-soon.html">Coming soon</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="login.html">Login</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="registration.html">Registration</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="search-results.html">Search results</a></li>
                            <li class="rd-megamenu-list-item"><a class="rd-megamenu-list-link" href="privacy-policy.html">Privacy Policy</a></li>
                          </ul>
                        </li>
                      </ul>
                    </li>
                    <li class="rd-nav-item"><a class="rd-nav-link" href="#">Elements</a>
                      <ul class="rd-menu rd-navbar-dropdown">
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="accordion.html">Accordion</a>
                        </li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="buttons.html">Buttons</a>
                        </li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="grid.html">Grid</a>
                        </li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="forms.html">Forms</a>
                        </li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="icons.html">Icons</a>
                        </li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="icon-lists.html">Icon lists</a>
                        </li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="progress-bars.html">Progress bars</a>
                        </li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="tabs.html">Tabs</a>
                        </li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="table-styles.html">Table styles</a>
                        </li>
                        <li class="rd-dropdown-item"><a class="rd-dropdown-link" href="typography.html">Typography</a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1" data-rd-navbar-toggle=".rd-navbar-collapse"><span></span></div>
              <div class="rd-navbar-contact rd-navbar-aside-outer rd-navbar-collapse text-end">
                <p class="rd-navbar-contact-text">Call Us for any question:</p>
                <div class="h4 rd-navbar-contact-title"><a href="tel:#">+1 (800) 123 1234</a></div>
              </div>
            </div>
          </nav>
        </div>
      </header>
      <section class="section section-intro bg-image bg-overlay-2" style="background-image: url(images/intro-bg.jpg)">
        <div class="container">
          <div class="row">
            <div class="col-md-8 col-lg-7">
              <h1>Create a cozy atmosphere in your house with us!</h1>
              <p class="lead">At Stract, we offer first-class home repair & renovation services to residents across the US.</p><a class="btn btn-lg btn-circle btn-primary" href="services.html">View All Services</a>
            </div>
          </div>
        </div>
      </section>
      <section class="section section-lg bg-sky-blue">
        <div class="container">
          <div class="row row-30 align-items-md-center">
            <div class="col-md-6 col-xl-5">
              <h2>Who we are<br class="d-none d-lg-block">and how we work</h2>
              <p>We are an award-winning renovation & remodeling firm established in 2004. We design and deliver high-end, exquisite interiors for our clients, as well as full property renovations of any complexity.</p>
              <div class="row row-lg">
                <div class="col-6">
                  <!--Counter-->
                  <div class="box-counter">
                    <div class="box-counter-main h1">
                      <div class="counter">320</div><span class="counter-postfix">+</span>
                    </div>
                    <div class="box-counter-divider"></div>
                    <p class="box-counter-title">Completed projects</p>
                  </div>
                </div>
                <div class="col-6">
                  <!--Counter-->
                  <div class="box-counter">
                    <div class="box-counter-main h1">
                      <div class="counter">16</div>
                    </div>
                    <div class="box-counter-divider"></div>
                    <p class="box-counter-title">Qualified renovators</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-xl-5 offset-xl-2">
              <div class="box-form bg-white">
                <h3>Sign up for a Repair</h3>
                <p>Enter your contact details to schedule a repair.</p>
                <form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
                  <div class="form-wrap">
                    <div class="form-input-icon">
                      <svg class="icon-fill" width="18" height="18" viewBox="0 0 18 18" fill="none">
                        <g clip-path="clip-path">
                          <path fill-rule="evenodd" clip-rule="evenodd" d="M9 11.5429C5.12868 11.5429 1.94408 13.4732 1.55733 17.2298C1.5137 17.6536 1.17137 18 0.743899 18C0.316426 18 -0.0335727 17.6534 0.00256974 17.2289C0.395016 12.6193 4.27343 10 9 10C13.7266 10 17.605 12.6193 17.9974 17.2289C18.0336 17.6534 17.6836 18 17.2561 18C16.8286 18 16.4863 17.6536 16.4427 17.2298C16.0559 13.4732 12.8713 11.5429 9 11.5429Z"></path>
                          <path fill-rule="evenodd" clip-rule="evenodd" d="M9 6.5C10.3807 6.5 11.5 5.38071 11.5 4C11.5 2.61929 10.3807 1.5 9 1.5C7.61929 1.5 6.5 2.61929 6.5 4C6.5 5.38071 7.61929 6.5 9 6.5ZM13 4C13 6.20914 11.2091 8 9 8C6.79086 8 5 6.20914 5 4C5 1.79086 6.79086 0 9 0C11.2091 0 13 1.79086 13 4Z"></path>
                        </g>
                        <defs>
                          <clippath>
                            <rect width="18" height="18"></rect>
                          </clippath>
                        </defs>
                      </svg>
                    </div>
                    <input class="form-input form-input-lg form-input-extended" id="contact-name" type="text" name="name" data-constraints="@Required">
                    <label class="form-label form-label-lg form-label-extended" for="contact-name">Your name</label>
                  </div>
                  <div class="form-wrap">
                    <div class="form-input-icon">
                      <svg class="icon-fill" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.046654 1.74425C-0.186815 0.858105 0.485832 0 1.39798 0H5.3521C5.97179 0 6.51777 0.406179 6.69428 0.998507L7.72889 4.47043C7.9163 5.09933 7.64002 5.7745 7.06167 6.09137L3.40007 8.0975C3.57683 8.47475 3.8429 8.9829 4.18179 9.54253C4.72342 10.4369 5.41465 11.4018 6.15518 12.1184C6.90612 12.8451 7.89437 13.4834 8.80026 13.9698C9.34179 14.2606 9.83428 14.4867 10.2056 14.6398L11.7113 11.2713C11.9934 10.6402 12.6947 10.3117 13.3608 10.4942L16.9707 11.4831C17.5787 11.6496 18 12.2007 18 12.8294V16.6159C18 17.4814 17.2092 18.1579 16.3311 17.9677C15.0884 17.6986 12.63 17.1041 10.3471 16.1788C9.9138 16.0482 9.06818 15.6994 8.13642 15.1991C7.17204 14.6813 6.06002 13.9719 5.18006 13.1204C4.31952 12.2877 3.55671 11.2113 2.98318 10.2642C2.41447 9.32511 1.99528 8.45183 1.84841 8.00297C1.15901 5.8959 0.410642 3.12579 0.046654 1.74425ZM11.5171 15.1353C13.4823 15.869 15.4976 16.3576 16.5998 16.5972V12.8294L12.9899 11.8405L11.5171 15.1353ZM12.9894 11.8404C12.9889 11.8402 12.989 11.8403 12.9895 11.8403C12.9898 11.8403 12.9897 11.8402 12.9895 11.8403L12.9894 11.8404C12.9894 11.8404 12.9894 11.8404 12.9894 11.8404ZM2.92329 6.76566L6.38671 4.86811L5.3521 1.39619H1.40265C1.72119 2.60502 2.32558 4.84412 2.92329 6.76566Z"></path>
                      </svg>
                    </div>
                    <input class="form-input form-input-lg form-input-extended" id="contact-phone" type="text" name="phone" data-constraints="@Numeric">
                    <label class="form-label form-label-lg form-label-extended" for="contact-phone">Your phone</label>
                  </div>
                  <div class="form-wrap">
                    <button class="btn btn-block btn-lg btn-circle btn-primary" type="submit">Submit Request</button>
                  </div>
                  <div class="form-wrap-bottom">
                    <label class="small checkbox-inline text-gray">
                      <input name="input-checkbox" value="checkbox-1" type="checkbox">I agree to the&nbsp;<a class="link-underline link-black" href="privacy-policy.html">Privacy Policy</a>&nbsp;and&nbsp;<a class="link-underline link-black" href="privacy-policy.html">Terms of Service</a>
                    </label>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section section-lg bg-default">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-md-8 col-xxl-6 text-center">
              <h2>What we offer</h2>
              <p>We provide various home repair & renovation services to our new and regular customers. Feel free to find out more below.</p>
            </div>
          </div>
          <div class="owl-carousel owl-theme-1" data-items="1" data-sm-items="2" data-lg-items="3" data-margin="30" data-dots="true">
            <article class="box-service hover-shadow"><a class="figure" href="services.html"><img src="images/service-01-370x220.jpg" alt="" width="370" height="220"/></a>
              <div class="box-content">
                <h4 class="box-title"><a href="services.html">Interior renovation</a></h4>
                <p class="box-text">Whether you need a basic siding replacement or a full-home makeover, we are your partner for any kind of exterior renovations.</p>
              </div>
            </article>
            <article class="box-service hover-shadow"><a class="figure" href="services.html"><img src="images/service-02-370x220.jpg" alt="" width="370" height="220"/></a>
              <div class="box-content">
                <h4 class="box-title"><a href="services.html">Home remodeling</a></h4>
                <p class="box-text">Our trusted and insured handymen can help with any part of your home remodeling project. Whatever you need to install, we can easily help you.</p>
              </div>
            </article>
            <article class="box-service hover-shadow"><a class="figure" href="services.html"><img src="images/service-03-370x220.jpg" alt="" width="370" height="220"/></a>
              <div class="box-content">
                <h4 class="box-title"><a href="services.html">Home additions</a></h4>
                <p class="box-text">More living space means more warm, lasting memories. With countless options to choose from, we’ll help you get the extra room you need.</p>
              </div>
            </article>
            <article class="box-service hover-shadow"><a class="figure" href="services.html"><img src="images/service-04-370x220.jpg" alt="" width="370" height="220"/></a>
              <div class="box-content">
                <h4 class="box-title"><a href="services.html">Property maintenance</a></h4>
                <p class="box-text">We will maintain your property during renovation of any complexity. We are committed to handling every job, whether small or large, with dedication.</p>
              </div>
            </article>
            <article class="box-service hover-shadow"><a class="figure" href="services.html"><img src="images/service-05-370x220.jpg" alt="" width="370" height="220"/></a>
              <div class="box-content">
                <h4 class="box-title"><a href="services.html">Renovation services</a></h4>
                <p class="box-text">We offer a full range of renovation, remodeling and interior design services to clients throughout the USA. We strive to completely refurbish your house!</p>
              </div>
            </article>
            <article class="box-service hover-shadow"><a class="figure" href="services.html"><img src="images/service-06-370x220.jpg" alt="" width="370" height="220"/></a>
              <div class="box-content">
                <h4 class="box-title"><a href="services.html">Project management</a></h4>
                <p class="box-text">We work from start to finish on your behalf, and provide full project management to produce the end result you’ve only dreamed of. You can fully rely on us.</p>
              </div>
            </article>
          </div>
        </div>
      </section>
      <div class="section section-xxl bg-transparent text-center">
        <div class="container-fluid ps-0 pe-0">
          <div class="row row-12 hoverdir justify-content-center" data-lightgallery="group">
            <div class="col-sm-6 col-lg-5 col-xl-3">
              <!-- Thumbnail Modern--><a class="thumbnail thumbnail-modern context-dark hoverdir-item wow slideInRight" href="images/originals/grid-gallery-01-original.jpg" data-lightgallery="item" data-hoverdir-target=".thumbnail-modern-caption">
                <div class="thumbnail-modern-figure"><img src="images/grid-gallery-01-471x340.jpg" alt="" width="471" height="340"/>
                </div>
                <div class="thumbnail-modern-caption">
                  <div class="thumbnail-modern-icon">
                    <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path opacity="0.25" d="M17.601 -1.95818e-06L17.601 9.62601C17.601 19.2231 13.8526 26.421 6.35591 31.2195L4.85208e-07 26.4499C2.67274 24.6576 4.53062 22.7498 5.57364 20.7263C6.61666 18.7606 7.13817 16.1301 7.13817 12.8347L0.293348 12.8347L0.293349 -3.47127e-06L17.601 -1.95818e-06ZM40 0L40 9.62602C40 19.7435 36.2516 27.2014 28.7549 32L22.399 27.2304C25.0066 25.4959 26.8645 23.5014 27.9727 21.2466C29.0809 18.9919 29.635 16.1879 29.635 12.8347L22.7902 12.8347L22.7902 -1.50453e-06L40 0Z" fill="white"></path>
                    </svg>
                  </div>
                  <p class="thumbnail-modern-text">Thanks to the specialists at Stract, my house now looks spectacular both inside and outside.</p>
                  <p class="thumbnail-modern-author">- Johnny Smith, Client</p>
                </div></a>
            </div>
            <div class="col-sm-6 col-lg-5 col-xl-3">
              <!-- Thumbnail Modern--><a class="thumbnail thumbnail-modern context-dark hoverdir-item wow slideInUp" href="images/originals/grid-gallery-02-original.jpg" data-lightgallery="item" data-hoverdir-target=".thumbnail-modern-caption">
                <div class="thumbnail-modern-figure"><img src="images/grid-gallery-02-471x340.jpg" alt="" width="471" height="340"/>
                </div>
                <div class="thumbnail-modern-caption">
                  <div class="thumbnail-modern-icon">
                    <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path opacity="0.25" d="M17.601 -1.95818e-06L17.601 9.62601C17.601 19.2231 13.8526 26.421 6.35591 31.2195L4.85208e-07 26.4499C2.67274 24.6576 4.53062 22.7498 5.57364 20.7263C6.61666 18.7606 7.13817 16.1301 7.13817 12.8347L0.293348 12.8347L0.293349 -3.47127e-06L17.601 -1.95818e-06ZM40 0L40 9.62602C40 19.7435 36.2516 27.2014 28.7549 32L22.399 27.2304C25.0066 25.4959 26.8645 23.5014 27.9727 21.2466C29.0809 18.9919 29.635 16.1879 29.635 12.8347L22.7902 12.8347L22.7902 -1.50453e-06L40 0Z" fill="white"></path>
                    </svg>
                  </div>
                  <p class="thumbnail-modern-text">For those looking for a professional team to manage the renovation, Stract is the only team you’ll need.</p>
                  <p class="thumbnail-modern-author">- Lisa Kelly, Client</p>
                </div></a>
            </div>
            <div class="col-sm-6 col-lg-5 col-xl-3">
              <!-- Thumbnail Modern--><a class="thumbnail thumbnail-modern context-dark hoverdir-item wow slideInDown" href="images/originals/grid-gallery-03-original.jpg" data-lightgallery="item" data-hoverdir-target=".thumbnail-modern-caption">
                <div class="thumbnail-modern-figure"><img src="images/grid-gallery-03-471x340.jpg" alt="" width="471" height="340"/>
                </div>
                <div class="thumbnail-modern-caption">
                  <div class="thumbnail-modern-icon">
                    <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path opacity="0.25" d="M17.601 -1.95818e-06L17.601 9.62601C17.601 19.2231 13.8526 26.421 6.35591 31.2195L4.85208e-07 26.4499C2.67274 24.6576 4.53062 22.7498 5.57364 20.7263C6.61666 18.7606 7.13817 16.1301 7.13817 12.8347L0.293348 12.8347L0.293349 -3.47127e-06L17.601 -1.95818e-06ZM40 0L40 9.62602C40 19.7435 36.2516 27.2014 28.7549 32L22.399 27.2304C25.0066 25.4959 26.8645 23.5014 27.9727 21.2466C29.0809 18.9919 29.635 16.1879 29.635 12.8347L22.7902 12.8347L22.7902 -1.50453e-06L40 0Z" fill="white"></path>
                    </svg>
                  </div>
                  <p class="thumbnail-modern-text">Guys at Stract really know how a renovation should be done, and they deliver just what the clients ask.</p>
                  <p class="thumbnail-modern-author">- Betty Morgan, Client</p>
                </div></a>
            </div>
            <div class="col-sm-6 col-lg-5 col-xl-3">
              <!-- Thumbnail Modern--><a class="thumbnail thumbnail-modern context-dark hoverdir-item wow slideInLeft" href="images/originals/grid-gallery-04-original.jpg" data-lightgallery="item" data-hoverdir-target=".thumbnail-modern-caption">
                <div class="thumbnail-modern-figure"><img src="images/grid-gallery-04-471x340.jpg" alt="" width="471" height="340"/>
                </div>
                <div class="thumbnail-modern-caption">
                  <div class="thumbnail-modern-icon">
                    <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path opacity="0.25" d="M17.601 -1.95818e-06L17.601 9.62601C17.601 19.2231 13.8526 26.421 6.35591 31.2195L4.85208e-07 26.4499C2.67274 24.6576 4.53062 22.7498 5.57364 20.7263C6.61666 18.7606 7.13817 16.1301 7.13817 12.8347L0.293348 12.8347L0.293349 -3.47127e-06L17.601 -1.95818e-06ZM40 0L40 9.62602C40 19.7435 36.2516 27.2014 28.7549 32L22.399 27.2304C25.0066 25.4959 26.8645 23.5014 27.9727 21.2466C29.0809 18.9919 29.635 16.1879 29.635 12.8347L22.7902 12.8347L22.7902 -1.50453e-06L40 0Z" fill="white"></path>
                    </svg>
                  </div>
                  <p class="thumbnail-modern-text">This renovation company has the best experts and equipment to do the job just the right way.</p>
                  <p class="thumbnail-modern-author">- Joyce Johnson, Client</p>
                </div></a>
            </div>
            <div class="col-sm-6 col-lg-5 col-xl-3">
              <!-- Thumbnail Modern--><a class="thumbnail thumbnail-modern context-dark hoverdir-item wow slideInRight" href="images/originals/grid-gallery-05-original.jpg" data-lightgallery="item" data-hoverdir-target=".thumbnail-modern-caption">
                <div class="thumbnail-modern-figure"><img src="images/grid-gallery-05-471x340.jpg" alt="" width="471" height="340"/>
                </div>
                <div class="thumbnail-modern-caption">
                  <div class="thumbnail-modern-icon">
                    <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path opacity="0.25" d="M17.601 -1.95818e-06L17.601 9.62601C17.601 19.2231 13.8526 26.421 6.35591 31.2195L4.85208e-07 26.4499C2.67274 24.6576 4.53062 22.7498 5.57364 20.7263C6.61666 18.7606 7.13817 16.1301 7.13817 12.8347L0.293348 12.8347L0.293349 -3.47127e-06L17.601 -1.95818e-06ZM40 0L40 9.62602C40 19.7435 36.2516 27.2014 28.7549 32L22.399 27.2304C25.0066 25.4959 26.8645 23.5014 27.9727 21.2466C29.0809 18.9919 29.635 16.1879 29.635 12.8347L22.7902 12.8347L22.7902 -1.50453e-06L40 0Z" fill="white"></path>
                    </svg>
                  </div>
                  <p class="thumbnail-modern-text">When it comes to an interior renovation, the team of Stract can answer virtually any question about it.</p>
                  <p class="thumbnail-modern-author">- Craig Murphy, Client</p>
                </div></a>
            </div>
            <div class="col-sm-6 col-lg-5 col-xl-3">
              <!-- Thumbnail Modern--><a class="thumbnail thumbnail-modern context-dark hoverdir-item wow slideInUp" href="images/originals/grid-gallery-06-original.jpg" data-lightgallery="item" data-hoverdir-target=".thumbnail-modern-caption">
                <div class="thumbnail-modern-figure"><img src="images/grid-gallery-06-471x340.jpg" alt="" width="471" height="340"/>
                </div>
                <div class="thumbnail-modern-caption">
                  <div class="thumbnail-modern-icon">
                    <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path opacity="0.25" d="M17.601 -1.95818e-06L17.601 9.62601C17.601 19.2231 13.8526 26.421 6.35591 31.2195L4.85208e-07 26.4499C2.67274 24.6576 4.53062 22.7498 5.57364 20.7263C6.61666 18.7606 7.13817 16.1301 7.13817 12.8347L0.293348 12.8347L0.293349 -3.47127e-06L17.601 -1.95818e-06ZM40 0L40 9.62602C40 19.7435 36.2516 27.2014 28.7549 32L22.399 27.2304C25.0066 25.4959 26.8645 23.5014 27.9727 21.2466C29.0809 18.9919 29.635 16.1879 29.635 12.8347L22.7902 12.8347L22.7902 -1.50453e-06L40 0Z" fill="white"></path>
                    </svg>
                  </div>
                  <p class="thumbnail-modern-text">The team of Stract provides true expertise when it comes to interior renovation and project planning.</p>
                  <p class="thumbnail-modern-author">- Virginia Turner, Client</p>
                </div></a>
            </div>
            <div class="col-sm-6 col-lg-5 col-xl-3">
              <!-- Thumbnail Modern--><a class="thumbnail thumbnail-modern context-dark hoverdir-item wow slideInDown" href="images/originals/grid-gallery-07-original.jpg" data-lightgallery="item" data-hoverdir-target=".thumbnail-modern-caption">
                <div class="thumbnail-modern-figure"><img src="images/grid-gallery-07-471x340.jpg" alt="" width="471" height="340"/>
                </div>
                <div class="thumbnail-modern-caption">
                  <div class="thumbnail-modern-icon">
                    <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path opacity="0.25" d="M17.601 -1.95818e-06L17.601 9.62601C17.601 19.2231 13.8526 26.421 6.35591 31.2195L4.85208e-07 26.4499C2.67274 24.6576 4.53062 22.7498 5.57364 20.7263C6.61666 18.7606 7.13817 16.1301 7.13817 12.8347L0.293348 12.8347L0.293349 -3.47127e-06L17.601 -1.95818e-06ZM40 0L40 9.62602C40 19.7435 36.2516 27.2014 28.7549 32L22.399 27.2304C25.0066 25.4959 26.8645 23.5014 27.9727 21.2466C29.0809 18.9919 29.635 16.1879 29.635 12.8347L22.7902 12.8347L22.7902 -1.50453e-06L40 0Z" fill="white"></path>
                    </svg>
                  </div>
                  <p class="thumbnail-modern-text">Within a few weeks, I got new windows and siding installed by Stract’s experts. They know their job.</p>
                  <p class="thumbnail-modern-author">- Ralph Cooper, Client</p>
                </div></a>
            </div>
            <div class="col-sm-6 col-lg-5 col-xl-3">
              <!-- Thumbnail Modern--><a class="thumbnail thumbnail-modern context-dark hoverdir-item wow slideInLeft" href="images/originals/grid-gallery-08-original.jpg" data-lightgallery="item" data-hoverdir-target=".thumbnail-modern-caption">
                <div class="thumbnail-modern-figure"><img src="images/grid-gallery-08-471x340.jpg" alt="" width="471" height="340"/>
                </div>
                <div class="thumbnail-modern-caption">
                  <div class="thumbnail-modern-icon">
                    <svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path opacity="0.25" d="M17.601 -1.95818e-06L17.601 9.62601C17.601 19.2231 13.8526 26.421 6.35591 31.2195L4.85208e-07 26.4499C2.67274 24.6576 4.53062 22.7498 5.57364 20.7263C6.61666 18.7606 7.13817 16.1301 7.13817 12.8347L0.293348 12.8347L0.293349 -3.47127e-06L17.601 -1.95818e-06ZM40 0L40 9.62602C40 19.7435 36.2516 27.2014 28.7549 32L22.399 27.2304C25.0066 25.4959 26.8645 23.5014 27.9727 21.2466C29.0809 18.9919 29.635 16.1879 29.635 12.8347L22.7902 12.8347L22.7902 -1.50453e-06L40 0Z" fill="white"></path>
                    </svg>
                  </div>
                  <p class="thumbnail-modern-text">I am highly satisfied with the work you guys have done. Your level of professionalism is unmatched.</p>
                  <p class="thumbnail-modern-author">- Justin Roberts, Client</p>
                </div></a>
            </div>
          </div>
        </div>
      </div>
      <section class="section section-lg bg-default">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-md-8 col-xxl-6 text-center">
              <h2>Why choose us</h2>
              <p>Our company provides a wide range of benefits and advantages alongside the first-class renovation services.</p>
            </div>
          </div>
          <div class="row row-30">
            <div class="col-md-6 col-lg-4">
              <article class="box-advantage bg-sky-blue">
                <div class="box-icon">
                  <svg width="70" height="70" viewbox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M47.4277 61.4739H34.8067C33.7388 61.4739 32.873 60.6082 32.873 59.5403C32.873 58.4724 33.7388 57.6067 34.8067 57.6067H47.4277C48.4955 57.6067 49.3613 58.4724 49.3613 59.5403C49.3613 60.6082 48.4955 61.4739 47.4277 61.4739Z" fill="#2D527C"></path>
                    <path d="M22.5758 61.4742C21.6192 61.4742 20.788 60.7648 20.661 59.7906L17.2103 33.3524C15.5188 22.3004 19.7514 11.1558 28.2594 4.26232C31.4151 1.70541 33.9662 0.297066 34.0731 0.238277C34.6574 -0.0821921 35.3651 -0.0790476 35.9468 0.24607C36.0611 0.310054 38.783 1.84267 42.0841 4.59058C50.3598 11.4792 54.4602 22.5256 52.7851 33.4188C52.6228 34.4744 51.6341 35.1984 50.5802 35.0361C49.5246 34.8738 48.8006 33.8865 48.963 32.8309C50.4331 23.2709 46.8493 13.5886 39.6103 7.56271C37.7058 5.97746 35.9983 4.8256 34.9947 4.18972C34.0459 4.78158 32.4694 5.82871 30.6941 7.26712C23.2445 13.303 19.544 23.0818 21.0363 32.787C21.0386 32.8015 21.0405 32.816 21.0424 32.8308L24.4956 59.2902C24.6339 60.3491 23.8874 61.3196 22.8285 61.4578C22.7437 61.4687 22.6592 61.4742 22.5758 61.4742Z" fill="#2D527C"></path>
                    <path d="M22.5784 59.5403L20.3783 42.6816L15.595 47.5777C13.4313 49.7922 12.2198 52.7656 12.2198 55.862V66.3077L22.6104 59.5404H22.5784V59.5403Z" fill="#CEE8FA"></path>
                    <path d="M12.2195 68.2414C11.9031 68.2414 11.5862 68.1639 11.2981 68.0079C10.6743 67.6697 10.286 67.0172 10.286 66.3078V55.8621C10.286 52.2396 11.6801 48.8177 14.2116 46.2266L18.995 41.3305C19.5126 40.8007 20.2874 40.6132 20.99 40.8475C21.6927 41.0818 22.1997 41.6972 22.2954 42.4315L24.451 58.9496C24.4553 58.963 24.4594 58.9763 24.4635 58.9898C24.7071 59.8104 24.3823 60.6936 23.665 61.1605L13.2747 67.9278C12.955 68.1364 12.5877 68.2414 12.2195 68.2414ZM18.9764 46.8835L16.9778 48.9291C15.1563 50.7935 14.1534 53.2555 14.1534 55.8619V62.7407L20.5062 58.6033L18.9764 46.8835Z" fill="#2D527C"></path>
                    <path d="M54.405 47.5779L49.6264 42.6869L47.4275 59.5405H47.3896L57.7802 66.3078V55.8621C57.7802 52.7658 56.5689 49.7924 54.405 47.5779Z" fill="#CEE8FA"></path>
                    <path d="M57.7805 68.2414C57.4122 68.2414 57.0448 68.1364 56.7249 67.9279L46.3345 61.1606C45.6173 60.6934 45.2925 59.8105 45.5364 58.9899C45.5433 58.9659 45.5509 58.9422 45.5589 58.9185L47.7091 42.4365C47.8048 41.7019 48.3118 41.0868 49.0145 40.8525C49.7172 40.6179 50.4921 40.8055 51.0094 41.3355L55.788 46.2265C58.3197 48.8176 59.7138 52.2395 59.7138 55.862V66.3077C59.7138 67.0172 59.3254 67.6696 58.7017 68.0078C58.4135 68.1637 58.0964 68.2414 57.7805 68.2414ZM49.4997 58.6068L55.8467 62.7405V55.8617C55.8467 53.2553 54.8436 50.793 53.0223 48.9289L51.0285 46.8883L49.4997 58.6068Z" fill="#2D527C"></path>
                    <path d="M34.9998 68.0665L29.5621 59.5403L34.9998 51.0144L40.4377 59.5403L34.9998 68.0665Z" fill="#CEE8FA"></path>
                    <path d="M34.9998 70C34.3394 70 33.7247 69.663 33.3696 69.1062L27.9319 60.5801C27.5273 59.9459 27.5273 59.1347 27.9319 58.5005L33.3696 49.9746C33.7247 49.4178 34.3395 49.0807 34.9998 49.0807C35.6602 49.0807 36.275 49.4177 36.6303 49.9746L42.0681 58.5005C42.4723 59.1347 42.4723 59.9459 42.0681 60.5801L36.6303 69.1062C36.2752 69.663 35.6602 70 34.9998 70ZM31.8556 59.5404L34.9998 64.4706L38.1444 59.5404L34.9998 54.6101L31.8556 59.5404Z" fill="#2D527C"></path>
                    <path d="M35.0007 39.4306C38.56 39.4306 41.4455 36.5452 41.4455 32.9859C41.4455 29.4265 38.56 26.5411 35.0007 26.5411C31.4413 26.5411 28.5559 29.4265 28.5559 32.9859C28.5559 36.5452 31.4413 39.4306 35.0007 39.4306Z" fill="#CEE8FA"></path>
                    <path d="M34.9999 41.3645C30.3797 41.3645 26.6208 37.6057 26.6208 32.9854C26.6208 28.3651 30.3797 24.6063 34.9999 24.6063C39.6202 24.6063 43.379 28.3651 43.379 32.9854C43.379 37.6057 39.6202 41.3645 34.9999 41.3645ZM34.9999 28.4737C32.5121 28.4737 30.4882 30.4977 30.4882 32.9854C30.4882 35.4733 32.5122 37.4971 34.9999 37.4971C37.4877 37.4971 39.5116 35.4731 39.5116 32.9854C39.5116 30.4977 37.4878 28.4737 34.9999 28.4737Z" fill="#2D527C"></path>
                    <path d="M34.9999 19.45H21.4642C20.3963 19.45 19.5306 18.5843 19.5306 17.5164C19.5306 16.4485 20.3963 15.5828 21.4642 15.5828H34.9999C36.0677 15.5828 36.9335 16.4485 36.9335 17.5164C36.9335 18.5843 36.0678 19.45 34.9999 19.45Z" fill="#2D527C"></path>
                    <path d="M48.3658 19.45H42.4444C41.3766 19.45 40.5107 18.5843 40.5107 17.5164C40.5107 16.4485 41.3766 15.5828 42.4444 15.5828H48.3658C49.4336 15.5828 50.2994 16.4485 50.2994 17.5164C50.2994 18.5843 49.4337 19.45 48.3658 19.45Z" fill="#2D527C"></path>
                  </svg>
                </div>
                <div class="box-content">
                  <h4>Quality assurance</h4>
                  <p>We always stand for doing our job fast and at the highest level as understand people value their time and money.</p>
                </div>
              </article>
            </div>
            <div class="col-md-6 col-lg-4">
              <article class="box-advantage">
                <div class="box-icon">
                  <svg width="70" height="70" viewbox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M39.6787 62.4755C37.6454 61.3677 36.3802 59.2373 36.3802 56.9217V39.05C37.5216 39.5314 38.7759 39.7978 40.0925 39.7978C42.7711 39.7978 45.191 38.6955 46.9261 36.9202C44.4188 33.4731 40.3561 31.2302 35.7674 31.2302H32.3414H24.0729H20.6469C13.0297 31.2302 6.85468 37.4051 6.85468 45.0224V67.9707H49.5592V67.8599L39.6787 62.4755Z" fill="#CEE8FA"></path>
                    <path d="M63.1452 37.0208C62.0244 37.0208 61.1159 37.9293 61.1159 39.0502V56.9219C61.1159 58.4954 60.2574 59.9405 58.8756 60.6937L49.7626 65.6593L40.6498 60.6937C39.268 59.9408 38.4095 58.4955 38.4095 56.9219V41.7065C38.9633 41.787 39.5249 41.8275 40.0925 41.8275C40.2646 41.8275 40.4361 41.8221 40.607 41.8146C40.6518 41.8126 40.6969 41.8108 40.7415 41.8083C40.8957 41.7998 41.0494 41.7889 41.2021 41.7743C41.2751 41.7674 41.3476 41.7583 41.4203 41.7501C41.4954 41.7413 41.5704 41.7322 41.6452 41.722C43.7079 41.4479 45.6367 40.6288 47.2687 39.3345C47.3185 39.2954 47.3681 39.2562 47.4174 39.216C47.476 39.1679 47.5344 39.1196 47.5922 39.0703C47.7091 38.971 47.8242 38.8697 47.9372 38.7659C47.956 38.7487 47.9743 38.7308 47.9929 38.7134C48.1225 38.5927 48.2497 38.4691 48.3738 38.3425C48.3751 38.3413 48.376 38.3403 48.3773 38.3391C48.3774 38.3389 48.3778 38.3385 48.3781 38.3383C48.8898 37.815 49.3551 37.2416 49.7641 36.6222C50.7443 38.0997 52.0622 39.3549 53.5951 40.2508C54.5627 40.8164 55.8057 40.4903 56.3711 39.5227C56.9367 38.5551 56.6106 37.312 55.6429 36.7467C54.279 35.9496 53.1772 34.7163 52.5406 33.2739C52.2162 32.5385 51.488 32.064 50.6841 32.064H48.8405C48.0367 32.064 47.3085 32.5384 46.984 33.2739C46.9231 33.4121 46.8554 33.5459 46.7871 33.679C45.0276 31.9741 42.8976 30.7033 40.5817 29.9595C42.8723 27.7789 44.3041 24.7043 44.3041 21.2996V11.963C44.3041 10.8422 43.3956 9.93371 42.2748 9.93371C41.154 9.93371 40.2455 10.8422 40.2455 11.963V21.2991C40.2455 25.6236 36.7544 29.1461 32.4428 29.2008H23.9713C19.6598 29.146 16.1686 25.6234 16.1686 21.2991V11.963C16.1686 7.60457 19.7146 4.05863 24.073 4.05863H32.3415C33.4623 4.05863 34.3708 3.15014 34.3708 2.02932C34.3708 0.908496 33.4623 0 32.3415 0H24.073C17.4766 0 12.11 5.36662 12.11 11.963V21.2991C12.11 24.7011 13.54 27.7739 15.8274 29.9541C9.45343 31.9977 4.82564 37.9786 4.82564 45.0223V67.9706C4.82564 69.0914 5.73413 69.9999 6.85495 69.9999H49.5595C49.5975 69.9999 49.6345 69.9962 49.6721 69.9941C49.7023 69.9955 49.7324 69.9999 49.7626 69.9999C50.0966 69.9999 50.4309 69.9174 50.7337 69.7525L60.8177 64.2577C63.5052 62.7933 65.1745 59.9825 65.1745 56.9222V39.0504C65.1747 37.9293 64.266 37.0208 63.1452 37.0208ZM8.88454 65.9412V45.0224C8.88454 38.5364 14.1613 33.2597 20.6473 33.2597H23.9716C24.0055 33.2598 24.0391 33.2623 24.073 33.2623H26.1778V52.9726C26.1778 54.0935 27.0863 55.002 28.2071 55.002C29.328 55.002 30.2365 54.0935 30.2365 52.9726V33.2623H32.3412C32.3753 33.2623 32.4088 33.2601 32.4427 33.2597H35.767C38.8689 33.2597 41.8399 34.5023 44.0252 36.6528C43.1737 37.1752 42.2199 37.5326 41.2116 37.6843C41.2049 37.6853 41.1984 37.6868 41.1915 37.6878C41.0344 37.7109 40.8756 37.7271 40.7164 37.7403C40.6905 37.7423 40.6652 37.7464 40.6394 37.7482C40.4701 37.7606 40.2996 37.7662 40.1283 37.7671C40.1162 37.7671 40.104 37.7683 40.0918 37.7683C39.0771 37.7683 38.0935 37.5704 37.1684 37.1801C36.5419 36.9157 35.8246 36.9828 35.2576 37.3589C34.691 37.7349 34.3503 38.3697 34.3503 39.05V56.9218C34.3503 57.8782 34.5133 58.8101 34.8195 59.6843C35.4932 61.6075 36.8595 63.2507 38.7071 64.2574L41.7968 65.941H8.88454V65.9412Z" fill="#2D527C"></path>
                    <path d="M46.1617 51.5737L49.5597 53.468L55.2938 48.3946" fill="#CEE8FA"></path>
                    <path d="M49.559 55.4974C49.2208 55.4974 48.8808 55.4131 48.5715 55.2407L45.1735 53.3467C44.1946 52.8011 43.8432 51.565 44.389 50.5859C44.9347 49.6068 46.1706 49.2555 47.1498 49.8014L49.292 50.9955L53.9492 46.875C54.7884 46.132 56.0711 46.2105 56.8139 47.0501C57.5567 47.8894 57.4781 49.172 56.6388 49.9148L50.9046 54.9881C50.5244 55.3241 50.0439 55.4974 49.559 55.4974Z" fill="#2D527C"></path>
                  </svg>
                </div>
                <div class="box-content">
                  <h4>Skilled team</h4>
                  <p>All the experts at Stract have the skills & experience to get the job done right. You can always rely on our professionalism.</p>
                </div>
              </article>
            </div>
            <div class="col-md-6 col-lg-4">
              <article class="box-advantage">
                <div class="box-icon">
                  <svg width="70" height="70" viewbox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M50.2263 33.692C56.6315 33.692 61.8239 28.4995 61.8239 22.0944C61.8239 15.6892 56.6315 10.4968 50.2263 10.4968C43.8211 10.4968 38.6287 15.6892 38.6287 22.0944C38.6287 28.4995 43.8211 33.692 50.2263 33.692Z" fill="#CEE8FA"></path>
                    <path d="M50.2261 35.5945C46.6202 35.5945 43.2303 34.1903 40.6806 31.6407C39.9384 30.8985 39.9384 29.6948 40.6806 28.9523C41.4231 28.2102 42.6264 28.2102 43.3691 28.9523C47.1502 32.7334 53.3021 32.7334 57.0833 28.9523C58.9151 27.1208 59.9235 24.6857 59.9235 22.0953C59.9235 19.5049 58.915 17.0696 57.0833 15.2383C53.3022 11.4572 47.1503 11.4572 43.3691 15.2383C42.6265 15.9804 41.4233 15.9804 40.6806 15.2383C39.9384 14.496 39.9384 13.2924 40.6806 12.5498C43.2303 10.0003 46.6202 8.59607 50.2261 8.59607C53.8319 8.59607 57.2218 10.0003 59.7715 12.5498C62.321 15.0995 63.7253 18.4895 63.7253 22.0953C63.7253 25.7011 62.321 29.0911 59.7715 31.6407C57.222 34.1903 53.832 35.5945 50.2261 35.5945Z" fill="#2D527C"></path>
                    <path d="M51.1556 21.2222V17.919C52.4741 18.1501 52.6724 18.881 52.7022 19.3108C52.7098 19.4208 52.8006 19.506 52.9111 19.506H54.3513C54.4721 19.506 54.5674 19.4037 54.5611 19.2829C54.4676 17.4711 53.2259 16.3054 51.1556 16.0437V14.9329C51.1556 14.8171 51.0617 14.7231 50.9459 14.7231H49.506C49.3902 14.7231 49.2962 14.8171 49.2962 14.9329V16.0437C47.1424 16.3161 45.8849 17.5669 45.8849 19.5061C45.8849 21.4453 47.1421 22.6961 49.2962 22.9685V26.2718C47.9777 26.0406 47.7795 25.3097 47.7497 24.88C47.742 24.7699 47.6512 24.6848 47.5408 24.6848H46.1006C45.9797 24.6848 45.8844 24.787 45.8907 24.9079C45.9842 26.7197 47.2259 27.8854 49.2962 28.147V29.2579C49.2962 29.3737 49.3902 29.4676 49.506 29.4676H50.9459C51.0617 29.4676 51.1556 29.3737 51.1556 29.2579V28.147C53.3095 27.8747 54.5669 26.6239 54.5669 24.6846C54.5669 22.7454 53.3097 21.4944 51.1556 21.2222ZM49.2964 21.093C47.7449 20.821 47.7445 19.8571 47.7445 19.506C47.7445 19.155 47.7449 18.1909 49.2964 17.919V21.093ZM51.1556 26.2715V23.0973C52.7071 23.3694 52.7075 24.3335 52.7075 24.6844C52.7075 25.0352 52.7072 25.9996 51.1556 26.2715Z" fill="#2D527C"></path>
                    <path d="M8.27683 25.4908C11.7763 25.4908 14.6132 28.3278 14.6132 31.8272C14.6132 35.3267 11.7764 38.1636 8.27683 38.1636C4.77737 38.1636 1.94045 35.3267 1.94045 31.8272C1.94045 28.3278 4.77737 25.4908 8.27683 25.4908H1.90094V59.5026H14.653V25.4908H8.27683Z" fill="#CEE8FA"></path>
                    <path d="M63.11 44.9762H46.2313C46.2605 44.7292 46.2771 44.4796 46.2771 44.2272C46.2771 42.5327 45.6093 40.941 44.3882 39.7368L33.2024 28.8477C31.4588 27.1562 29.154 26.2246 26.712 26.2246H16.5535V25.491C16.5535 24.4412 15.7023 23.59 14.6526 23.59H1.90094C0.851213 23.5902 0 24.4414 0 25.4911V59.5031C0 60.5528 0.851213 61.404 1.90094 61.404H14.6527C15.7025 61.404 16.5537 60.5528 16.5537 59.5031V58.6184L41.0016 58.6142C42.0514 58.614 42.9023 57.7627 42.9022 56.7128C42.902 55.6631 42.0507 54.8121 41.0008 54.8123L16.5535 54.8165V30.0265H26.712C28.16 30.0265 29.5249 30.5771 30.5525 31.574L41.7272 42.4525C42.2094 42.9281 42.475 43.5583 42.475 44.2274C42.475 44.8965 42.2097 45.5266 41.7265 46.0031L41.7128 46.0166C40.6995 47.0159 39.0508 47.0157 38.0378 46.0166L26.2403 34.3824C25.4929 33.645 24.2891 33.6534 23.552 34.4012C22.8148 35.1488 22.8232 36.3523 23.5709 37.0895L31.5687 44.9767H24.0092C22.9595 44.9767 22.1083 45.8279 22.1083 46.8777C22.1083 47.9274 22.9595 48.7786 24.0092 48.7786H35.184C35.2609 48.7786 35.3363 48.7727 35.4108 48.7638C36.6481 49.9618 38.2611 50.562 39.8751 50.5617C41.483 50.5617 43.0907 49.9656 44.3265 48.776C44.3432 48.7764 44.3594 48.7785 44.3761 48.7785H63.1098C64.8126 48.7785 66.198 50.1329 66.198 51.7979C66.198 53.4627 64.8126 54.8172 63.1098 54.8172H49.9612C48.9115 54.8172 48.0603 55.6684 48.0603 56.7181C48.0603 57.7679 48.9115 58.6191 49.9612 58.6191H63.1098C66.9089 58.6191 69.9999 55.5592 69.9999 51.798C70 48.0365 66.9092 44.9762 63.11 44.9762ZM8.27683 27.3918C10.7223 27.3918 12.7121 29.3814 12.7121 31.8272C12.7121 34.2727 10.7225 36.2625 8.27683 36.2625C5.83107 36.2625 3.84139 34.2728 3.84139 31.8272C3.84139 29.3814 5.83107 27.3918 8.27683 27.3918ZM12.7518 57.6019H3.80188V38.7399C5.09114 39.5774 6.62814 40.0643 8.27683 40.0643C9.92553 40.0643 11.4627 39.5773 12.7518 38.7399V57.6019Z" fill="#2D527C"></path>
                  </svg>
                </div>
                <div class="box-content">
                  <h4>Affordable price</h4>
                  <p>When the price is not right, be sure that it is not our price! We have the most reasonable pricing of all the competition!</p>
                </div>
              </article>
            </div>
          </div>
          <div class="row row-lg">
            <div class="col-12 text-center"><a class="btn-link" href="appointment.html">Sign up for Repair ></a></div>
          </div>
        </div>
      </section>
      <section class="section section-xl bg-primary section-bottom-0">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-md-8 text-center">
              <h2>Meet our team</h2>
              <p>All our team members are high-qualified, educated and skilled experts. We<br class="d-none d-xxl-block">stand for quality, safety and credibility, so you could be sure about our work.</p>
            </div>
          </div>
          <div class="owl-carousel owl-theme-2" data-items="1" data-md-items="2" data-lg-items="3" data-xxl-items="4" data-dots="true">
            <div class="box-team block-sm"><a class="figure" href="team-member-profile.html"><img src="images/team-01-292x340.jpg" alt="" width="292" height="340"/></a>
              <div class="box-team-body">
                <h4 class="box-team-title"><a href="team-member-profile.html">Ralph Edwards</a></h4>
                <p class="box-team-text">Floor and coverings expert</p>
              </div>
            </div>
            <div class="box-team block-sm"><a class="figure" href="team-member-profile.html"><img src="images/team-02-292x340.jpg" alt="" width="292" height="340"/></a>
              <div class="box-team-body">
                <h4 class="box-team-title"><a href="team-member-profile.html">Edward Robertson</a></h4>
                <p class="box-team-text">Electrical and furniture expert</p>
              </div>
            </div>
            <div class="box-team block-sm"><a class="figure" href="team-member-profile.html"><img src="images/team-03-293x340.jpg" alt="" width="293" height="340"/></a>
              <div class="box-team-body">
                <h4 class="box-team-title"><a href="team-member-profile.html">Jenny Wilson</a></h4>
                <p class="box-team-text">Paint expert</p>
              </div>
            </div>
            <div class="box-team block-sm"><a class="figure" href="team-member-profile.html"><img src="images/team-04-293x340.jpg" alt="" width="293" height="340"/></a>
              <div class="box-team-body">
                <h4 class="box-team-title"><a href="team-member-profile.html">Brooklyn Simmons</a></h4>
                <p class="box-team-text">Repair technician</p>
              </div>
            </div>
            <div class="box-team block-sm"><a class="figure" href="team-member-profile.html"><img src="images/team-05-292x340.jpg" alt="" width="292" height="340"/></a>
              <div class="box-team-body">
                <h4 class="box-team-title"><a href="team-member-profile.html">Samantha Smith</a></h4>
                <p class="box-team-text">Interior designer</p>
              </div>
            </div>
          </div>
        </div>
        <div class="section section-inset-1 bg-white"></div>
      </section>
      <section class="section section-xl bg-sky-blue">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-md-8 col-xxl-6 text-center">
              <h2>Select your package</h2>
              <p>There are dozens of reasons why our clients choose Stract as their renovation service provider of choice.</p>
            </div>
          </div>
          <div class="row row-30">
            <div class="col-md-6 col-lg-4">
              <div class="box-pricing block-sm text-center">
                <div class="box-pricing-header context-dark">
                  <h4 class="box-pricing-title">Basic</h4>
                  <p class="box-pricing-subtitle">Perfect for Simple Repair</p>
                </div>
                <div class="box-pricing-content">
                  <div class="h2 box-pricing-price">$65.00</div><a class="btn btn-lg btn-block btn-circle btn-sky-blue" href="#">Order Now</a>
                  <ul class="h4 box-pricing-list">
                    <li>Repairs</li>
                    <li>Maintenance</li>
                  </ul>
                  <div class="box-pricing-bottom">
                    <div class="box-pricing-bottom-icon">
                      <svg class="icon-fill" width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M8.25293 4.5V6.0271H9.74707V4.5H8.25293Z"></path>
                        <path d="M8.31885 6.97192V13.311H9.69214V6.97192H8.31885Z"></path>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9ZM16.875 9C16.875 13.3492 13.3492 16.875 9 16.875C4.65076 16.875 1.125 13.3492 1.125 9C1.125 4.65076 4.65076 1.125 9 1.125C13.3492 1.125 16.875 4.65076 16.875 9Z"></path>
                      </svg>
                    </div>
                    <div class="box-pricing-bottom-text">Other services can be ordered<br/>at an extra rate.</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="box-pricing block-sm text-center">
                <div class="box-pricing-header context-dark">
                  <h4 class="box-pricing-title">Standard</h4>
                  <p class="box-pricing-subtitle">Most popular</p>
                </div>
                <div class="box-pricing-content">
                  <div class="h2 box-pricing-price">$120.00</div><a class="btn btn-lg btn-block btn-circle btn-sky-blue" href="#">Order Now</a>
                  <ul class="h4 box-pricing-list">
                    <li>Repairs</li>
                    <li>Maintenance</li>
                    <li>Refinishing</li>
                  </ul>
                  <div class="box-pricing-bottom">
                    <div class="box-pricing-bottom-icon">
                      <svg class="icon-fill" width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M8.25293 4.5V6.0271H9.74707V4.5H8.25293Z"></path>
                        <path d="M8.31885 6.97192V13.311H9.69214V6.97192H8.31885Z"></path>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 13.9706 13.9706 18 9 18C4.02944 18 0 13.9706 0 9C0 4.02944 4.02944 0 9 0C13.9706 0 18 4.02944 18 9ZM16.875 9C16.875 13.3492 13.3492 16.875 9 16.875C4.65076 16.875 1.125 13.3492 1.125 9C1.125 4.65076 4.65076 1.125 9 1.125C13.3492 1.125 16.875 4.65076 16.875 9Z"></path>
                      </svg>
                    </div>
                    <div class="box-pricing-bottom-text">Other services can be ordered<br/>at an extra rate.</div>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-4">
              <div class="box-pricing block-sm text-center">
                <div class="box-pricing-header context-dark">
                  <h4 class="box-pricing-title">Ultimate</h4>
                  <p class="box-pricing-subtitle">All services are included</p>
                </div>
                <div class="box-pricing-content">
                  <div class="h2 box-pricing-price">$250.00</div><a class="btn btn-lg btn-block btn-circle btn-sky-blue" href="#">Order Now</a>
                  <ul class="h4 box-pricing-list">
                    <li>Repairs</li>
                    <li>Maintenance</li>
                    <li>Refinishing</li>
                    <li>Custom design work</li>
                    <li>Cleaning</li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section section-lg bg-default">
        <div class="container">
          <div class="row row-30 align-items-md-center">
            <div class="col-md-6 col-xl-5">
              <h2>Take advantage<br class="d-none d-xxl-block">of the benefits and services of our specialists</h2>
              <p class="pe-xl-3 pt-xl-4 mb-xl-5">Get the best customer service and efficient repairs from our technicians. Make an inquiry today to get the services tomorrow.</p>
            </div>
            <div class="col-md-6 col-xl-5 offset-xl-2">
              <div class="box-form bg-sky-blue">
                <h3>Sign up for a Repair</h3>
                <p>Enter your contact details to schedule a repair.</p>
                <form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
                  <div class="form-wrap">
                    <div class="form-input-icon">
                      <svg class="icon-fill" width="18" height="18" viewBox="0 0 18 18" fill="none">
                        <g clip-path="clip-path">
                          <path fill-rule="evenodd" clip-rule="evenodd" d="M9 11.5429C5.12868 11.5429 1.94408 13.4732 1.55733 17.2298C1.5137 17.6536 1.17137 18 0.743899 18C0.316426 18 -0.0335727 17.6534 0.00256974 17.2289C0.395016 12.6193 4.27343 10 9 10C13.7266 10 17.605 12.6193 17.9974 17.2289C18.0336 17.6534 17.6836 18 17.2561 18C16.8286 18 16.4863 17.6536 16.4427 17.2298C16.0559 13.4732 12.8713 11.5429 9 11.5429Z"></path>
                          <path fill-rule="evenodd" clip-rule="evenodd" d="M9 6.5C10.3807 6.5 11.5 5.38071 11.5 4C11.5 2.61929 10.3807 1.5 9 1.5C7.61929 1.5 6.5 2.61929 6.5 4C6.5 5.38071 7.61929 6.5 9 6.5ZM13 4C13 6.20914 11.2091 8 9 8C6.79086 8 5 6.20914 5 4C5 1.79086 6.79086 0 9 0C11.2091 0 13 1.79086 13 4Z"></path>
                        </g>
                        <defs>
                          <clippath>
                            <rect width="18" height="18"></rect>
                          </clippath>
                        </defs>
                      </svg>
                    </div>
                    <input class="form-input form-input-lg form-input-extended" id="contact-name-2" type="text" name="name" data-constraints="@Required">
                    <label class="form-label form-label-lg form-label-extended" for="contact-name-2">Your name</label>
                  </div>
                  <div class="form-wrap">
                    <div class="form-input-icon">
                      <svg class="icon-fill" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M0.046654 1.74425C-0.186815 0.858105 0.485832 0 1.39798 0H5.3521C5.97179 0 6.51777 0.406179 6.69428 0.998507L7.72889 4.47043C7.9163 5.09933 7.64002 5.7745 7.06167 6.09137L3.40007 8.0975C3.57683 8.47475 3.8429 8.9829 4.18179 9.54253C4.72342 10.4369 5.41465 11.4018 6.15518 12.1184C6.90612 12.8451 7.89437 13.4834 8.80026 13.9698C9.34179 14.2606 9.83428 14.4867 10.2056 14.6398L11.7113 11.2713C11.9934 10.6402 12.6947 10.3117 13.3608 10.4942L16.9707 11.4831C17.5787 11.6496 18 12.2007 18 12.8294V16.6159C18 17.4814 17.2092 18.1579 16.3311 17.9677C15.0884 17.6986 12.63 17.1041 10.3471 16.1788C9.9138 16.0482 9.06818 15.6994 8.13642 15.1991C7.17204 14.6813 6.06002 13.9719 5.18006 13.1204C4.31952 12.2877 3.55671 11.2113 2.98318 10.2642C2.41447 9.32511 1.99528 8.45183 1.84841 8.00297C1.15901 5.8959 0.410642 3.12579 0.046654 1.74425ZM11.5171 15.1353C13.4823 15.869 15.4976 16.3576 16.5998 16.5972V12.8294L12.9899 11.8405L11.5171 15.1353ZM12.9894 11.8404C12.9889 11.8402 12.989 11.8403 12.9895 11.8403C12.9898 11.8403 12.9897 11.8402 12.9895 11.8403L12.9894 11.8404C12.9894 11.8404 12.9894 11.8404 12.9894 11.8404ZM2.92329 6.76566L6.38671 4.86811L5.3521 1.39619H1.40265C1.72119 2.60502 2.32558 4.84412 2.92329 6.76566Z"></path>
                      </svg>
                    </div>
                    <input class="form-input form-input-lg form-input-extended" id="contact-phone-2" type="text" name="phone" data-constraints="@Numeric">
                    <label class="form-label form-label-lg form-label-extended" for="contact-phone-2">Your phone</label>
                  </div>
                  <div class="form-wrap">
                    <button class="btn btn-block btn-lg btn-circle btn-primary" type="submit">Submit Request</button>
                  </div>
                  <div class="form-wrap-bottom">
                    <label class="small checkbox-inline checkbox-white text-gray">
                      <input name="input-checkbox" value="checkbox-1" type="checkbox">I agree to the&nbsp;<a class="link-underline link-black" href="privacy-policy.html">Privacy Policy</a>&nbsp;and&nbsp;<a class="link-underline link-black" href="privacy-policy.html">Terms of Service</a>
                    </label>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="section section-xl bg-sky-blue">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-md-8 col-xxl-6 text-center">
              <h2>Latest news</h2>
              <p>Check out the latest publications by our team.</p>
            </div>
          </div>
          <div class="row row-30">
            <div class="col-md-6 col-lg-4">
              <article class="post-default block-sm hover-shadow">
                <div class="post-media">
                  <div class="tag">News</div><a class="figure" href="blog-post.html"><img src="images/post-01-370x220.jpg" alt="" width="370" height="220"/></a>
                </div>
                <div class="post-body">
                  <div class="post-meta">
                    <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="clip-path">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8442 0.724138C12.8442 0.324208 12.5185 0 12.1169 0C11.7152 0 11.3896 0.324208 11.3896 0.724138V2.06897H6.61039V0.724138C6.61039 0.324208 6.28478 0 5.88312 0C5.48146 0 5.15584 0.324208 5.15584 0.724138V2.06897H3.34343C2.04919 2.06897 1 3.11363 1 4.4023V15.6667C1 16.9553 2.04919 18 3.34343 18H14.6566C15.9508 18 17 16.9553 17 15.6667V4.4023C17 3.11363 15.9508 2.06897 14.6566 2.06897H12.8442V0.724138ZM15.5455 7.24138V4.4023C15.5455 3.9135 15.1475 3.51724 14.6566 3.51724H12.8442V4.86207C12.8442 5.262 12.5185 5.58621 12.1169 5.58621C11.7152 5.58621 11.3896 5.262 11.3896 4.86207V3.51724H6.61039V4.86207C6.61039 5.262 6.28478 5.58621 5.88312 5.58621C5.48146 5.58621 5.15584 5.262 5.15584 4.86207V3.51724H3.34343C2.85251 3.51724 2.45455 3.9135 2.45455 4.4023V7.24138H15.5455ZM2.45455 8.68966H15.5455V15.6667C15.5455 16.1555 15.1475 16.5517 14.6566 16.5517H3.34343C2.85251 16.5517 2.45455 16.1555 2.45455 15.6667V8.68966Z" fill="#2D527C"></path>
                      </g>
                      <defs>
                        <clippath>
                          <rect width="18" height="18" fill="white"></rect>
                        </clippath>
                      </defs>
                    </svg>
                    <time datetime="2021-06-21">June 21, 2021</time>
                  </div>
                  <h4 class="post-title"><a href="blog-post.html">Controlling the Final Cost of Your Renovation</a></h4>
                  <p class="post-text">There are four key ingredients for controlling the cost of house...</p>
                </div>
              </article>
            </div>
            <div class="col-md-6 col-lg-4">
              <article class="post-default block-sm hover-shadow">
                <div class="post-media">
                  <div class="tag">News</div><a class="figure" href="blog-post.html"><img src="images/post-02-370x220.jpg" alt="" width="370" height="220"/></a>
                </div>
                <div class="post-body">
                  <div class="post-meta">
                    <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="clip-path">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8442 0.724138C12.8442 0.324208 12.5185 0 12.1169 0C11.7152 0 11.3896 0.324208 11.3896 0.724138V2.06897H6.61039V0.724138C6.61039 0.324208 6.28478 0 5.88312 0C5.48146 0 5.15584 0.324208 5.15584 0.724138V2.06897H3.34343C2.04919 2.06897 1 3.11363 1 4.4023V15.6667C1 16.9553 2.04919 18 3.34343 18H14.6566C15.9508 18 17 16.9553 17 15.6667V4.4023C17 3.11363 15.9508 2.06897 14.6566 2.06897H12.8442V0.724138ZM15.5455 7.24138V4.4023C15.5455 3.9135 15.1475 3.51724 14.6566 3.51724H12.8442V4.86207C12.8442 5.262 12.5185 5.58621 12.1169 5.58621C11.7152 5.58621 11.3896 5.262 11.3896 4.86207V3.51724H6.61039V4.86207C6.61039 5.262 6.28478 5.58621 5.88312 5.58621C5.48146 5.58621 5.15584 5.262 5.15584 4.86207V3.51724H3.34343C2.85251 3.51724 2.45455 3.9135 2.45455 4.4023V7.24138H15.5455ZM2.45455 8.68966H15.5455V15.6667C15.5455 16.1555 15.1475 16.5517 14.6566 16.5517H3.34343C2.85251 16.5517 2.45455 16.1555 2.45455 15.6667V8.68966Z" fill="#2D527C"></path>
                      </g>
                      <defs>
                        <clippath>
                          <rect width="18" height="18" fill="white"></rect>
                        </clippath>
                      </defs>
                    </svg>
                    <time datetime="2021-06-21">June 21, 2021</time>
                  </div>
                  <h4 class="post-title"><a href="blog-post.html">Electrical Safety Tips For Home Renovation</a></h4>
                  <p class="post-text">Deciding to renovate your home is a big decision, and, while it can be...</p>
                </div>
              </article>
            </div>
            <div class="col-md-6 col-lg-4">
              <article class="post-default block-sm hover-shadow">
                <div class="post-media">
                  <div class="tag">News</div><a class="figure" href="blog-post.html"><img src="images/post-03-370x220.jpg" alt="" width="370" height="220"/></a>
                </div>
                <div class="post-body">
                  <div class="post-meta">
                    <svg width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <g clip-path="clip-path">
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8442 0.724138C12.8442 0.324208 12.5185 0 12.1169 0C11.7152 0 11.3896 0.324208 11.3896 0.724138V2.06897H6.61039V0.724138C6.61039 0.324208 6.28478 0 5.88312 0C5.48146 0 5.15584 0.324208 5.15584 0.724138V2.06897H3.34343C2.04919 2.06897 1 3.11363 1 4.4023V15.6667C1 16.9553 2.04919 18 3.34343 18H14.6566C15.9508 18 17 16.9553 17 15.6667V4.4023C17 3.11363 15.9508 2.06897 14.6566 2.06897H12.8442V0.724138ZM15.5455 7.24138V4.4023C15.5455 3.9135 15.1475 3.51724 14.6566 3.51724H12.8442V4.86207C12.8442 5.262 12.5185 5.58621 12.1169 5.58621C11.7152 5.58621 11.3896 5.262 11.3896 4.86207V3.51724H6.61039V4.86207C6.61039 5.262 6.28478 5.58621 5.88312 5.58621C5.48146 5.58621 5.15584 5.262 5.15584 4.86207V3.51724H3.34343C2.85251 3.51724 2.45455 3.9135 2.45455 4.4023V7.24138H15.5455ZM2.45455 8.68966H15.5455V15.6667C15.5455 16.1555 15.1475 16.5517 14.6566 16.5517H3.34343C2.85251 16.5517 2.45455 16.1555 2.45455 15.6667V8.68966Z" fill="#2D527C"></path>
                      </g>
                      <defs>
                        <clippath>
                          <rect width="18" height="18" fill="white"></rect>
                        </clippath>
                      </defs>
                    </svg>
                    <time datetime="2021-06-21">June 21, 2021</time>
                  </div>
                  <h4 class="post-title"><a href="blog-post.html">Standard Dimensions for Interior Design</a></h4>
                  <p class="post-text">When planning a room or designing a piece of furniture, you should...</p>
                </div>
              </article>
            </div>
          </div>
          <div class="row row-lg">
            <div class="col-12 text-center"><a class="btn-link" href="grid-blog.html">See All News  ></a></div>
          </div>
        </div>
      </section>
      <footer class="footer section-footer bg-primary">
        <div class="container">
          <div class="row row-50">
            <div class="col-lg-6"><a class="brand" href="index.html"><img src="images/logo-inverse-124x30.svg" alt="" width="124" height="30"/></a>
              <p class="footer-suptitle">Call Us for any question:</p><a class="h3 footer-phone" href="tel:#">+1 (800) 123 1234</a>
              <address class="footer-address">2972 Westheimer Rd. Santa Ana,<br>Illinois 85486</address><a class="footer-mail-link" href="mailto:#">info@demolink.org</a>
              <ul class="list-footer list-inline list-inline-md">
                <li><a class="icon icon-md fa-facebook" href="#"></a></li>
                <li><a class="icon icon-md fa-twitter" href="#"></a></li>
                <li><a class="icon icon-md fa-instagram" href="#"></a></li>
                <li><a class="icon icon-md fa-youtube-play" href="#"></a></li>
              </ul>
            </div>
            <div class="col-lg-6">
              <h3>Subscribe to newsletter</h3>
              <p>Sign up for our e-mail and be the first to know about our special offers!</p>
              <form class="rd-form mailchimp-mailform rd-form-inline rd-mailform" data-form-output="form-output-global" action="#" method="post">
                <div class="form-wrap">
                  <div class="form-input-icon text-body">
                    <svg class="icon-fill" width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M16.7538 15.2308V7.27551C16.7538 6.75616 16.4892 6.27261 16.0518 5.99266L9 1.47952L1.94821 5.99266C1.51078 6.27261 1.24615 6.75616 1.24615 7.27551V15.2308C1.24615 16.0719 1.92806 16.7538 2.76923 16.7538H15.2308C16.0719 16.7538 16.7538 16.0719 16.7538 15.2308ZM9 0L1.27647 4.94306C0.481144 5.45207 0 6.33125 0 7.27551V15.2308C0 16.7602 1.23983 18 2.76923 18H15.2308C16.7602 18 18 16.7602 18 15.2308V7.27551C18 6.33125 17.5189 5.45207 16.7235 4.94306L9 0Z"></path>
                      <path fill-rule="evenodd" clip-rule="evenodd" d="M0.698105 6.40658L1.37884 5.36279L9.00001 10.3331L16.6212 5.36279L17.3019 6.40658L9.00001 11.8209L0.698105 6.40658Z"></path>
                    </svg>
                  </div>
                  <input class="form-input form-input-extended form-input-lg" id="subscribe-form-email" type="email" name="email" data-constraints="@Email @Required">
                  <label class="form-label form-label-lg form-label-extended" for="subscribe-form-email">Type your email</label>
                </div>
                <div class="form-button">
                  <button class="btn btn-lg footer-button mt-0" type="submit">Subscribe</button>
                </div>
              </form>
              <div class="row row-30 row-lg">
                <div class="col-sm-4">
                  <ul class="list fw-medium">
                    <li><a href="about.html">Who We Are</a></li>
                    <li><a href="services.html">Services</a></li>
                    <li><a href="pricing.html">Pricing</a></li>
                    <li><a href="grid-blog.html">News</a></li>
                    <li><a href="contact-us.html">Contacts</a></li>
                  </ul>
                </div>
                <div class="col-sm-8">
                  <ul class="list fw-medium">
                    <li><a href="#">Repairs/Renovation</a></li>
                    <li><a href="#">Maintenance</a></li>
                    <li><a href="#">Refinishing</a></li>
                    <li><a href="#">Custom design work</a></li>
                    <li><a href="#">Cleaning</a></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
       
        </div>
      </footer>
    </div>
    <div class="snackbars" id="form-output-global"></div>
    <script src="js/core.min.js"></script>
    <script src="js/script.js"></script>
  </body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黄菊华老师

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值