|
@@ -13,25 +13,132 @@
|
|
<link rel="stylesheet" href="css/dw.css">
|
|
<link rel="stylesheet" href="css/dw.css">
|
|
</head>
|
|
</head>
|
|
<body>
|
|
<body>
|
|
-<div id="top" class="container">
|
|
|
|
- <header class="header" role="banner">
|
|
|
|
- <h1>David Windham</h1>
|
|
|
|
- </header>
|
|
|
|
- <nav role="navigation">
|
|
|
|
- </nav>
|
|
|
|
- <div class="main">
|
|
|
|
- <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>
|
|
|
|
- <hr>
|
|
|
|
- <h2>About</h2>
|
|
|
|
- <p class="right"><time datetime="2020-03-15">3/15/20</time></p>
|
|
|
|
- <p>I got this domain in 2020. I really didn't want it, but I've had many missed emails because folks miss the 'a' in <a href="https://davidawindham.com">http://david<b>a</b>windham.com</a> where I've been online since 2003. I happened to think of it the other day because I found my email address had been misprinted in a newsletter. I whois'd it, noticed it was pending delete, and put in a backorder. If you'd like to get in touch, head over to my <a href="https://davidawindham.com/contact/">contact page</a>.<p>
|
|
|
|
- <hr>
|
|
|
|
|
|
+
|
|
|
|
+<!-- ============================= ** HEADER ** ============================= -->
|
|
|
|
+<header id="header" class="header" role="banner">
|
|
|
|
+ <div class="header-ui">
|
|
|
|
+ <div class="brand--nav">
|
|
|
|
+ <h1>David Windham</h1>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <footer><p><a href="#top">[Top]</a> <a href="https://code.davidawindham.com/david/dw">[git]</a></p></footer>
|
|
|
|
-</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:david@davidwindham.com" target="_blank">david@davidwindham.com</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 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:david@davidwindham.com">Email Me</a>
|
|
|
|
+ </button>
|
|
|
|
+ </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:david@davidwindham.com">david@davidwindham.com</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"></i> Github</a></li>
|
|
|
|
+ <li><a href="https://en.wikipedia.org/wiki/User:Windhamdavid" class="wikipedia" rel="me"><i class="demo-icon icon-wikipedia-w"></i> Wikipedia</a></li>
|
|
|
|
+ <li><a href="https://www.facebook.com/davidawindham" class="facebook"><i class="demo-icon icon-facebook-squared"></i> Facebook</a></li>
|
|
|
|
+ <li><a href="https://twitter.com/windhamdavid" class="twitter" rel="me"><i class="demo-icon icon-twitter-squared"></i> Twitter</a></li>
|
|
|
|
+ </ul>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+
|
|
|
|
+ <div class="footer-end">
|
|
|
|
+ <div class="row">
|
|
|
|
+ <div class="col-md-6 text-center text-md-left">
|
|
|
|
+ © 2020
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+</footer>
|
|
|
|
+
|
|
<script src="js/dw.js"></script>
|
|
<script src="js/dw.js"></script>
|
|
</body>
|
|
</body>
|
|
</html>
|
|
</html>
|