index.php 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. <?php get_header('home'); ?>
  2. <div class="container-full">
  3. <div class="container">
  4. <div class="row m-scene scene_element scene_element--fadeinright">
  5. <div class="col-md-3 col-xs-3">
  6. <img src="<?php echo get_bloginfo('template_directory');?>/img/daw.png" width="100" class="logo" alt="David Windham"/>
  7. </div>
  8. <div class="col-md-6 col-xs-6">
  9. <h1 class="super didot">David A. Windham</h1>
  10. <h3 class="cm-concrete">Something Else</h3>
  11. <svg class="logo" width="250px" height="250px">
  12. </svg>
  13. </div>
  14. <div class="col-md-3 col-xs-3">
  15. <div class="col-md-6 col-sm-6">
  16. <ul>
  17. <li>Notebook</li>
  18. <li>Studio</li>
  19. <li>Bio</li>
  20. </ul>
  21. </div>
  22. <div class="col-md-6 col-sm-6">
  23. <ul>
  24. <li>Contact</li>
  25. <li>Archives</li>
  26. <li>Essays</li>
  27. <li></li>
  28. <li></li>
  29. </ul>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="big-top container-full leader dark">
  35. <div class="container">
  36. <div class="row m-scene scene_element scene_element--fadeinright">
  37. <div class="col-md-9">
  38. <h1 class="light super cm-sans">Computer Modern Sans -2</h1>
  39. <h3 class="light cm-concrete">This is really how it works!</h3>
  40. <svg class="logo" width="250px" height="250px">
  41. </svg>
  42. </div>
  43. <div class="col-md-3 col-xs-3">
  44. <div class="col-md-6 col-sm-6">
  45. </div>
  46. <div class="col-md-6 col-sm-6">
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. <div class="container-full top-lead">
  53. <div class="container">
  54. <h1 class="light super cm-sans">Some Really Big Titles to Test</h1>
  55. <h3 class="light cm-concrete">And a tagline about that article</h3>
  56. </div>
  57. </div>
  58. <div class="container-fluid posts">
  59. <div class="container2">
  60. <div class="row">
  61. <div class="col-sm-4 wow fadeInLeft">
  62. <article id="main">
  63. <?php query_posts('showposts=1'); ?>
  64. <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
  65. <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  66. <div class="entry-content">
  67. <div class="date">
  68. <?php the_time('n/j/Y'); ?>
  69. </div>
  70. <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>
  71. <?php the_excerpt(); ?>
  72. </div>
  73. </div>
  74. <?php endwhile; ?>
  75. </article>
  76. </div>
  77. <div class="col-sm-4 wow fadeInUp" data-wow-duration="1s">
  78. <article id="main">
  79. <?php query_posts('showposts=1&offset=1'); ?>
  80. <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
  81. <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  82. <div class="entry-content">
  83. <div class="date">
  84. <?php the_time('n/j/Y'); ?>
  85. </div>
  86. <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>
  87. <?php the_excerpt(); ?>
  88. </div>
  89. </div>
  90. <?php endwhile; ?>
  91. </article>
  92. </div>
  93. <div class="col-sm-4 wow fadeInRight">
  94. <article id="main">
  95. <?php query_posts('showposts=1&offset=2'); ?>
  96. <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
  97. <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
  98. <div class="entry-content">
  99. <div class="date">
  100. <?php the_time('n/j/Y'); ?>
  101. </div>
  102. <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>
  103. <?php the_excerpt(); ?>
  104. </div>
  105. </div>
  106. <?php endwhile; ?>
  107. </article>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. <div class="container">
  113. <div class="row">
  114. </div>
  115. </div>
  116. <div class="container-full leader dark">
  117. <div class="container">
  118. <div class="row">
  119. <div class="col-sm-8">
  120. <h3 class="light">Subscribe / Contact</h3>
  121. <p class="dim">Subscribe to be notified of new post or contact me and I'll get back with you.</p>
  122. <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>
  123. <div class="form-row texts">
  124. <label class='text-field'>
  125. <input type="text" value="" name="FNAME" class="required" id="mce-FNAME" placeholder='David' required>
  126. <strong>First name <span class='req'>*</span></strong>
  127. </label>
  128. <label class='text-field'>
  129. <input type="text" value="" name="LNAME" class="required" id="mce-LNAME" placeholder='Windham' required>
  130. <strong>Last name <span class='req'>*</span></strong>
  131. </label>
  132. </div>
  133. <div class="form-row texts">
  134. <label class='text-field'>
  135. <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder='you@gmail.com' required>
  136. <strong>Email address <span class='req'>*</span></strong>
  137. </label>
  138. <label class='text-field'>
  139. <input type="text" value="" name="COMPANY" class="" placeholder='Your Place'>
  140. <strong>Company <i>or</i> School</strong>
  141. </label>
  142. </div>
  143. <div class="contact-form-message">
  144. <label class='text-field'>
  145. <input type="text" size="100" value="" name="MMERGE3" class="" placeholder='Your Message'>
  146. <strong>Message</strong>
  147. </label>
  148. </div>
  149. <input type="hidden" value="8" name="group[9585][8]">
  150. <div style="position: absolute; left: -5000px;">
  151. <input type="text" name="b_f581cb29340364ff0a4421d5c_d7b8f624d3" tabindex="-1" value="">
  152. </div>
  153. <div class="clear"></div>
  154. <div class="actions">
  155. <button type="submit" class="submit btn default" value="Subscribe" name="subscribe" id="mc-embedded-subscribe">Subscribe</button>
  156. <span> ~ or ~ </span>
  157. <button type="submit" class="submit btn default" value="Conctact" name="contact" id="contact">Contact Me</button>
  158. </div>
  159. </form>
  160. </div>
  161. <div class="col-sm-4">
  162. <div class="calendar"></div>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. <?php get_footer(); ?>