index.php 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. <?php get_header('home'); ?>
  2. <video id="tv" preload="auto" loop="loop" poster="wp-content/themes/dw/img/tv.jpg">
  3. <source src="<?php echo get_bloginfo('template_directory');?>/img/tv.mp4" type="video/mp4">
  4. <source src="<?php echo get_bloginfo('template_directory');?>/img/tv.webm" type="video/webm">
  5. </video>
  6. <div class="container-full leader">
  7. <div id="caro-lead" class="carousel slide carousel-fade">
  8. <div class="carousel-inner">
  9. <div class="item active" data-id="1">
  10. <div class="container first-slide">
  11. <h1 class="light super cm-sans">Computer Modern Sans 1</h1>
  12. <h3 class="light cm-concrete">The First tagline about that article</h3>
  13. <div class="carousel-caption">
  14. <p>Some sort of captions</p>
  15. </div>
  16. </div>
  17. </div>
  18. <div class="item constellation" data-id="2">
  19. <div class="container">
  20. <h1 class="light super cm-sans wow fadeIn" data-wow-duration="4s">This Is Another Title - 2</h1>
  21. <h3 class="light cm-concrete">Another line about that...</h3>
  22. <div class="carousel-caption">
  23. <p>Some sort of captions</p>
  24. </div>
  25. <svg id="stars" width="300" viewBox="0 0 300 200">
  26. <path fill="none" stroke="#777" stroke-width="1px" stroke-miterlimit="10" d="M23.6,3.7l155.1,37.4L295,8.3l-7.6,174.4l-9.3-146.9L171.9,159.6l-24.9-97L36.2,137.1l24.1-59.4l-49.7,8l7.4-80.3"/>
  27. </svg>
  28. </div>
  29. </div>
  30. </div>
  31. </div>
  32. </div>
  33. <div class="container-fluid posts-front">
  34. <div class="container">
  35. <div class="row">
  36. <div class="col-sm-4 wow fadeInLeft" data-wow-offset="600">
  37. <article id="main" class="home">
  38. <?php query_posts('showposts=1'); ?>
  39. <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
  40. <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  41. <div class="entry-content">
  42. <div class="date">
  43. <?php the_time('n/j/Y'); ?>
  44. </div>
  45. <h3 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h3>
  46. <?php the_excerpt(); ?>
  47. </div>
  48. </div>
  49. <?php endwhile; ?>
  50. </article>
  51. </div>
  52. <div class="col-sm-4 wow fadeInUp" data-wow-offset="600">
  53. <article id="main" class="home">
  54. <?php query_posts('showposts=1&offset=1'); ?>
  55. <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
  56. <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  57. <div class="entry-content">
  58. <div class="date">
  59. <?php the_time('n/j/Y'); ?>
  60. </div>
  61. <h3 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h3>
  62. <?php the_excerpt(); ?>
  63. </div>
  64. </div>
  65. <?php endwhile; ?>
  66. </article>
  67. </div>
  68. <div class="col-sm-4 wow fadeInRight" data-wow-offset="600">
  69. <article id="main" class="home">
  70. <?php query_posts('showposts=1&offset=2'); ?>
  71. <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
  72. <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  73. <div class="entry-content">
  74. <div class="date">
  75. <?php the_time('n/j/Y'); ?>
  76. </div>
  77. <h3 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h3>
  78. <?php the_excerpt(); ?>
  79. </div>
  80. </div>
  81. <?php endwhile; ?>
  82. </article>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. <div class="container-fluid dark">
  88. <div class="container">
  89. <div class="row">
  90. <div class="col-sm-6">
  91. <h3 class="dim">About</h3>
  92. <p class="dim"><img class="me" src="wp-content/themes/dw/img/me.png">
  93. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie quis urna sit amet vulputate. Pellentesque non venenatis dolor, ut commodo eros. Suspendisse a ultricies nisi, vitae blandit mauris. Sed leo magna, hendrerit ut eleifend eu, rhoncus id lorem. Pellentesque est nunc, venenatis a elementum at, euismod placerat dui. Cras et enim ultrices, accumsan quam in, eleifend sapien.</p>
  94. <p>&nbsp;</p>
  95. <p>&nbsp;</p>
  96. </div>
  97. <div class="col-xs-6">
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="container-fluid caro-grad">
  103. <div id="caro" class="carousel slide">
  104. <ol class="carousel-indicators">
  105. <li data-target="#caro" data-slide-to="0" class="active"></li>
  106. <li data-target="#caro" data-slide-to="1"></li>
  107. <li data-target="#caro" data-slide-to="2"></li>
  108. <li data-target="#caro" data-slide-to="3"></li>
  109. </ol>
  110. <div class="carousel-inner">
  111. <div class="item active">
  112. <div class="container animac">
  113. <div class="row">
  114. <div class="col-sm-6">
  115. <h1 class="light super cm-sans">Computer Modern</h1>
  116. </div>
  117. <div class="col-sm-6">
  118. <svg xmlns="http://www.w3.org/2000/svg" id="sv" height="200px" viewBox="-450 469 298 342">
  119. <path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#1572B6" d="M-422.9,777.3l-27.1-303.6h297.4l-27.1,303.6L-301.4,811L-422.9,777.3z"/>
  120. <path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#33A9DC" d="M-301.2,785.2l98.4-27.3l23.2-259.4h-121.6V785.2z"/>
  121. <path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#EBEBEB" d="M-301.2,608.5v23.1v14v0.1H-342h-0.1l-0.7-8.4l-1.7-18.9l-0.9-10H-301.2z"/>
  122. <path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#EBEBEB" d="M-301.1,533.1v23.1v14v0.1h-89.8h-0.1l-0.7-8.4l-1.7-18.9l-0.9-10H-301.1z"/>
  123. <path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#FFFFFF" d="M-255.1,644.2l-4.5,49.9l-41.5,11.2V744l76.3-21.2l0.6-6.3l6.5-72.4H-255.1z"/>
  124. <path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#EBEBEB" d="M-301,705.2l-0.2,0l-41.5-11.2l-2.7-29.7h-20.2h-17.2l5.2,58.5l76.3,21.2l0.2,0V705.2z"/>
  125. <path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#FFFFFF" d="M-301.2,608.5h49.3l3.4-38.1h-52.7v-37.2h0.1h93.2l-0.9,10l-9.2,102.6h-83.3V608.5z"/>
  126. </svg>
  127. </div>
  128. </div>
  129. </div>
  130. </div>
  131. <div class="item">
  132. <div class="container animac hide-svg">
  133. <svg xmlns="http://www.w3.org/2000/svg" id="svg-mac" class="svg" viewBox="0 0 960 480" preserveAspectRatio="xMinYMin meet">
  134. <path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" d="M570.14 440.2l-29.165-28.99c-7.103-8.5-6.152-36.718-6.02-40.665H425.048c.133 3.947 1.082 32.164-6.018 40.666l-29.166 28.99c-1.237 1.404-1.712 2.505-1.623 3.37h-.054c.76 7.727 6.664 6.332 13.607 6.332H558.01c6.696 0 12.412 1.27 13.493-5.56.58-.953.274-2.282-1.364-4.14z"/>
  135. <path fill="#C8D2DC" stroke="#C8D2DC" stroke-width="2px" stroke-miterlimit="10" d="M727.488 355.125c0 8.514-6.597 15.42-14.738 15.42h-465.5c-8.14 0-14.74-6.906-14.74-15.42V45.42c0-8.517 6.6-15.42 14.74-15.42h465.5c8.142 0 14.738 6.903 14.738 15.42v309.705z"/>
  136. <path fill="#fff" stroke="#C8D2DC" stroke-width="2px" stroke-miterlimit="10" d="M489.01 343.713c-.042-4.223 3.447-6.254 3.605-6.352-1.963-2.866-5.018-3.263-6.102-3.31-2.602-.26-5.074 1.53-6.39 1.53s-3.356-1.49-5.506-1.448c-2.836.04-5.445 1.645-6.907 4.182-2.942 5.11-.75 12.672 2.116 16.814 1.4 2.02 3.072 4.305 5.268 4.22 2.114-.08 2.913-1.362 5.467-1.362 2.556 0 3.274 1.363 5.51 1.322 2.273-.04 3.716-2.064 5.105-4.098 1.61-2.35 2.273-4.63 2.313-4.748-.05-.02-4.434-1.7-4.48-6.75M484.807 331.31c1.168-1.41 1.953-3.37 1.738-5.327-1.68.068-3.713 1.12-4.916 2.53-1.08 1.247-2.027 3.245-1.77 5.16 1.87.143 3.784-.95 4.947-2.362"/>
  137. <path fill="#3C4650" stroke="#3C4650" stroke-width="2px" stroke-miterlimit="10" d="M727.488 315.527V45.982c0-8.828-6.597-15.982-14.738-15.982h-465.5c-8.14 0-14.74 7.155-14.74 15.982v269.545H727.49z"/>
  138. <path fill="#141E28" stroke="#141E28" stroke-width="2px" stroke-miterlimit="10" d="M251.2 48.887h457.205v245.52H251.2z"/>
  139. </svg>
  140. </div>
  141. </div>
  142. <div class="item">
  143. <div class="container animac hide-svg">
  144. <div class="row">
  145. <div class="col-sm-6">
  146. <h1 class="light super cm-sans">Computer Modern</h1>
  147. </div>
  148. <div class="col-sm-6">
  149. <svg xmlns="http://www.w3.org/2000/svg" id="svg-imac" class="svg screen" viewBox="0 0 460 400" preserveAspectRatio="xMinYMin meet">
  150. <path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2" stroke-miterlimit="10" d="M312.5,381.9l-26.5-26.4c-6.5-7.7-5.6-33.4-5.5-37h-99.9c0.1,3.6,1,29.2-5.5,37l-26.5,26.4c-1.1,1.3-1.6,2.3-1.5,3.1h0c0.7,7,6.1,5.8,12.4,5.8h142c6.1,0,11.3,1.2,12.3-5.1C314.2,384.8,313.9,383.6,312.5,381.9L312.5,381.9z"/>
  151. <path fill="#C8D2DC" stroke="#C8D2DC" stroke-width="2" stroke-miterlimit="10" d="M442.1,9H18.9C11.5,9,5,15.2,5,23v281.6c0,7.7,6.5,14.5,13.9,14.5h423.2c7.4,0,13.9-6.7,13.9-14.5V23C456,15.2,449.5,9,442.1,9z M438,249H23V26h415V249z"/>
  152. <path fill="#FFFFFF" stroke="#C8D2DC" stroke-width="2" stroke-miterlimit="10" d="M238.7,294.2c0-3.8,3.1-5.7,3.3-5.8c-1.8-2.6-4.6-3-5.5-3c-2.4-0.2-4.6,1.4-5.8,1.4s-3.1-1.4-5-1.3c-2.6,0-5,1.5-6.3,3.8c-2.7,4.6-0.7,11.5,1.9,15.3c1.3,1.8,2.8,3.9,4.8,3.8c1.9-0.1,2.6-1.2,5-1.2c2.3,0,3,1.2,5,1.2c2.1,0,3.4-1.9,4.6-3.7c1.5-2.1,2.1-4.2,2.1-4.3C242.7,300.3,238.7,298.8,238.7,294.2 M234.9,282.9c1.1-1.3,1.8-3.1,1.6-4.8c-1.5,0.1-3.4,1-4.5,2.3c-1,1.1-1.8,3-1.6,4.7C232.1,285.2,233.8,284.2,234.9,282.9"/>
  153. <path fill="#3C4650" stroke="#3C4650" stroke-width="2" stroke-miterlimit="10" d="M442.1,9H18.9C11.5,9,5,15.4,5,23.5V269h451V23.5C456,15.4,449.5,9,442.1,9z M438,249H22V26h416V249z"/>
  154. <path fill="none" stroke="#141E28" stroke-width="2" stroke-miterlimit="10" d="M22.5,26.1h415.7v223.2H22.5V26.1z"/>
  155. </svg>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. <div class="item">
  161. <div class="container animac hide-svg">
  162. <svg xmlns="http://www.w3.org/2000/svg" id="svg" class="svg" width="250px" height="250px" preserveAspectRatio="xMinYMin meet">
  163. <path fill="#3C4650" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" d="M0.5,125a124.5,124.5 0 1,0 249,0a124.5,124.5 0 1,0 -249,0"/>
  164. <path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" d="M242.8,131.8c-0.4-29.9-22.1-50.1-48.1-50c-16.9,0-28.6,8.4-28.6,8.4s12.7-16.2,12.6-36.9c-0.2-24.7-23-47.9-52.4-47.9C97.6,5.4,71.8,26,72.3,55.5C72.6,76.3,85,90.2,85,90.2c0,0-13.9-8.7-29-8.2C16.5,83,6.6,115.8,7.3,132.9c1.2,33.4,15.4,53.8,52.7,54.2c34.2,0.4,54.9-32.3,61-43.5c1.5-9.5,0-13.9,0-13.9c-3.1,1.6-14.5,27.9-35.6,16.1c-6.8-3.8-8.8-16.7-5.2-26.3c6.3-16.9,18.3-18.7,36-40.3c6.8-8.3,8.2-13.6,8.2-13.6s1.2,5.2,7.8,13.2c17.4,21.2,30.1,23.6,36.7,40.4c4.1,10.4,1.8,23-6,26.9c-20.3,10.1-31.4-15.1-34.9-16.5c0,0-1.2,4,0.1,12.8c2.6,5.7,21.7,44.2,64,44.2C226.3,186.6,243.1,156.2,242.8,131.8z"/>
  165. <path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" d="M124.5,154.1c0,0-10.8,37.5-12.7,41.9c-4.9,11.3-26.6,38.8-26.6,38.8s25.2-2.8,40.4-2.8c15.6,0,39.2,3.2,39.2,3.2s-22.8-28.1-27.6-39.6C135.4,191.2,124.5,154.1,124.5,154.1z"/>
  166. </svg>
  167. </div>
  168. </div>
  169. </div>
  170. </div>
  171. </div>
  172. <div class="container-full dark bottom">
  173. <div class="container">
  174. <div class="row">
  175. <div class="col-sm-8">
  176. <h3 class="light">Subscribe / Contact</h3>
  177. <p class="dim">Subscribe to be notified of new post or contact me and I'll get back with you.</p>
  178. <form action="//davidawindham.us1.list-manage.com/subscribe/post?u=f581cb29340364ff0a4421d5c&amp;id=d7b8f624d3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
  179. <div class="form-row texts">
  180. <label class='text-field'>
  181. <input type="text" value="" name="FNAME" class="required" id="mce-FNAME" placeholder='David' required>
  182. <strong>First name <span class='req'>*</span></strong>
  183. </label>
  184. <label class='text-field'>
  185. <input type="text" value="" name="LNAME" class="required" id="mce-LNAME" placeholder='Windham' required>
  186. <strong>Last name <span class='req'>*</span></strong>
  187. </label>
  188. </div>
  189. <div class="form-row texts">
  190. <label class='text-field'>
  191. <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder='you@gmail.com' required>
  192. <strong>Email address <span class='req'>*</span></strong>
  193. </label>
  194. <label class='text-field'>
  195. <input type="text" value="" name="COMPANY" class="" placeholder='Your Place'>
  196. <strong>Company <i>or</i> School</strong>
  197. </label>
  198. </div>
  199. <div class="contact-form-message">
  200. <label class='text-field'>
  201. <input type="text" size="100" value="" name="MMERGE3" class="" placeholder='Your Message'>
  202. <strong>Message</strong>
  203. </label>
  204. </div>
  205. <input type="hidden" value="8" name="group[9585][8]">
  206. <div style="position: absolute; left: -5000px;">
  207. <input type="text" name="b_f581cb29340364ff0a4421d5c_d7b8f624d3" tabindex="-1" value="">
  208. </div>
  209. <div class="clear"></div>
  210. <div class="actions">
  211. <button type="submit" class="submit btn default" value="Subscribe" name="subscribe" id="mc-embedded-subscribe">Subscribe</button>
  212. <span> ~ or ~ </span>
  213. <button type="submit" class="submit btn default" value="Conctact" name="contact" id="contact">Contact Me</button>
  214. </div>
  215. </form>
  216. </div>
  217. <div class="col-sm-4">
  218. <div class="calendar"></div>
  219. </div>
  220. </div>
  221. </div>
  222. </div>
  223. <?php get_footer('home'); ?>