services.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Services</title>
  <!-- <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css"> -->
  <script defer src="node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
  <script defer src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
  <script defer src="node_modules/@fortawesome/fontawesome-free/js/fontawesome.js"></script>
  <script defer src="node_modules/@fortawesome/fontawesome-free/js/solid.js"></script>
  <script defer src="node_modules/@fortawesome/fontawesome-free/js/fontawesome.js"></script>
  <!-- <link rel="stylesheet" href="/assets/css/home.css"> -->
  <link rel="stylesheet" href="/assets/css/style.css" />
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" />

  <!-- <link rel="stylesheet" href="/assets/css/global.css"> -->
  <link rel="stylesheet" href="/assets/css/services.css" />
</head>

<body>
  <header>
    <nav class="navbar navbar-expand-md navbar-light">
      <a class="navbar-brand" href="">
        <img
          src="assets/img/logo-154x149.png"
          alt="ArtWay Construction painting company"
        />
      </a>
      <button
        class="navbar-toggler navbar-custom"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#navbarNavDropdown"
        aria-controls="navbarNavDropdown"
        aria-expanded="false"
        aria-label="Toggle navigation"
      >
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNavDropdown">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a
              class="nav-link nav-link-custom "
              aria-current="page"
              href="index.html"
              >Home</a
            >
          </li>
          <li class="nav-item ">
            <a class="nav-link nav-link-custom active" href="services.html"
              >Services</a
            >
          </li>
          <li class="nav-item">
            <a class="nav-link nav-link-custom" href="projects.html"
              >Projects</a
            >
          </li>

          <li class="nav-item">
            <a class="nav-link nav-link-custom nav-link-contact" href="contactus.html"
              >Contact</a
            >
          </li>
        </ul>
      </div>
    </nav>
  </header>

  <div class="container">
    <div class="row">
      <div class="exterior service col-12 col-sm-12 col-md-6">

        <div class="card">
          <img src="assets/img/services/exterior/exterior1.jpeg" class="card-img-top" alt="...">
          
          <div class="card-body">
            <h5 class="card-title">Exterior Painting</h5>
            <p class="card-text">
            <ul>
              OUR EXTERIOR SERVICES INCLUDED:
              <li>Preparation: caulking, scraping, sanding, priming</li>
              <li>Pressure wash</li>
              <li>Paint hardie, wood, vinyl, aluminum siding, stucco</li>
              <li>Paint exterior trim and door</li>
              <li>Apply solid, semi-solid and semi-transparent stain</li>
            </ul>
            </p>
            <a href="#" class="btn btn-primary">GET ESTIMATE</a>
          </div>
        </div>
      </div>
   
    
      <div class="interior service col-12 col-sm-12 col-md-6">

        <div class="card" >
          <img src="assets/img/services/interior/interior1.jpeg" class="card-img-top" alt="...">
          <div class="card-body">
            <h5 class="card-title">Interior Painting</h5>
            <p class="card-text">
            <ul>
              OUR INTERIOR SERVICES INCLUDED:
              <li>
                Preparation: caulking, filling and spackling, sanding, masking
                and covering surfaces
              </li>
              <li>Minor drywall repair</li>
              <li>Brush & roll, spray finish</li>
              <li>Painting walls & ceilings</li>
              <li>Painting trims and doors</li>
              <li>Paint kitchen and bathroom cabinets</li>
            </ul>

            </p>
            <a href="#" class="btn btn-primary">GET ESTIMATE</a>
          </div>
        </div>
      </div>
    
    
      <div class="commercial service col-12 col-sm-12 col-md-6">
        <div class="card" >
          <img src="assets/img/services/commercial/commercial1.jpg" class="card-img-top" alt="...">
          <div class="card-body">
            <h5 class="card-title"> Commercial Painting
            </h5>
            <p class="card-text">
            <ul>
              OUR COMMERCIAL PAINTING SERVICES:
              <li>
                Exterior painting of commercial buildings, warehouses, etc
              </li>
              <li>Interior tenant improvements painting service</li>
              <li>Interior painting of restaurants and retail stores</li>
            </ul>

            </p>
            <a href="#" class="btn btn-primary">GET ESTIMATE</a>
          </div>
        </div>
      </div>
    
    
      <div class="multi service col-12 col-sm-12 col-md-6">


        <div class="card" >
          <img src="assets/img/services/multi-family/multi1.jpg" class="card-img-top" alt="...">
          <div class="card-body">
            <h5 class="card-title">Multi-family Painting</h5>
            <p class="card-text">
            <ul>
              <span style="text-transform: uppercase">
                We are skilled in many types of specialty paint jobs,
                including:</span>
              <li>Townhomes</li>
              <li>Condos</li>
              <li>Apartment complexes</li>
              <li>Multi-unit facilities</li>
              <li>Multi-story building</li>
            </ul>

            </p>
            <a href="#" class="btn btn-primary">GET ESTIMATE</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <footer class="site-footer">
    <div class="container">
      <div class="row">
        <div class="col-3 col-sm-2 offset-1">
          <h6>Links</h6>
          <ul class="list-unstyled">
            <li><a href="index.html">Home</a></li>
            <li><a href="aboutus.html">About</a></li>
            <li><a href="#">Sites</a></li>
            <li><a href="#">Contact</a></li>
          </ul>
        </div>
        <div class="col-8 col-sm-5 text-center">
          <h6>Social</h6>
          <a class="btn btn-social-icon btn-instagram" href="http://yelp.com/"><i class="fab fa-yelp fa-2x"></i>
          </a>
          <a class="btn btn-social-icon btn-facebook" href="http://facebook.com/"><i
              class="fab fa-facebook-f fa-2x"></i>
          </a>
          <a class="btn btn-social-icon btn-twitter" href="http://telegram.org/"><i
              class="fab fa-telegram-plane fa-2x"></i></a>
          <a class="btn btn-social-icon btn-google" href="http://linkedin.com/"><i
              class="fab fa-linkedin-in fa-2x"></i></a>
        </div>
        <div class="col col-sm-4 text-center">
          <a role="button" class="btn btn-link" href="tel:+12065551234"><i class="fa fa-phone"></i>
            1-206-555-1234</a><br />
          <a role="button" class="btn btn-link" href="mailto:artwayconstruction@gmail.com"><i
              class="far fa-envelope"></i>artwayconstruction@gmail.com</a>
        </div>
      </div>
    </div>
  </footer>
</body>

</html>