123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622 |
- <!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">
- <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">
- <link rel="stylesheet" href="css/dw.css">
- <script type="application/ld+json">
- {
- "@context": "https://schema.org",
- "@type": "LocalBusiness",
- "name": "David Windham",
- "image": "https://davidwindham.com/ogt_image.jpg",
- "@id": "https://davidwindham.com/#who",
- "url": "https://davidwindham.com",
- "telephone": "803-712-3283",
- "address": {
- "@type": "PostalAddress",
- "streetAddress": "102 Glenridge Circle",
- "addressLocality": "Greenwood",
- "addressRegion": "SC",
- "postalCode": "29646",
- "addressCountry": "US"
- },
- "geo": {
- "@type": "GeoCoordinates",
- "latitude": 34.1765603,
- "longitude": -82.20454029999999
- },
- "openingHoursSpecification": {
- "@type": "OpeningHoursSpecification",
- "dayOfWeek": [
- "Monday",
- "Tuesday",
- "Wednesday",
- "Thursday",
- "Friday"
- ],
- "opens": "09:00",
- "closes": "15:00"
- },
- "sameAs": [
- "https://davidawindham.com",
- "https://twitter.com/windhamdavid",
- "https://linkedin.com/in/windhamdavid",
- "https://en.wikipedia.org/wiki/User:Windhamdavid",
- "https://github.com/windhamdavid",
- "https://www.youtube.com/user/windhamdavid",
- "https://www.facebook.com/windhamdavid",
- "https://windhamdavid.tumblr.com/",
- "https://www.reddit.com/user/windhamdavid"
- ]
- }
- </script>
- </head>
- <body>
- <!-- ============================= ** HEADER ** ============================= -->
- <header id="header" class="header" role="banner">
- <div class="header-ui">
- <div class="brand--nav float-end">
- <h1>David Windham</h1>
- </div>
- </div>
- </header>
- <header class="header-small">
- <a href="#header" 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" aria-label="Open Close Menu">
- <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="#why">Why</a>
- <a href="#how">How</a>
- </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 Internet Visitor</h1>
- <p class="lead"></p>
- <h2 class="">I help folks make good use of the web by crafting custom applications and sites.</h2>
- </div>
- <div class="col col-lg-6 align-self-end">
- <img width="200" src="./img/ddog.png" srcset="./img/ddog.png 2x" alt="David Windham"/>
- <!--<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 like mechanical works of art.
- </p>
- <img width="300" src="./img/dw-sig.png" alt="David Windham signature">
- </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>
- <div class="col-lg-9">
- <div class="row">
- <p class="mt-3">
- I like to tell everyone that the only real skill I have is searching for answers on the internet and reading the instructions.
- Although there's certainly a bit of truth in that, I'd say that my two real superpowers are creative thinking and solving challenging technical puzzles.
- Aside from the list below, I'm also open to booking my time for any sort of research, brain storming, or any other endeavors.
- </p>
- </div>
- </div>
- <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>
- </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 & 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 book hourly sessions regularly and I overlap projects in an effort to keep my schedule full.</p>
- <br />
- </div>
- <div class="row">
- <h4 class="when">I Work Anywhere</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" data-dark-bg></div>
- <div class="page-view why testimonials-section">
- <div class="container">
- <h1 class="why">Why?</h1>
- <div class="row">
- <div class="col-lg-1">
- <div class="indicators"></div>
- </div>
- <div class="col-lg-10">
- <figure class="br-testimonial showing">
- <h5>Selected Clients:</h5>
- <div class="row">
- <div class="col-md-6">
- <ul>
- <li>Use All Five Inc. – Los Angeles, CA</li>
- <li>The Rivers Agency – Chapel Hill, NC</li>
- <li>Charleston Home Tour - Charleston, SC</li>
- <li>AJ Design Co. - Abbeville, SC</li>
- <li>Fuzzco - Charleston, SC & Portland, OR</li>
- <li>Harbourtowne Real Estate - Charleston, SC</li>
- <li>Charleston Trident Association of Realtors</li>
- <li>The College of Charleston - Charleston, SC</li>
- <li>Blue Ridge Electric Cooperative – Pickens, SC;</li>
- <li>Self Regional Healthcare – Greenwood, SC</li>
- <li>Biotherm Solutions - Cotari, CA</li>
- </ul>
- </div>
- <div class="col-md-6">
- <ul>
- <li>Pennebaker & Hegedus Films – New York, NY</li>
- <li>Good and Plenty Records – New Orleans, LA</li>
- <li>Jerry Moran – New Orleans, LA</li>
- <li>Holy City Farms - Charleston, SC</li>
- <li>Harvard Kennedy School of Education – Boston, MA;</li>
- <li>Clemson University – Clemson, SC;</li>
- <li>The Chelcum Family Foundation – Madison, WI</li>
- <li>Morris Publishing – Augusta, GA</li>
- <li>The State Newspaper - Columbia, SC</li>
- <li>GMK Associates – Columbia, SC</li>
- <li>Nicholson, Meredith, & Anderson - Greenwood, SC</li>
- </ul>
- </div>
- </div>
- </figure>
- <figure class="br-testimonial">
- <blockquote>
- "<strong>David has been a pleasure to work with</strong>.
- His patient leadership on project made it very easy on us.
- He has been very flexible in accomodating our requests.
- In less than two months we had a product ready for launch. David's persistent
- support throughout development and launch was fast and consistent; This
- project would have been impossible without him"
- </blockquote>
- <figcaption>
- <cite>pending approval</cite>
- pending approval<br />
- New York, NY
- </figcaption>
- </figure>
- <figure class="br-testimonial">
- <blockquote>
- "David has always been creative.
- I remember him taking apart all of the electronics in our house and never putting them back together.
- <strong>It makes me very happy to see him doing something I know he enjoys!</strong>"
- </blockquote>
- <figcaption>
- <cite>~ My Mom</cite>
- </figcaption>
- </figure>
- <figure class="br-testimonial">
- <blockquote>
- "David worked remotely to help build and launch a client project and in less than three 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>waiting on approval</cite>
- Los Angeles, CA<br />
- </figcaption>
- </figure>
- <figure class="br-testimonial">
- <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>waiting on approval</cite>
- Communications Director <br />
- Greenwood, SC
- </figcaption>
- </figure>
- </div>
- <div class="col-lg-1 next-wrapper">
- <div class="next-testimonial">
- <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>
- </div>
- <!-- ============================= ** HOW ** ============================= -->
- <div id="how" class="background-color white"></div>
- <section class="page-view services">
- <div class="container">
- <div class="row services-title">
- <div class="col-lg-6">
- <h1 class="how">& 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, & 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, & 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, & 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</h4>
- <p>
- I can help you succeed online because of my experience, enthusiasm, and commitment to personal service.
- I tailor my approach to the unique requirements of each project
- in an effort create sustainable and practical applications that work for you.
- </p>
- <button type="button" class="btn btn-dark mt-1" data-bs-toggle="modal" data-bs-target="#pricing-modal">
- Pricing & Cost
- </button>
- <p class="lead mt-5">Have a project in mind?</p>
- <button type="button" class="btn btn-dark mt-1">
- <a class="text-light" href="mailto:david@davidwindham.com">Email Me</a>
- </button>
- </div>
- </div>
- </div>
- </div>
- <!-- Pricing Modal -->
- <div class="modal fade" id="pricing-modal" tabindex="-1" role="dialog" aria-labelledby="pricing-modal" aria-hidden="true">
- <div class="modal-dialog modal-lg" role="document">
- <div class="modal-content">
- <div class="modal-body">
- <div class="container-fluid">
- <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
- <span aria-hidden="true">×</span>
- </button>
- <h3 class="modal-title font-weight-bold">Pricing & Costs</h3>
- <div class="row">
- <div class="col-md-12">
- <h6 class="font-weight-bold mt-4">Approach:</h6>
- <p class="mt-1">
- I have a "take care of it" approach to client services.
- I manage, host, and maintain everything I build or install for the lifespan of the project.
- I focus on my core competencies and will recommend other providers when the scope of your project falls outside of them.
- I provide several basic levels of monthly support based on the scale and maintenance needs of your project.
- </p>
- <h6 class="font-weight-bold mt-4">Advantages:</h6>
- <p class="mt-1">
- I take care of ALL of it for you so there are no confusing automated reminders, renewals, and upgrade emails coming from your software or upstream providers.
- I offer sensible consulting based on your goals.
- I provide a single point of contact for consolidated billing, development, and support.
- </p>
- <h6 class="font-weight-bold mt-4">Rates:</h6>
- <div class="row">
- <div class="col-md-4">
- <h6>Hourly: $50</h6>
- <ul class="pricing">
- <li>Design</li>
- <li>Development</li>
- <li>Consulting</li>
- <li>Auditing</li>
- </ul>
- </div>
- <div class="col-md-4">
- <h6>Monthly: $25 - $75</h6>
- <ul class="pricing">
- <li>Support</li>
- <li>Managed Hosting</li>
- <li>Regular Maintence</li>
- <li>Regular Upgrades</li>
- </ul>
- </div>
- <div class="col-md-4">
- <h6>Add-ons:(vendor pricing)</h6>
- <ul class="pricing">
- <li>G Suite</li>
- <li>Office 365</li>
- <li>SaaS Integration</li>
- <li>API Integration</li>
- </ul>
- </div>
- </div>
- <h6 class="font-weight-bold mt-4">Vendors:</h6>
- <div class="row text-center">
- <div class="col-md-12">
- <div class="btn-group btn-group-toggle" data-toggle="buttons">
- <label class="btn btn-light">
- <input type="radio" name="options" id="option1" autocomplete="off">
- <a href="https://cloud.google.com" target="_blank" rel="noopener">
- <img class="vendor-image" src="img/vendor-google.png">
- </a>
- </label>
- <label class="btn btn-light">
- <input type="radio" name="options" id="option2" autocomplete="off">
- <a href="https://linode.com" target="_blank" rel="noopener">
- <img class="vendor-image" src="img/vendor-linode.png">
- </a>
- </label>
- <label class="btn btn-light">
- <input type="radio" name="options" id="option3" autocomplete="off">
- <a href="https://kinsta.com" target="_blank" rel="noopener">
- <img class="vendor-image" src="img/vendor-kinsta.png">
- </a>
- </label>
- <label class="btn btn-light">
- <input type="radio" name="options" id="option4" autocomplete="off">
- <a href="https://aws.amazon.com" target="_blank" rel="noopener">
- <img class="vendor-image" src="img/vendor-amazon.png">
- </a>
- </label>
- <label class="btn btn-light">
- <input type="radio" name="options" id="option5" autocomplete="off">
- <a href="https://azure.microsoft.com/" target="_blank" rel="noopener">
- <img class="vendor-image" src="img/vendor-microsoft.png">
- </a>
- </label>
- </div>
- </div>
- </div>
- <p class="mt-3 text-small">
- <small>I use one of these five vendors for everything.
- Anything can be accomplished between them and
- I will recommend each based solely on your project requirements and existing IT infrastructure.
- Each vendor offers a marketplace of products which can be integrated into your project.</small>
- </p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- END:Pricing Modal -->
- </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-3">
- <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:david@davidwindham.com">david@davidwindham.com</a><br />
- <a href="tel:8037123283">+1-803-712-3283</a>
- </address>
- </div>
- </div>
- <div class="col-lg-2 col-md-4 offset-md-2 mt-5 mt-md-0">
- <div class="br-widget">
- <ul class="footer-links">
- <li><a href="https://davidawindham.com/desk/" rel="me"><i class="icon-pencil"></i> Desk</a></li>
- <li><a href="https://davidawindham.com/til/" rel="me"><i class="icon-book"></i> TIL</a></li>
- </ul>
- </div>
- </div>
- <div class="col-lg-2 col-md-4 mt-5 mt-md-0">
- <div class="br-widget">
- <ul class="footer-links">
- <li><a href="https://davidawindham.com/cv/" rel="me"><i class="icon-docs"></i> CV</a></li>
- <li><a href="https://code.davidawindham.com/" rel="me"><i class="icon-file-code"></i> Code</a></li>
- <li><a href="https://davidwindham.com/davidwindham.asc" rel="me"><i class="icon-folder-open-empty"></i> Key</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="footer-end">
- <div class="row">
- <div class="col-md-6 text-center text-md-left">
- © 2004-2023
- </div>
- <div class="col-md-6 text-center text-md-right">
- <ul class="footer-links footer-social list-inline">
- <li class="list-inline-item"><a href="https://twitter.com/windhamdavid" class="twitter" rel="me"><i class="bi bi-twitter"></i></a></li>
- <li class="list-inline-item"><a href="https://github.com/windhamdavid" class="github" rel="me"><i class="icon-github"></i></a></li>
- <li class="list-inline-item"><a href="https://en.wikipedia.org/wiki/User:Windhamdavid" class="wikipedia" rel="me"><i class="icon-wikipedia-w"></i></a></li>
- <li class="list-inline-item"><a href="https://www.facebook.com/windhamdavid" class="facebook"><i class="icon-facebook"></i></a></li>
-
- </ul>
- </div>
- </div>
- </div>
- </div>
- </footer>
- <script src="js/dw.js"></script>
- <!--
- <script>
- var _paq = window._paq = window._paq || [];
- /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
- _paq.push(["setCookieDomain", "*.davidwindham.com"]);
- _paq.push(['trackPageView']);
- _paq.push(['enableLinkTracking']);
- (function() {
- var u="https://davidawindham.com/wik/";
- _paq.push(['setTrackerUrl', u+'matomo.php']);
- _paq.push(['setSiteId', '5']);
- var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
- g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
- })();
- </script>
- <noscript><p><img src="https://davidawindham.com/wik/matomo.php?idsite=5&rec=1" style="border:0;" alt="" /></p></noscript>
- -->
- </body>
- </html>
|