David A. Windham
david
/
dw
1
0
Fork 0
Files
Tree: b4fc74cb42
Branches Tags
dw
/
app
/
index.html

index.html 37 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en" class="no-js default-scroll">
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8">
    5. 

  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. 

  6. <meta name="google-site-verification" content="kp06-RPhHu97jLQv5c7nl_jyj3wDwTBIpC_OogW-TFc">
    7. 

  7. <meta name="description" content="David Windham">
    8. 

  8. <meta name="author" content="David Windham">
    9. 

  9. <title>David Windham</title>
    10. 

  10. <meta property="og:title" content="David Windham">
    11. 

  11. <meta property="og:description" content="Something Else">
    12. 

  12. <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/icons/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="img/icons/favicon-16x16.png"><link rel="manifest" href="img/icons/site.webmanifest"><!--<link rel="mask-icon" href="img/icons/safari-pinned-tab.svg" color="#3f3f3f">--><meta name="msapplication-TileColor" content="#000000"><meta name="theme-color" content="#ffffff">
    13. 

  13. <link rel="stylesheet" href="css/dw.css">
    14. 

  14. <script type="application/ld+json">
    15. 

  15.   {
    16. 

  16.     "@context": "https://schema.org",
    17. 

  17.     "@type": "LocalBusiness",
    18. 

  18.     "name": "David Windham",
    19. 

  19.     "image": "https://davidwindham.com/ogt_image.jpg",
    20. 

  20.     "@id": "https://davidwindham.com/#who",
    21. 

  21.     "url": "https://davidwindham.com",
    22. 

  22.     "telephone": "803-712-3283",
    23. 

  23.     "address": {
    24. 

  24.       "@type": "PostalAddress",
    25. 

  25.       "streetAddress": "102 Glenridge Circle",
    26. 

  26.       "addressLocality": "Greenwood",
    27. 

  27.       "addressRegion": "SC",
    28. 

  28.       "postalCode": "29646",
    29. 

  29.       "addressCountry": "US"
    30. 

  30.     },
    31. 

  31.     "geo": {
    32. 

  32.       "@type": "GeoCoordinates",
    33. 

  33.       "latitude": 34.1765603,
    34. 

  34.       "longitude": -82.20454029999999
    35. 

  35.     },
    36. 

  36.     "openingHoursSpecification": {
    37. 

  37.       "@type": "OpeningHoursSpecification",
    38. 

  38.       "dayOfWeek": [
    39. 

  39.         "Monday",
    40. 

  40.         "Tuesday",
    41. 

  41.         "Wednesday",
    42. 

  42.         "Thursday",
    43. 

  43.         "Friday"
    44. 

  44.       ],
    45. 

  45.       "opens": "09:00",
    46. 

  46.       "closes": "15:00"
    47. 

  47.     },
    48. 

  48.     "sameAs": [
    49. 

  49.       "https://davidawindham.com",
    50. 

  50.       "https://twitter.com/windhamdavid",
    51. 

  51.       "https://linkedin.com/in/windhamdavid",
    52. 

  52.       "https://en.wikipedia.org/wiki/User:Windhamdavid",
    53. 

  53.       "https://github.com/windhamdavid",
    54. 

  54.       "https://www.youtube.com/user/windhamdavid",
    55. 

  55.       "https://www.facebook.com/windhamdavid",
    56. 

  56.       "https://windhamdavid.tumblr.com/",
    57. 

  57.       "https://www.reddit.com/user/windhamdavid"
    58. 

  58.     ] 
    59. 

  59.   }
    60. 

  60. </script>
    61. 

  61. </head>
    62. 

  62. <body>
    63. 

  63. 

  64. <div id="backgroundsvg"></div>
    65. 

  65. <div id="backgroundsvg2"></div>
    66. 

  66. <div id="backgroundsvg3"></div>
    67. 

  67. 

  68. <!-- ============================= ** HEADER ** ============================= -->
    69. 

  69. <header id="header" class="header">
    70. 

  70.   <div class="header-ui">
    71. 

  71.     <div class="brand--nav text-end">
    72. 

  72.       <h1 class="d-none ">David Windham</h1>
    73. 

  73.     </div>
    74. 

  74.   </div>
    75. 

  75. </header>
    76. 

  76. <header class="header-small">
    77. 

  77.   <a href="#header" class="brand">
    78. 

  78.     <img class="light" src="img/dw-light.svg" srcset="img/dw-light.svg 2x" alt="David Windham logo">
    79. 

  79.     <img class="dark" src="img/dw-dark.svg" srcset="img/dw-dark.svg 2x" alt="David Windham logo">
    80. 

  80.   </a>
    81. 

  81.   <button class="hamburger" type="button" aria-label="Open Close Menu">
    82. 

  82.     <span class="hamburger-box">
    83. 

  83.       <span class="hamburger-inner"></span>
    84. 

  84.     </span>
    85. 

  85.   </button>
    86. 

  86.   <div class="header-small-menu">
    87. 

  87.     <a href="#who">Who</a>
    88. 

  88.     <a href="#what">What</a>
    89. 

  89.     <a href="#when">When</a>
    90. 

  90.     <a href="#why">Why</a>
    91. 

  91.     <a href="#how">How</a>
    92. 

  92.   </div>
    93. 

  93. </header>
    94. 

  94. 

  95. 

  96. 

  97.  <!-- ============================= ** MAIN ** ============================= -->
    98. 

  98. <main id="main" class="main">
    99. 

  99. 

  100.  <!-- ============================= ** HELLO ** ============================= -->
    101. 

  101.   <div id="hello" class="background-color dark" data-dark-bg></div>
    102. 

  102.   <section class="page-view hello d-flex align-items-center">
    103. 

  103.     <div class="container">
    104. 

  104.       <div class="row">
    105. 

  105. 

  106.         <div class="col-lg-8 offset-lg-2">
    107. 

  107.           <h2 class="mb-2">David A. Windham</h2>
    108. 

  108.           <p>( 1973 - )</p>
    109. 

  109.           <h3 class="mt-5">Welcome Good People of the Internet,</h3>
    110. 

  110.           <p class="lead">I'm glad you found me. 
    111. 

  111.             I, too, have a computer on a network, so here you are. 
    112. 

  112.             No man is an island<sub>1</sub> even though this is an elevator pitch for one man show.
    113. 

  113.             I published this site as a professional overview so I can opine away on my <a href="https://davidawindham.com/desk">personal site</a> and not look like a weirdo to potential clients.
    114. 

  114.  
    115. 

  115.             <br><br>
    116. 

  116.             Right on,
    117. 

  117.           </p>
    118. 

  118.           <svg class="img-fluid" id="signature" x="0px" y="0px" viewBox="0 0 1000 300" width="300">
    119. 

  119.             <style type="text/css">.sig-lines{fill:none;stroke:#9c9ea5;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}</style>
    120. 

  120.             <g id="daw">
    121. 

  121.               <path class="sig-lines" d="M188.28,63.54l25,148c0,0,4.98,30.96-2,33c-6.86,2-36.28-68.04-76-98c-28.32-21.36-111.67-55.04-112-76 C23,52.5,86.83,33.5,193,33.5c28,0,203.19,7.85,192.28,71.04c-18.28,105.96-251.24,177.92-266,164c-4.28-4.04,187-59,187-59 s20.28-6.22,37.08-11.57c11.16-3.55,14.63-0.47,20.92-5.43c4.87-3.85,4.48-10.62-1-8c-8.28,3.96,9.6,7.13,13,6c6-2,13.92,4.45,18,4 c9-1,8.72-7.96,14-8c5.72-0.04,4.06,4.87,10,5c4.6,0.1,22.6-5.11,28-10c2.65-2.4,3.74-9.43,4-13c0.47-6.31-1.1-18.96-3-25 c-2.25-7.17-11.77-36.08-14-36c-1.9,0.07,1.18,37.4,3,43c2.36,7.24,10.14,35.44,14,42c1.72,2.93,5.26,8.98,8,11c1.72,1.27,8,3,8,3" />
    122. 

  122.               <polyline class="sig-lines" points="383.28,154.54 381.28,159.54 387.28,157.54 	"/>
    123. 

  123.               <path class="sig-lines" d="M554.28,197.54c0,0-50-10-52-7c-3,4.5,12,18,12,18s-2.76-23.76-8.44-49c-6.34-28.17-15.57-58.16-13.56-59 c12-5,59.17,104.23,66,127"/>
    124. 

  124.               <line class="sig-lines" x1="572.28" y1="201.54" x2="569.28" y2="198.54"/>
    125. 

  125.               <path class="sig-lines" d="M603.28,163.54c0,0-4,5-4,14c0,8.85,11,27,24,26c6.07-0.47,15,0,23-8c3.25-3.25,8.41-12.79,13-13 c4.07-0.19,8.7,8.61,12,11c5.51,3.99,19.31,9.2,26,8c13.25-2.37,35-5,46-28c4.51-9.42,9.33-30.64,8-41 c-2.23-17.33-11.1-53.21-23-66c-13.02-14-28-32-68-35c-11.39-0.85-35.11,5.28-45,11c-2.75,1.59-9,6.82-9,10"/>
    126. 

  126.               <polyline class="sig-lines" points="726.28,132.54 727.28,133.54 730.28,131.54 	"/>
    127. 

  127.               <path class="sig-lines" d="M739.28,162.54c0,0,6.17,19.8,12,20c3.05,0.11,4.17-8.87,7-10c4.36-1.74,12.66,6.19,17,8 c3.49,1.45,11.34,2.94,15,2c3.7-0.95,7.18-5.95,11-6c2.15-0.03,6.81,3.58,9,3c3.42-0.91,8.54-6.78,10-10 c4.55-10.02,2.15-32.19,0-44c-2.42-13.3-16-57-19-55c-3.72,2.48-0.4,42.4,3,56c1.75,7,10.14,46.8,17.28,52.14 c6.44,4.82,11.72-35.14,11.72-35.14s3.72-26.04,2-26c-3.28,0.08-6,23-6,23s-3,32-2.19,32.57c3.28,2.3,4.19-7.57,7.19-7.57 c2.81,0,4.27,5.75,8,8c5.34,3.22,12.05,5,16,5c8,0,8.85-15,14-15c5,0,15.55,12.97,23,15c11,3,14-11,14-11s21.98,11.25,43,13 c12,1,24-11,24-11s2-2-1-3"/>
    128. 

  128.             </g>
    129. 

  129.           </svg>
    130. 

  130.         </div>
    131. 

  131.       </div>
    132. 

  132.     </div>
    133. 

  133.   </section>
    134. 

  134. 

  135. <!-- ============================= ** WHO ** ============================= -->
    136. 

  136.   <div id="who" class="background-color light"></div>
    137. 

  137.   <section class="page-view who">
    138. 

  138.     <div class="container">
    139. 

  139.       <div class="row">
    140. 

  140.         <div class="col-lg-3 mt-5">
    141. 

  141.           <img class="mt-5 float-end" width="180" src="img/dw-dog.svg" srcset="./img/dw-dog.svg 2x" alt="David Windham">
    142. 

  142.           <p class="mt-1 ps-5 gaegu illustration small float-end">
    143. 

  143.             I use this for my profile everywhere. It started off as the backside of a rabbit based on a Japanese Woodblock print.
    144. 

  144.           </p>
    145. 

  145.         </div>
    146. 

  146.         <div class="col-lg-7 ps-5 pt-5">
    147. 

  147.           <h2>Who?</h2>
    148. 

  148.           <p class="lead">
    149. 

  149.             I've been a developer for almost 20 years.
    150. 

  150.             I'm detail oriented, productive, creative, and try to enjoy my work.
    151. 

  151.             I have a BA in Studio Art from The College of Charleston which is where I first got started publishing websites.
    152. 

  152.             I've worked in advertising, publishing, education, and for an assortment of business clients.
    153. 

  153.             I try to help folks make practical software decisions and good use of the web by crafting custom applications.
    154. 

  154.           </p>
    155. 

  155. 

  156.         </div>
    157. 

  157.       </div>
    158. 

  158.     </div>
    159. 

  159.   </section>
    160. 

  160. 

  161. <!-- ============================= ** WHAT ** ============================= -->
    162. 

  162.   <div id="what" class="background-color dark" data-dark-bg></div>
    163. 

  163.   <section class="page-view what">
    164. 

  164.     <div class="container">
    165. 

  165.       <div class="row">
    166. 

  166.         <div class="col-lg-7 offset-lg-1">   
    167. 

  167.           <h2>What?</h2>
    168. 

  168.           <p class="lead">     
    169. 

  169.             I like to say that all I do is search for answers on the internet and read the documentation, but I enjoy solving challenging technical puzzles using my experience, diagnostic, and analytical abilities. 
    170. 

  170.             I try to keep a limited roster of well served clients, but 
    171. 

  171.             I'll certainly make an effort to be helpful however I am able. 
    172. 

  172.             I'm also open to booking my time for brain storming, research, or other endeavors.
    173. 

  173.           </p>
    174. 

  174.         </div>
    175. 

  175.         <div class="col-lg-3 mt-5">
    176. 

  176.           <a class="btn btn-primary zw-logo" data-bs-toggle="modal" data-bs-target="#zw-card-modal">
    177. 

  177.             <svg id="ZW" width="80" class="img-fluid" x="0px" y="0px" viewBox="0 0 249 249">
    178. 

  178.               <path class="zw-lines" d="M124.5,0C55.7,0,0,55.7,0,124.5S55.7,249,124.5,249S249,193.3,249,124.5S193.3,0,124.5,0z M124.1,231.5 c-15.2,0-39.4,2.8-39.4,2.8s13.8-13.1,26.6-38.8c10.7-21.5,13.2-41.9,13.2-41.9v0c0,0,3.2,22.5,12.2,41.5 c12.3,25.9,27.6,39.6,27.6,39.6S139.3,231.5,124.1,231.5z M191.6,186.1c-42.3,0-59.1-27.6-64-43.2c-3-14.5-0.1-13.8-0.1-13.8 c3.5,1.5,14.7,26.7,34.9,16.5c7.8-3.9,10.1-16.6,6-26.9c-6.7-16.8-19.3-19.2-36.7-40.4c-6.6-8-7.8-13.2-7.8-13.2s-1.4,5.3-8.2,13.6 c-17.8,21.6-29.7,23.3-36,40.3c-3.6,9.6-1.7,22.5,5.2,26.3c21.1,11.7,32.5-14.5,35.6-16.1c0,0,2.1-0.7,0,13.9 c-3.9,15.4-26.8,43.9-61,43.5C22.2,186.1,8,165.8,6.8,132.4c-0.6-17,9.2-49.8,48.8-51c15.2-0.4,29,8.2,29,8.2S72.1,75.8,71.8,55 c-0.4-29.5,24.5-50.1,54-50.1s52.2,23.2,52.4,47.9c0.2,20.7-12.6,36.9-12.6,36.9s11.7-8.4,28.6-8.4c26,0,47.7,20.1,48.1,50l0,0 C242.6,155.7,225.8,186.1,191.6,186.1z"/>
    179. 

  179.             </svg>
    180. 

  180.           </a>
    181. 

  181.           <p class="mt-3 ps-5 gaegu illustration small float-start">
    182. 

  182.             This is the icon I use everywhere. It came from a card I designed for my business. The name came from our two dogs <a href="https://davidawindham.com/boozie/">Zeke and Woozie</a>.  ( Click to see the original )
    183. 

  183.           </p>
    184. 

  184.         </div>
    185. 

  185.       </div>
    186. 

  186. 

  187.       <!-- ** ZW CARD ** -->
    188. 

  188.       <div id="zw-card-modal" class="modal fade" tabindex="-1" aria-labelledby="zw-card-modal" aria-hidden="true">
    189. 

  189.         <div class="modal-dialog">
    190. 

  190.           <div class="modal-content">
    191. 

  191.             <div class="modal-body">
    192. 

  192.                 <div id="zw-card" class="click panel"> 
    193. 

  193.                   <div class="front">
    194. 

  194.                     <img onclick="flip()" src="img/card-back.png" alt="zeken woozer card front" />
    195. 

  195.                   </div> 
    196. 

  196.                   <div class="back">
    197. 

  197.                     <img onclick="flip()" src="img/card.png" alt="zeken woozer card back"> 
    198. 

  198.                   </div> 
    199. 

  199.                 </div>
    200. 

  200.             </div>
    201. 

  201.           </div>
    202. 

  202.         </div>
    203. 

  203.       </div>
    204. 

  204.       <!-- ** ZW CARD ** -->
    205. 

  205. 

  206.       <div class="row mt-4 capabilities">
    207. 

  207.         <div class="col-lg-7 offset-lg-1">
    208. 

  208.           <div class="row">
    209. 

  209.             <div class="col-md-3">
    210. 

  210.               <h5>Strategy</h5>
    211. 

  211.               <ul>
    212. 

  212.                 <li>Advertising</li>
    213. 

  213.                 <li>Communication</li>
    214. 

  214.                 <li>Product</li>
    215. 

  215.                 <li>Research</li>
    216. 

  216.               </ul>
    217. 

  217.             </div>
    218. 

  218.             <div class="col-md-4">
    219. 

  219.               <h5>Front End</h5>
    220. 

  220.               <ul>
    221. 

  221.                 <li>HTML / CSS</li>
    222. 

  222.                 <li>Javascript ES6 / ES5</li>
    223. 

  223.                 <li>Tailwind / Bootstrap</li>
    224. 

  224.                 <li>Vue / React / Ember</li>
    225. 

  225.               </ul>
    226. 

  226.             </div>
    227. 

  227.             <div class="col-md-4">
    228. 

  228.               <h5>Dev-Ops</h5>
    229. 

  229.               <ul>
    230. 

  230.                 <li>Build Automation</li>
    231. 

  231.                 <li>Continuous Integration</li>
    232. 

  232.                 <li>Microservices</li>
    233. 

  233.                 <li>QA / Unit Testing</li>
    234. 

  234.               </ul>
    235. 

  235.             </div>
    236. 

  236.           </div>
    237. 

  237.           <div class="row">
    238. 

  238.             <div class="col-md-3">
    239. 

  239.               <h5>Design</h5>
    240. 

  240.               <ul>
    241. 

  241.                 <li>Graphic</li>
    242. 

  242.                 <li>Illustration</li>
    243. 

  243.                 <li>Print / Layout</li>
    244. 

  244.                 <li>Prototyping</li>
    245. 

  245.                 <li>UI/UX design</li>
    246. 

  246.               </ul>
    247. 

  247.             </div>
    248. 

  248.             <div class="col-md-4">
    249. 

  249.               <h5>Back End</h5>
    250. 

  250.               <ul>
    251. 

  251.                 <li>Go / Gorilla / Dart / Flutter</li>
    252. 

  252.                 <li>Node / Express / Meteor</li>
    253. 

  253.                 <li>PHP / Laravel / WordPress</li>
    254. 

  254.                 <li>Python / Flask / Django</li>
    255. 

  255.                 <li>Ruby / Rails / Sinatra</li>
    256. 

  256.               </ul>
    257. 

  257.             </div>
    258. 

  258.             <div class="col-md-4">
    259. 

  259.               <h5>Sys-Admin</h5>
    260. 

  260.               <ul>
    261. 

  261.                 <li>Amazon / Google Services</li>
    262. 

  262.                 <li>Ansible / Docker / Kubernetes</li>
    263. 

  263.                 <li>Heroku / Linode / Zeit</li>
    264. 

  264.                 <li>Debian / Ubuntu / CentOS</li>
    265. 

  265.                 <li>Mongo / SQL / Redis</li>
    266. 

  266.               </ul>
    267. 

  267.             </div>
    268. 

  268.           </div>
    269. 

  269.         </div>
    270. 

  270.         <div class="col-lg-3">
    271. 

  271.           <div class="row">
    272. 

  272.             <h5>Management</h5>
    273. 

  273.             <ul>
    274. 

  274.               <li>Domain Registry / Routing / DNS</li>
    275. 

  275.               <li>Brand Trademark / Identity Monitoring</li>
    276. 

  276.               <li>Analytics / Campaign Reporting</li>
    277. 

  277.               <li>Email Accounts / Hosting / Security</li>
    278. 

  278.               <li>System / Network Security</li>
    279. 

  279.               <li>Hardware Acquisition / Management</li>
    280. 

  280.               <li>Backup Automation / Recovery</li>
    281. 

  281.               <li>Application Monitoring / Support</li>
    282. 

  282.               <li>Technical Support / Troubleshooting</li>
    283. 

  283.               <li class="mt-2">I do <b><u>NOT</u></b> manage Social Media</li>
    284. 

  284.             </ul>
    285. 

  285.           </div>
    286. 

  286.         </div>
    287. 

  287.       </div>
    288. 

  288.       <div class="row mt-5">
    289. 

  289.         <div class="col-lg-9 offset-lg-1">
    290. 

  290.           <p><b><u>Note</u></b>: According to my better half and parents, I'm particularly good at being critical ( ... perhaps it's from the years at art school ). I'm a good candidate to contact if you want some unbiased third-party feedback on your product, branding, design, website, or software. I'd be my pleasure to write up a detailed critique that'll give your team some actionable feedback.</p>
    291. 

  291.         </div>
    292. 

  292.         
    293. 

  293.       </div>
    294. 

  294.     </div>
    295. 

  295.   </section>
    296. 

  296. 

  297. <!-- ============================= ** WHEN ** ============================= -->
    298. 

  298. 

  299.   <div id="when" class="background-color light"></div>
    300. 

  300.   <section class="page-view when">
    301. 

  301.     <div class="container">
    302. 

  302.       <div class="row">
    303. 

  303.         <div class="col-lg-10 offset-lg-1">
    304. 

  304.           <h2 class="when">When &amp; Where?</h2>
    305. 

  305.         </div>
    306. 

  306.       </div>
    307. 

  307.       <div class="row">
    308. 

  308.         <div class="col-lg-4 offset-md-1 mt-3">
    309. 

  309.           <p>I try to keep a flexible work schedule so that I can enjoy time away from work. I try to be efficient because productivity does not equal the amount of time I spend at my desk.</p>
    310. 

  310.           <h4 class="when mt-4">Request My Time</h4>
    311. 

  311.           <p>I book hourly sessions and I try to overlap projects in an effort to keep my schedule full. I also enjoy volunteering my time to help worthy causes and organizations.</p>
    312. 

  312.           <h4 class="when mt-4">I Work Anywhere</h4>
    313. 

  313.           <p>Although video chats are nice, I also enjoy meeting in person. I travel out of the Greenville or Charlotte International Airports.</p>
    314. 

  314.           <h4 class="when mt-4">Remote Support</h4>
    315. 

  315.           <p>I can remotely access and manage your computers and devices.</p>
    316. 

  316.           <h4 class="when mt-4">Availability</h4>
    317. 

  317.           <p>I'm available to my clients anytime and I'm always open to taking on new clients.</p>
    318. 

  318.           <p>New projects are booked until May 2023.</p>
    319. 

  319.           <a id="opendate" class="btn btn-outline-dark btn-sm">
    320. 

  320.             <i class="bi bi-exclamation-triangle"></i> &nbsp;23/05/01 
    321. 

  321.           </a>
    322. 

  322.           <a href="#dw-footer"class="btn btn-outline-dark btn-sm">
    323. 

  323.             Meeting Request
    324. 

  324.           </a>
    325. 

  325.         </div>
    326. 

  326.         <div class="col-lg-6">
    327. 

  327.           <div id='calendar'></div>
    328. 

  328.         </div>
    329. 

  329.       </div>
    330. 

  330.     </div>
    331. 

  331.   </section>
    332. 

  332. 

  333. <!-- ============================= ** WHY ** ============================= -->
    334. 

  334.   <div id="why" class="background-color dark" data-dark-bg></div>
    335. 

  335.   <section class="page-view why testimonials-section">
    336. 

  336.     <div class="container">
    337. 

  337.       <div class="row">
    338. 

  338.         <div class="col-lg-6 offset-md-1">
    339. 

  339.           <h2 class="why">Why?</h2>
    340. 

  340.           <p class="lead">
    341. 

  341.             I used to view business as a competition, but I've learned to look at it as a collaboration. 
    342. 

  342.             I value the relationships and I'm always looking for a good match with my clients.     
    343. 

  343.           </p>
    344. 

  344.           <div class="tesimonials mt-3">
    345. 

  345.             <div class="indicators"></div>
    346. 

  346.             <figure class="br-testimonial showing">
    347. 

  347.               <blockquote>
    348. 

  348.                 "<strong>David has been a pleasure to work with</strong>.
    349. 

  349.                 His patient leadership on project made it very easy on us.
    350. 

  350.                 He has been very flexible in accommodating our requests.
    351. 

  351.                 David's persistent support throughout development and launch was fast and consistent; 
    352. 

  352.                 This project would have been impossible without him"
    353. 

  353.               </blockquote>
    354. 

  354.               <figcaption class="text-end">
    355. 

  355.                 <cite>Project client</cite>
    356. 

  356.                 New York, NY
    357. 

  357.               </figcaption>
    358. 

  358.             </figure>
    359. 

  359.             <figure class="br-testimonial">
    360. 

  360.               <blockquote>
    361. 

  361.                 "David joined our team remotely to help build and launch a client project and in less than three months we had a product ready for launch.
    362. 

  362.                 David's persistent support throughout development and launch was fast and consistent. <strong>David is a strong asset for any team</strong>"
    363. 

  363.               </blockquote>
    364. 

  364.               <figcaption class="text-end">
    365. 

  365.                 <cite>Contract client</cite>
    366. 

  366.                 Los Angeles, CA
    367. 

  367.               </figcaption>
    368. 

  368.             </figure>
    369. 

  369.             <figure class="br-testimonial">
    370. 

  370.               <blockquote>
    371. 

  371.                 "Good developers can be difficult to find, but David is amazing! 
    372. 

  372.                 <strong>He's an expert developer who works quickly</strong> and ultimately delivered an app that exceeded my expectations. We will definitely be working with him again."
    373. 

  373.               </blockquote>
    374. 

  374.               <figcaption class="text-end">
    375. 

  375.                 <cite>Project client</cite>
    376. 

  376.                 Greenville, SC
    377. 

  377.               </figcaption>
    378. 

  378.             </figure>
    379. 

  379.             <figure class="br-testimonial">
    380. 

  380.               <blockquote>
    381. 

  381.                 "David has handled all of my computer needs for the last 10 years. 
    382. 

  382.                 He runs our company email, website, and sets up our computers. He's been very reliable and fair. 
    383. 

  383.                 <strong>I can only imagine how much money he has saved my company.</strong>"
    384. 

  384.               </blockquote>
    385. 

  385.               <figcaption class="text-end">
    386. 

  386.                 <cite>Managed client</cite>
    387. 

  387.                 Charleston, SC
    388. 

  388.               </figcaption>
    389. 

  389.             </figure>
    390. 

  390.             <figure class="br-testimonial">
    391. 

  391.               <blockquote>
    392. 

  392.                 "I remember you taking apart all of the electronics in our house and never putting them back together. 
    393. 

  393.                 I'd imagine that you're very good at what you do.
    394. 

  394.                 <strong>It makes me very happy to see you doing something you enjoy.</strong>"
    395. 

  395.               </blockquote>
    396. 

  396.               <figcaption class="text-end">
    397. 

  397.                 <cite>My Mom</cite>
    398. 

  398.                 Columbia, SC
    399. 

  399.               </figcaption>
    400. 

  400.             </figure>
    401. 

  401.           </div>
    402. 

  402.         </div>
    403. 

  403.         <div class="col-lg-4 mt-5 ps-5 pt-2">
    404. 

  404.           <h5>Approach</h5>
    405. 

  405.           <p>I just "take care of it". I manage, host, and maintain everything I build or install for the lifespan of the project or your business. I offer sensible consulting based on your goals and I succeed using my experience, enthusiasm, and commitment to personal service.</p>
    406. 

  406.           <h5>Advantages</h5>
    407. 

  407.           <p>I provide a single point of contact for consolidated billing, development, and support. There are no confusing automated reminders, renewals, and upgrade emails coming from your software or upstream providers. </p>
    408. 

  408.         </div>
    409. 

  409.       </div>
    410. 

  410.       <div class="row mt-3">
    411. 

  411.         <div class="col-lg-6 offset-lg-1">
    412. 

  412.           <h5>Selected Clients:</h5>
    413. 

  413.           <div class="row">
    414. 

  414.             <div class="col-md-6">
    415. 

  415.               <ul class="clients">
    416. 

  416.                 <li>Use All Five Inc.</li>
    417. 

  417.                 <li>The Rivers Agency</li>
    418. 

  418.                 <li>Charleston Home Tour</li>
    419. 

  419.                 <li>AJ Design Co.</li>
    420. 

  420.                 <li>Fuzzco Inc.</li>
    421. 

  421.                 <li>Harbourtowne Real Estate</li>
    422. 

  422.                 <li>Charleston Trident Association of Realtors</li>
    423. 

  423.                 <li>The College of Charleston</li>
    424. 

  424.                 <li>Blue Ridge Electric Cooperative</li>
    425. 

  425.                 <li>Self Regional Healthcare</li>
    426. 

  426.                 <li>Biotherm Solutions</li>
    427. 

  427.               </ul>
    428. 

  428.             </div>
    429. 

  429.             <div class="col-md-6">
    430. 

  430.               <ul class="clients">
    431. 

  431.                 <li>Pennebaker & Hegedus Films</li>
    432. 

  432.                 <li>Good and Plenty Records</li>
    433. 

  433.                 <li>Jerry Moran</li>
    434. 

  434.                 <li>Holy City Farms</li>
    435. 

  435.                 <li>Harvard Kennedy School</li>
    436. 

  436.                 <li>Clemson University;</li>
    437. 

  437.                 <li>The Chelcum Family Foundation</li>
    438. 

  438.                 <li>Morris Publishing</li>
    439. 

  439.                 <li>The State Newspaper </li>
    440. 

  440.                 <li>GMK Associates</li>
    441. 

  441.                 <li>Nicholson, Meredith, & Anderson</li>
    442. 

  442.               </ul>
    443. 

  443.             </div>
    444. 

  444.           </div>
    445. 

  445.         </div>
    446. 

  446.         <div class="col-lg-4 ps-5">
    447. 

  447.           <h5>Experience</h5>
    448. 

  448.           <ul class="clients">
    449. 

  449.             <li>2005 - David A. Windham Consulting</li>
    450. 

  450.             <li>2011 - 2014 Clemson University</li>
    451. 

  451.             <li>2009 - 2011 Morris Communications</li>
    452. 

  452.             <li>2007 - 2009 Fuzzco Inc.</li>
    453. 

  453.             <li>2005 -> Radio Announcer, Wine Sales, Wine Steward, Waiter, Slide Library Manager, Woodworker apprentice, Pizza Delivery, Lifeguard.</li>
    454. 

  454.           </ul>
    455. 

  455.           <ul class="clients">
    456. 

  456.             <li>2003 - College of Charleston - B.A. Fine Arts</li>
    457. 

  457.             <li>1993 - Savannah College of Art and Design</li>
    458. 

  458.             <li>1991 – Chapin High School</li>
    459. 

  459.           </ul>
    460. 

  460.         </div>
    461. 

  461.       </div>
    462. 

  462.     </div>
    463. 

  463.   </section>
    464. 

  464. 

  465. <!-- ============================= ** HOW ** ============================= -->
    466. 

  466.   <div id="how" class="background-color light"></div>
    467. 

  467.   <section class="page-view services">
    468. 

  468.     <div class="container">
    469. 

  469. 

  470.       <div class="row services-title">
    471. 

  471.         <div class="col-lg-5 offset-md-1">
    472. 

  472.           <h2 class="how">&amp; How</h2>
    473. 

  473.           <h3 class="how mb-5">Can I Help?</h3>
    474. 

  474.           <p class="lead"></p>
    475. 

  475.         </div>
    476. 

  476.       </div>
    477. 

  477. 

  478.       <div class="row">
    479. 

  479.         <div class="col-lg-5 offset-md-1">
    480. 

  480.           <ul class="nav nav-tabs" id="services" role="tablist">
    481. 

  481.             <div class="service">
    482. 

  482.               <a class="nav-link" data-bs-toggle="tab" data-bs-target="#create-tab" type="button" role="tab" aria-controls="create-tab" aria-selected="true">
    483. 

  483.                 <i class="pulse"><span></span></i>
    484. 

  484.                 <div class="numbering">01</div>
    485. 

  485.                 <h4 class="how">Create, Build, &amp; Host</h4>
    486. 

  486.                 <p>a new site or application.</p>
    487. 

  487.               </a>
    488. 

  488.             </div>
    489. 

  489.             <div class="service">
    490. 

  490.               <a class="nav-link" data-bs-toggle="tab" data-bs-target="#audit-tab" type="button" role="tab" aria-controls="audit-tab" aria-selected="false">
    491. 

  491.                 <i class="pulse"><span></span></i>
    492. 

  492.                 <div class="numbering">02</div>
    493. 

  493.                 <h4 class="how">Audit, Improve, &amp; Repair</h4>
    494. 

  494.                 <p>an existing site or application.</p>
    495. 

  495.               </a>
    496. 

  496.             </div>
    497. 

  497.             <div class="service">
    498. 

  498.               <a class="nav-link" data-bs-toggle="tab" data-bs-target="#consult-tab" type="button" role="tab" aria-controls="consult-tab" aria-selected="false">
    499. 

  499.                 <i class="pulse"><span></span></i>
    500. 

  500.                 <div class="numbering">03</div>
    501. 

  501.                 <h4 class="how">Advise, Consult, &amp; Review</h4>
    502. 

  502.                 <p>on site and application best practices.</p>
    503. 

  503.               </a>
    504. 

  504.             </div>
    505. 

  505.             <div class="service">
    506. 

  506.               <a class="nav-link" data-bs-toggle="tab" data-bs-target="#manage-tab" type="button" role="tab" aria-controls="manage-tab" aria-selected="false">
    507. 

  507.                 <i class="pulse"><span></span></i>
    508. 

  508.                 <div class="numbering">04</div>
    509. 

  509.                 <h4 class="how">Manage</h4>
    510. 

  510.                 <p>on site and application best practices.</p>
    511. 

  511.               </a>
    512. 

  512.             </div>
    513. 

  513.           </ul>
    514. 

  514.         </div>
    515. 

  515.         <div class="col-lg-5">
    516. 

  516.           <div class="row step">
    517. 

  517.             <div class="tab-content">
    518. 

  518.               <div id="create-tab" class="tab-pane fade show active" role="tabpanel" aria-labelledby="create-tab" tabindex="0">
    519. 

  519.                 <h4 class="how">Tailored</h4>
    520. 

  520.                 <p>
    521. 

  521.                   I tailor my approach to the unique requirements of each project
    522. 

  522.                   in an effort create sustainable and practical applications that work for you.             
    523. 

  523.                 </p>
    524. 

  524.               </div>
    525. 

  525.               <div id="audit-tab" class="tab-pane fade" role="tabpanel" aria-labelledby="audit-tab" tabindex="1">
    526. 

  526.                 <h4 class="how">Audit</h4>
    527. 

  527.                 <p>Audit</p>
    528. 

  528.               </div>
    529. 

  529.               <div id="consult-tab" class="tab-pane fade" role="tabpanel" aria-labelledby="consult-tab" tabindex="2">
    530. 

  530.                 <h4 class="how">Consult</h4>
    531. 

  531.                 <p>Consult</p>
    532. 

  532.               </div>
    533. 

  533.               <div id="manage-tab" class="tab-pane fade" role="tabpanel" aria-labelledby="manage-tab" tabindex="3">
    534. 

  534.                 <h4 class="how">Manage</h4>
    535. 

  535.                 <p>Manage</p>
    536. 

  536.               </div>
    537. 

  537.             </div>
    538. 

  538.             <h5>Have a project in mind?</h5>
    539. 

  539.             <a class="btn btn-outline-dark mt-1" data-bs-toggle="collapse" data-bs-target="#pricing" aria-expanded="true" aria-controls="collapseOne">
    540. 

  540.               Pricing &amp; Cost
    541. 

  541.             </a>
    542. 

  542.           </div>
    543. 

  543.         </div>
    544. 

  544.       </div>
    545. 

  545. 

  546.       <!-- Pricing Modal -->
    547. 

  547.       <div id="pricing" class="container accordion-collapse collapse">
    548. 

  548.         <div class="col-lg-10 offset-md-1">
    549. 

  549.           
    550. 

  550.           <h3>Pricing &amp; Costs</h3>
    551. 

  551.           <div class="row">
    552. 

  552.             <div class="col-md-12">
    553. 

  553.               <div class="row">
    554. 

  554.                 <div class="col-md-6">
    555. 

  555.                 <h6 class="fw-bold mt-2">Approach:</h6>
    556. 

  556.                 <p class="mt-1">
    557. 

  557.                   I focus on my core competencies and will recommend other providers when the scope of your project falls outside of them.
    558. 

  558.                   I provide several basic levels of monthly support based on the scale and maintenance needs of your project.
    559. 

  559.                 </p>
    560. 

  560.                 </div>
    561. 

  561.                 <div class="col-md-6">
    562. 

  562.                 <h6 class="fw-bold mt-2">Advantages:</h6>
    563. 

  563.                 <p class="mt-1">
    564. 

  564.                   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.
    565. 

  565.                   I offer sensible consulting based on your goals.
    566. 

  566.                   I provide a single point of contact for consolidated billing, development, and support.
    567. 

  567.                 </p>
    568. 

  568.                 </div>
    569. 

  569.               </div>
    570. 

  570. 

  571.               <h6 class="fw-bold mt-2">Rates:</h6>
    572. 

  572.               <div class="row">
    573. 

  573.                 <div class="col-md-4">
    574. 

  574.                   <h6>Hourly: $50</h6>
    575. 

  575.                   <ul class="pricing">
    576. 

  576.                     <li>Design</li>
    577. 

  577.                     <li>Development</li>
    578. 

  578.                     <li>Consulting</li>
    579. 

  579.                     <li>Auditing</li>
    580. 

  580.                   </ul>
    581. 

  581.                 </div>
    582. 

  582.                 <div class="col-md-4">
    583. 

  583.                   <h6>Monthly: $25 - $75</h6>
    584. 

  584.                   <ul class="pricing">
    585. 

  585.                     <li>Support</li>
    586. 

  586.                     <li>Managed Hosting</li>
    587. 

  587.                     <li>Regular Maintence</li>
    588. 

  588.                     <li>Regular Upgrades</li>
    589. 

  589.                   </ul>
    590. 

  590.                 </div>
    591. 

  591.                 <div class="col-md-4">
    592. 

  592.                   <h6>Add-ons:( vendor pricing + 10% )</h6>
    593. 

  593.                   <ul class="pricing">
    594. 

  594.                     <li>Apple Business Manager</li>
    595. 

  595.                     <li>Google Workspace</li>
    596. 

  596.                     <li>Microsoft Office 365</li>
    597. 

  597.                     <li>SaaS Integration</li>
    598. 

  598.                     <li>API Integration</li>
    599. 

  599.                   </ul>
    600. 

  600.                 </div>
    601. 

  601.               </div>
    602. 

  602.               <h6 class="fw-bold mt-4">Vendors:</h6>
    603. 

  603.               <div class="row">
    604. 

  604.                 <div class="col-md-12">
    605. 

  605.                   <p class="mt-1">
    606. 

  606.                     I use one of these vendors for everything.
    607. 

  607.                     Anything can be accomplished between them and
    608. 

  608.                     I will recommend each based solely on your project requirements and existing IT infrastructure.
    609. 

  609.                     Each vendor offers a marketplace of products which can be integrated into your project.
    610. 

  610.                   </p>
    611. 

  611.                   <div class="btn-group btn-group-toggle" data-toggle="buttons">
    612. 

  612.                     <label class="btn btn-light">
    613. 

  613.                       <a href="https://www.apple.com/business/" target="_blank" rel="noopener">
    614. 

  614.                         <img class="vendor-image" alt="Google Cloud" src="img/vendor-apple.svg">
    615. 

  615.                       </a>
    616. 

  616.                     </label>
    617. 

  617.                     <label class="btn btn-light">
    618. 

  618.                       <a href="https://azure.microsoft.com/" target="_blank" rel="noopener">
    619. 

  619.                         <img class="vendor-image" alt="Microsoft Azure" src="img/vendor-microsoft.svg">
    620. 

  620.                       </a>
    621. 

  621.                     </label>
    622. 

  622.                     <label class="btn btn-light">
    623. 

  623.                       <a href="https://cloud.google.com" target="_blank" rel="noopener">
    624. 

  624.                         <img class="vendor-image" alt="Google Cloud" src="img/vendor-google.svg">
    625. 

  625.                       </a>
    626. 

  626.                     </label>
    627. 

  627.                     <label class="btn btn-light">
    628. 

  628.                       <a href="https://aws.amazon.com" target="_blank" rel="noopener">
    629. 

  629.                         <img class="vendor-image" alt="Amazon Web Services" src="img/vendor-amazon.svg">
    630. 

  630.                       </a>
    631. 

  631.                     </label>
    632. 

  632.                     <label class="btn btn-light">
    633. 

  633.                       <a href="https://www.akamai.com/" target="_blank" rel="noopener">
    634. 

  634.                         <img class="vendor-image" alt="Google Cloud" src="img/vendor-akamai.svg">
    635. 

  635.                       </a>
    636. 

  636.                     </label>
    637. 

  637.                     <label class="btn btn-light">
    638. 

  638.                       <a href="https://linode.com" target="_blank" rel="noopener">
    639. 

  639.                         <img class="vendor-image" alt="Linode" src="img/vendor-linode.svg">
    640. 

  640.                       </a>
    641. 

  641.                     </label>
    642. 

  642.                     <label class="btn btn-light">
    643. 

  643.                       <a href="https://vercel.com" target="_blank" rel="noopener">
    644. 

  644.                         <img class="vendor-image" alt="Linode" src="img/vendor-vercel.svg">
    645. 

  645.                       </a>
    646. 

  646.                     </label>
    647. 

  647. 

  648. 

  649.                   </div>
    650. 

  650.                 </div>
    651. 

  651.               </div>
    652. 

  652. 

  653.             </div>
    654. 

  654.           </div>
    655. 

  655.         </div>
    656. 

  656.       </div>
    657. 

  657.       <!-- END:Pricing Modal -->
    658. 

  658. 

  659.     </div>
    660. 

  660.   </section>
    661. 

  661. 

  662.  <!-- ============================= ** MAIN ** ============================= -->
    663. 

  663. </main>
    664. 

  664.  <!-- ============================= ** FOOTER ** ============================= -->
    665. 

  665. <footer id="dw-footer" class="dw-footer">
    666. 

  666.   <div class="container">
    667. 

  667.     <div class="row">
    668. 

  668.       <div class="col-lg-6 col-md-4">
    669. 

  669.         <div class="br-widget">
    670. 

  670.           <h5>David Windham</h5>
    671. 

  671.           <address class="mt-3">
    672. 

  672.             <a href="https://www.google.com/maps/place/102+Glenridge+Cir,+Greenwood,+SC+29646">102 Glenridge Circle</a><br>
    673. 

  673.             <a href="https://www.google.com/maps/place/102+Glenridge+Cir,+Greenwood,+SC+29646">Greenwood, South Carolina USA</a>
    674. 

  674.             <br>
    675. 

  675.             <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>
    676. 

  676.             <a href="tel:8037123283">+1-803-712-3283</a>
    677. 

  677.           </address>
    678. 

  678.         </div>
    679. 

  679.       </div>
    680. 

  680. 

  681.       <div class="col-lg-2 col-xxs-4 offset-lg-2 mt-5">
    682. 

  682.         <div class="br-widget">
    683. 

  683.           <ul class="footer-links">
    684. 

  684.             <li><a href="https://davidawindham.com/desk/" rel="me"><i class="bi bi-pencil"></i>&nbsp; Desk / Archive</a></li>          
    685. 

  685.             <li><a href="https://davidawindham.com/til/" rel="me"><i class="bi bi-journal-bookmark"></i>&nbsp; Today I Learned</a></li>
    686. 

  686.             <li><a href="https://davidawindham.com/about/bio" rel="me"><i class="bi bi-person-lines-fill"></i>&nbsp; Biography</a></li>
    687. 

  687.           </ul>
    688. 

  688.         </div>
    689. 

  689.       </div>
    690. 

  690. 

  691.       <div class="col-lg-2 col-xxs-4 mt-5">
    692. 

  692.         <div class="br-widget">
    693. 

  693.           <ul class="footer-links text-lg-end">
    694. 

  694.             <li><a href="https://davidawindham.com/cv/" rel="me">CV &nbsp;<i class="bi bi-file-pdf"></i></a></li>
    695. 

  695.             <li><a href="https://code.davidawindham.com/" rel="me">Code &nbsp;<i class="bi bi-file-code"></i></a></li>
    696. 

  696.             <li><a href="https://davidwindham.com/davidwindham.asc" rel="me">Key &nbsp;<i class="bi bi-file-earmark-lock"></i></a></li>
    697. 

  697.           </ul>
    698. 

  698.         </div>
    699. 

  699.       </div>
    700. 

  700.     </div>
    701. 

  701. 

  702.     <div class="row">
    703. 

  703.       <div class="col-lg-4 offset-lg-8 mt-5 fw-light small">
    704. 

  704.         References:
    705. 

  705.         <ol>
    706. 

  706.           <li><a href="https://en.wikipedia.org/wiki/Devotions_upon_Emergent_Occasions">Donne, John. 1624. <i>Devotions upon Emergent Occasions</i></a></li>
    707. 

  707.           <li><a href="https://en.wikipedia.org/wiki/Corporate_personhood">Wikipedia. 2022. Corporate Personhood</a></li>
    708. 

  708.         </ol>
    709. 

  709.       </div>
    710. 

  710.     </div>
    711. 

  711. 

  712.   <div class="footer-end">
    713. 

  713.     <div class="container">
    714. 

  714.       <div class="row">
    715. 

  715.         <div class="col-md-6 text-md-left">
    716. 

  716.           &copy; 2004-2023<br>
    717. 

  717.           <small>Updated: 11/28/22</small>
    718. 

  718.         </div>
    719. 

  719.         <div class="col-md-6 text-end">
    720. 

  720.           The web was inherently social long before the<br> media part, so please feel free to test it out.
    721. 

  721.           <ul class="footer-links footer-social list-inline">  
    722. 

  722.             <li class="list-inline-item"><i class="bi bi-arrow-90deg-up"></i>  </li>
    723. 

  723.             <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>
    724. 

  724.             <li class="list-inline-item"><a href="https://twitter.com/windhamdavid" class="twitter" rel="me"><i class="bi bi-twitter"></i></a></li>
    725. 

  725.             <li class="list-inline-item"><a href="https://github.com/windhamdavid" class="github" rel="me"><i class="bi bi-github"></i></a></li>
    726. 

  726.             <li class="list-inline-item"><a href="https://stackexchange.com/users/521983/david-windham" class="stackoverflow"><i class="bi bi-stack-overflow"></i></a></li>
    727. 

  727.             <li class="list-inline-item"><a href="https://www.facebook.com/windhamdavid" class="facebook"><i class="bi bi-facebook"></i></a></li>
    728. 

  728.             <li class="list-inline-item"><a href="https://www.reddit.com/windhamdavid" class="reddit"><i class="bi bi-reddit"></i></a></li>   
    729. 

  729.             <li class="list-inline-item"><a href="https://twitter.com/windhamdavid" class="spotify" rel="me"><i class="bi bi-spotify"></i></a></li>
    730. 

  730.             <li class="list-inline-item"><a href="https://www.linkedin.com/in/windhamdavid" class="linkedin" rel="me"><i class="bi bi-linkedin"></i></a></li>
    731. 

  731.           </ul>
    732. 

  732.         </div>
    733. 

  733.       </div>
    734. 

  734.     </div>
    735. 

  735.   </div>
    736. 

  736. </footer>
    737. 

  737. 

  738. <script src="js/dw.js"></script>
    739. 

  739. <!--
    740. 

  740. <script>
    741. 

  741.   var _paq = window._paq = window._paq || [];
    742. 

  742.   /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
    743. 

  743.   _paq.push(["setCookieDomain", "*.davidwindham.com"]);
    744. 

  744.   _paq.push(['trackPageView']);
    745. 

  745.   _paq.push(['enableLinkTracking']);
    746. 

  746.   (function() {
    747. 

  747.     var u="https://davidawindham.com/wik/";
    748. 

  748.     _paq.push(['setTrackerUrl', u+'matomo.php']);
    749. 

  749.     _paq.push(['setSiteId', '5']);
    750. 

  750.     var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    751. 

  751.     g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
    752. 

  752.   })();
    753. 

  753. </script>
    754. 

  754. <noscript><p><img src="https://davidawindham.com/wik/matomo.php?idsite=5&amp;rec=1" style="border:0;" alt="" /></p></noscript>
    755. 

  755. --> 
    756. 

  756. </body>
    757. 

  757. </html>
    758.