david
/
dw


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465
							<!DOCTYPE html>
<html lang="en" class="no-js default-scroll">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui">
<meta name="google-site-verification" content="kp06-RPhHu97jLQv5c7nl_jyj3wDwTBIpC_OogW-TFc" />
<meta name="description" content="David Windham">
<meta name="author" content="David Windham">
<title>David Windham</title>
<meta property="og:title" content="David Windham"/>
<meta property="og:description" content="Something Else"/>
<meta property="og:type" content="website"/><meta property="og:url" content="https://davidwindham.com"/><meta property="og:site_name" content="David Windham"/><meta property="og:image" content="img/og_image.jpg"/><meta property="fb:app_id" content="203136806559589" /><meta name="twitter:site" content="@windhamdavid"><meta name="twitter:creator" content="@windhamdavid"><meta name="twitter:title" content="David Windham"><meta name="twitter:description" content="Something Else"><meta name="twitter:image" content="img/ogt_image.jpg"><meta name="twitter:card" content="summary_large_image"><link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png"><link rel="manifest" href="img/site.webmanifest"><link rel="mask-icon" href="img/safari-pinned-tab.svg" color="#3f3f3f"><meta name="msapplication-TileColor" content="#000000"><meta name="theme-color" content="#ffffff">
<!-- build:css css/dw.css -->
<link rel="stylesheet" href="css/mixin.css">
<link rel="stylesheet" href="./css/fullcalendar.css">
<link rel="stylesheet" href="./css/fullcalendar-daygrid.css">
<link rel="stylesheet" href="./css/fullcalendar-timegrid.css">
<link rel="stylesheet" href="css/style.css">
<!-- endbuild -->
</head>
<body>

<!-- ============================= ** HEADER ** ============================= -->
<header id="header" class="header" role="banner">
  <div class="header-ui">
    <div class="brand--nav">
      <h1>David Windham</h1>
    </div>
  </div>
</header>
<header class="header-small showing">
  <a href="./index.php" class="brand">
    <img class="light" src="./img/dw-sm-white.svg" srcset="./img/dw-sm-white.svg 2x" alt="David Windham logo"/>
    <img class="dark" src="./img/dw-sm.svg" srcset="./img/dw-sm.svg 2x" alt="David Windham logo"/>
  </a>
  <button class="hamburger" type="button">
    <span class="hamburger-box">
      <span class="hamburger-inner"></span>
    </span>
  </button>
  <div class="header-small-menu">
     <a href="#who">Who</a>
    <a href="#what">What</a>
    <a href="#when">When</a>
    <a href="#about">Why</a>
    <a href="#when">How</a>
    <h6><a class="email" href="mailto:&#100;&#097;&#118;&#105;&#100;&#064;&#100;&#097;&#118;&#105;&#100;&#119;&#105;&#110;&#100;&#104;&#097;&#109;&#046;&#099;&#111;&#109;" target="_blank">&#100;&#097;&#118;&#105;&#100;&#064;&#100;&#097;&#118;&#105;&#100;&#119;&#105;&#110;&#100;&#104;&#097;&#109;&#046;&#099;&#111;&#109;</a></h6>
  </div>
</header>

 <!-- ============================= ** MAIN ** ============================= -->
<main id="main" class="main">
 <!-- ============================= ** HELLO ** ============================= -->

  <div id="hello" class="background-color black" data-dark-bg></div>
  <section class="page-view hero dw-header d-flex align-items-center">
    <div class="container main">
      <div class="row">
        <div class="col-lg-6">
          <h1>Hello!</h1>
          <p class="lead"></p>
          <h2 class="">I like to help folks make good use of the internet by crafting custom applications and websites.</h2>
        </div>
        <div class="col col-lg-6 align-self-end">
          <blockquote>
            <h1>If I can get you to laugh with me, you like me better, which makes you more open to my ideas. And if I can persuade you to laugh at the particular point I make, by laughing at it you acknowledge its truth.</h1>
            <p class="right">~ John Cleese</p>
          </blockquote>
          <!--<img width="400" src="./img/dw.svg" srcset="./img/dw.svg 2x" alt="David Windham"/>-->
        </div>
      </div>
    </div>
  </section>

<!-- ============================= ** WHO ** ============================= -->
  <div id="who" class="background-color white"></div>
  <section class="page-view hello">
    <div class="container">
      <div class="row">
        <div class="col-lg-10">
          <h1>Who?</h1>
          <p class="lead">
            I've been a web developer for almost 20 years.
            I have a BA in Studio Art and a minor in Art History from The College of Charleston.
            I've worked in advertising, publishing, education, and an assortment of businesses for clients.
            I focus on building custom web applications and
            I treat my development work like mechanical art.
          </p>
          <img width="300" src="./img/dw-sig.png" alt="David Windham signature">
          <p class="lead">Have a project in mind?</p>
          <button type="button" class="btn btn-outline-dark">
            <a href="mailto:&#100;&#097;&#118;&#105;&#100;&#064;&#100;&#097;&#118;&#105;&#100;&#119;&#105;&#110;&#100;&#104;&#097;&#109;&#046;&#099;&#111;&#109;">Email Me</a>
          </button>
        </div>
      </div>
    </div>
  </section>

<!-- ============================= ** WHAT ** ============================= -->
  <div id="what" class="background-color black" data-dark-bg></div>
  <section class="page-view capabilities">
    <div class="container">
      <h1 class="what">What?</h1>
      <h2 class="what">My Capabilities</h2>
      <p>I'm essentially a guided service provider. I'll hold your hand through the whole process and I'll mainting, improve, and host your web sites and applications for thier life online. I offer three basic subscriptions to cloud hosting alongside of my hourly development.</p>


      <div class="row capabilities-types">
        <div class="col-lg-12">
          <div class="row">
            <div class="col-md-4">
              <h5>Strategy</h5>
              <ul>
                <li>Advertising</li>
                <li>Communication</li>
                <li>Product</li>
                <li>Research</li>
              </ul>
            </div>
            <div class="col-md-4">
              <h5>Front End</h5>
              <ul>
                <li>HTML / CSS</li>
                <li>Javascript ES6 / ES5</li>
                <li>Tailwind / Bootstrap</li>
                <li>Vue / React / Ember</li>
              </ul>
            </div>
            <div class="col-md-4">
              <h5>Dev-Ops</h5>
              <ul>
                <li>Build Automation</li>
                <li>Continuous Integration</li>
                <li>Microservices</li>
                <li>QA / Unit Testing</li>
              </ul>
            </div>
          </div>
          <div class="row">
            <div class="col-md-4">
              <h5>Design</h5>
              <ul>
                <li>Graphic</li>
                <li>Illustration</li>
                <li>Print / Layout</li>
                <li>Prototyping</li>
                <li>UI/UX design</li>
              </ul>
            </div>
            <div class="col-md-4">
              <h5>Back End</h5>
              <ul>
                <li>Go / Gorilla / Dart / Flutter<li>
                <li>Node / Express / Meteor</li>
                <li>PHP / Laravel / WordPress</li>
                <li>Python / Flask / Django</li>
                <li>Ruby / Rails / Sinatra</li>
              </ul>
            </div>
            <div class="col-md-4">
              <h5>Sys-Admin</h5>
              <ul>
                <li>Amazon / Google Services</li>
                <li>Ansible / Docker / Kubernetes</li>
                <li>Heroku / Linode / Zeit</li>
                <li>Debian / Ubuntu / CentOS</li>
                <li>Mongo / SQL / Redis</li>
              </ul>
            </div>
          </div>

          <div class="row">
            <div class="col-lg-12">
              <div class="row">
                <div class="col-md-4">
                  <h5>Cloud ☁️ Hosting</h5>
                </div>
              </div>
              <div class="row">
                <div class="col-md-4">
                  <ul>
                    <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#exampleModalCenter">
                      White Glove
                    </button>
                  </ul>
                </div>
                <div class="col-md-4">
                  <ul>
                    <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#exampleModalCenter">
                      Custom Catered
                    </button>
                  </ul>
                </div>
                <div class="col-md-4">
                  <ul>
                    <button type="button" class="btn btn-dark" data-toggle="modal" data-target="#exampleModalCenter">
                      Brown Bag
                    </button>
                  <ul>
                </div>
              </div>
            </div>
          </div>

          <!-- Modal -->
          <div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title" id="whiteglove">White Glove</h5>
                    <h6 class="modal">$75 per month</h6>
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                  </button>
                </div>
                <div class="modal-body">
                  This service includes:
                  <ol>
                    <li>A managed Cloud Host from Amazon, Google, or Linode</li>
                    <li>Regular maintence upgrades</li>
                    <li>On Call support</li>
                    <li>Software Maintenence</li>
                  </ol>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
              </div>
            </div>
          </div>
          <!-- END:Modal -->

        </div>
      </div>
    </div>
  </section>

<!-- ============================= ** WHEN ** ============================= -->

  <div id="when" class="background-color white"></div>
      <section class="page-view when">
        <div class="container">
          <div class="row">
            <div class="col-lg-10">
              <h1 class="when">When &amp; Where?</h1>
            </div>
          </div>
          <div class="row">
            <div class="col-lg-3 offset-md-1">
              <div class="row mt-5">
                <h4 class="when">Request My Time</h4>
                <p>I work 6 hours a day and I charge $50 per hour. I book hourly sessions regularly and I overlap projects in an effort to keep my schedule full and avoid contract work.</p>
                <br />
              </div>
              <div class="row">
                <h4 class="when">I Work Everywhere.</h4>
                <p>Although video chats are nice, I enjoy meeting in person too. I travel out of the Greenville or Charlotte International Airports.</p>
              </div>
            </div>
            <div class="col-lg-7">
              <div id='calendar'></div>
            </div>
          </div>
        </div>
      </div>
    </section>


<!-- ============================= ** WHY ** ============================= -->
  <div id="why" class="background-color black"></div>
    <div class="page-view why testimonials-section">
      <div class="container">
        <h1 class="why">Why?</h1>
        <div class="row">

          <div class="col-lg-8 offset-lg-1">
            <figure class="br-testimonial">
              <blockquote>
                "David was excellent in developing web applications.
                In less than two months we had a product ready for launch. David's persistent
                support throughout development and launch was fast and consistent; <strong>This
                project would have been impossible without him</strong>"
              </blockquote>
              <figcaption>
                <cite>Levi Brooks</cite>
                Use All Five Inc. - Los Angeles, CA
                <br />Harvard Kennedy School of Education
              </figcaption>
            </figure>

            <figure class="br-testimonial">
              <blockquote>
                "You have great taste in music and you worked quickly.
                In less than two months we had a product ready for launch. David's persistent
                support throughout development and launch was fast and consistent; <strong>This
                project would have been impossible without him</strong>"
              </blockquote>
              <figcaption>
                <cite>D.A. Pennebaker</cite>
                D.A. Pennebaker Films
              </figcaption>
            </figure>

            <figure class="br-testimonial showing">
              <blockquote>
                "Good developers can be difficult to find, but David is amazing! He’s an
                <strong>expert developer who works quickly</strong> and ultimately delivered an app that
                exceeded my expectations. I would definitely work with him again."
              </blockquote>
              <figcaption>
                <cite>Mark Hyatt</cite>
                Communications Director <br /> Self Regional Hospital
              </figcaption>
            </figure>
        </div>

        <div class="col-lg-3 next-wrapper">
          <div class="next-testimonial">
            <?xml version='1.0' encoding='utf-8'?>
            <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129">
              <g>
                <path d="m40.4,121.3c-0.8,0.8-1.8,1.2-2.9,1.2s-2.1-0.4-2.9-1.2c-1.6-1.6-1.6-4.2 0-5.8l51-51-51-51c-1.6-1.6-1.6-4.2 0-5.8 1.6-1.6 4.2-1.6 5.8,0l53.9,53.9c1.6,1.6 1.6,4.2 0,5.8l-53.9,53.9z"/>
              </g>
            </svg>
            <span>Next</span>
          </div>
        </div>
      </div>
      <div class="indicators"></div>

    </div>
  </div>


<!-- ============================= ** HOW ** ============================= -->
  <div id="how" class="background-color white" data-dark-bg></div>
    <section class="page-view services">
      <div class="container">
        <div class="row services-title">
          <div class="col-lg-6">
            <h1 class="how">&amp; How</h1>
            <h2 class="how">Can I Help?</h2>
            <p class="lead"></p>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-6">
            <div class="service">
              <i class="pulse"><span></span></i>
              <div class="numbering">01</div>
              <h4 class="how">Create, Build &amp; Host</h4>
              <p>a new web site or application.</p>
            </div>
            <div class="service">
              <i class="pulse">
              <span></span>
              <span></span>
              </i>
              <div class="numbering">02</div>
                <h4 class="how">Audit, Improve &amp; Repair</h4>
                <p>an existing web site or application.</p>
              </div>
              <div class="service">
                <i class="pulse">
                  <span></span>
                  <span></span>
                  <span></span>
                </i>
                <div class="numbering">03</div>
                <h4 class="how">Advise, Consult, &amp; Review</h4>
                <p>on web site and application best practices.</p>
              </div>
              <div class="service">
                <i class="pulse">
                  <span></span>
                  <span></span>
                  <span></span>
                  <span></span>
                </i>
              </div>
            </div>

            <div class="col-lg-5 offset-lg-1">
              <div class="row step">
                <div class="approach-step">
                  <h4 class="how">Tailored &amp; Goal Oriented</h4>
                  <p>Every project is different and the factors that contribute to success are unique. Because of this, I tailor my approach to the specific constraints of your project rather than using a cookie cutter process.</p>
                  <p>My goal is to help you achieve your goals. To ensure success, during every stage of the project all decisions and every line of code will be in support of these goals.</p>
                  <p>Our work isn't done when the code is complete. We'll be there to support you and and your customers through launch, and for as long as we're needed afterwords. Our customers count on us at every stage of the development process from concept/idea all the way through launch and beyond.</p>
                </div>
              </div>
            </div>

          </div>
        </div>

      </div>
    </div>
  </section>

 <!-- ============================= ** MAIN ** ============================= -->
</main>
 <!-- ============================= ** FOOTER ** ============================= -->
<footer id="dw-footer" class="dw-footer">
  <div class="container">
    <div class="row">

      <div class="col-lg-6 col-md-4">
        <div class="br-widget">
          <h5>David Windham</h5>
          <address class="mt-5">
            <a href="https://www.google.com/maps/place/102+Glenridge+Cir,+Greenwood,+SC+29646">102 Glenridge Circle</a><br/>
            <a href="https://www.google.com/maps/place/102+Glenridge+Cir,+Greenwood,+SC+29646">Greenwood, South Carolina USA</a>
            <br/>
            <a  target="_blank" href="mailto:&#100;&#097;&#118;&#105;&#100;&#064;&#100;&#097;&#118;&#105;&#100;&#119;&#105;&#110;&#100;&#104;&#097;&#109;&#046;&#099;&#111;&#109">&#100;&#097;&#118;&#105;&#100;&#064;&#100;&#097;&#118;&#105;&#100;&#119;&#105;&#110;&#100;&#104;&#097;&#109;&#046;&#099;&#111;&#109</a><br />
            <a href="tel:8037123283">+1-803-712-3283</a>
          </address>
        </div>
      </div>

      <div class="col-lg-3 col-md-4 mt-5 mt-md-0">
        <div class="br-widget">
          <ul class="footer-links">

          </ul>
        </div>
      </div>

      <div class="col-lg-3 col-md-4 mt-5 mt-md-0">
        <div class="br-widget">
          <ul class="footer-links">
            <li><a href="https://github.com/windhamdavid" class="github" rel="me"></span><i class="demo-icon icon-github-squared">&#xf300;</i>&nbsp; Github</a></li>
            <li><a href="https://en.wikipedia.org/wiki/User:Windhamdavid" class="wikipedia" rel="me"><i class="demo-icon icon-wikipedia-w">&#xf266;</i>&nbsp; Wikipedia</a></li>
            <li><a href="https://www.facebook.com/davidawindham" class="facebook"><i class="demo-icon icon-facebook-squared">&#xf308;</i>&nbsp; Facebook</a></li>
            <li><a href="https://twitter.com/windhamdavid" class="twitter" rel="me"><i class="demo-icon icon-twitter-squared">&#xf304;</i>&nbsp; Twitter</a></li>
          </ul>
        </div>
      </div>
    </div>

    <div class="footer-end">
      <div class="row">
        <div class="col-md-6 text-center text-md-left">
          &copy; 2020
        </div>
      </div>
    </div>
  </div>
</footer>

<!-- build:js js/dw.js -->
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.js"></script>
<script src="./js/moment.min.js"></script>
<script src="./js/fullcalendar.js"></script>
<script src="./js/fullcalendar-google.js"></script>
<script src="./js/fullcalendar-daygrid.js"></script>
<script src="./js/fullcalendar-timegrid.js"></script>
<script src="./js/waypoints.js"></script>
<script src="./js/waypoints-inview.js"></script>
<script src="./js/_init.js"></script>
<!-- endbuild -->
</body>
</html>