daw/index.php

<?php get_header('home'); ?>
	<div class="container-full">
		<div class="container">
			<div class="row m-scene scene_element scene_element--fadeinright">
				<div class="col-xs-5">
					<h1 class="didot">David A. Windham</h1>
					
					<svg class="logo" width="250px" height="0px">
					</svg>
				</div>
				<div class="col-xs-4">
					<img src="<?php echo get_bloginfo('template_directory');?>/img/daw.png" width="100" class="logo" alt="David Windham"/>
				</div>
				<div class="col-xs-3 front-nav">
					<div class="col-sm-6">
						<ul>
							<li><a href="notebook">Notebook</a></li>
							<li><a href="studio">Studio</a></li>
							<li><a href="bio">Bio</a></li>
						</ul>
					</div>
					<div class="col-sm-6">
						<ul>
							<li><a href="contact">Contact</a></li>
							<li><a href="archives">Archives</a></li>
							<li><a href="essays">Essays</a></li>
							<li></li>
							<li></li>
						</ul>
					</div>
				</div>
		</div>
	</div>
	<video id="tv" class="sat" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
	     <source src="<?php echo get_bloginfo('template_directory');?>/img/tv.mp4" type="video/mp4">
	     <source src="<?php echo get_bloginfo('template_directory');?>/img/tv.webm" type="video/webm">
	</video>
	<div class="container-full">
		<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel">
			<div class="carousel-inner">
				<div class="item active">
					<div class="container">
						<h1 class="light super cm-sans">Computer Modern Sans 1</h1>
						<h3 class="light cm-concrete">The First tagline about that article</h3>
					</div>
					<div class="carousel-caption">
						<p>Some sort of captions</p>
					</div>
				</div>
			    <div class="item">
					<div class="container">
						<h1 class="light super cm-sanswow wow fadeIn" data-wow-duration="4s">This Is Another Title - 2</h1>
						<h3 class="light cm-concrete">Another line about that Essay</h3>
					</div>
					<div class="carousel-caption">
						<p>Some sort of captions</p>
					</div>
			    </div>
			    <div class="item bg1">
					<div class="container">
						
						<h1 class="light super cm-sans">And A Third Title - 3</h1>
						<h3 class="light cm-concrete">A Third byline about an Artwork</h3>
					</div>
					<div class="carousel-caption">
						<p>Some sort of captions</p>
					</div>
			    </div>
			</div>
		</div>
	</div>
	<div class="container-fluid posts">
		<div class="container2">
			<div class="row">
				<div class="col-sm-4 wow fadeInLeft">
					<article id="main">
						<?php query_posts('showposts=1'); ?>
						<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
						<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
							<div class="entry-content">
								<div class="date">
									<?php the_time('n/j/Y'); ?>		
								</div>
								<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>
								<?php the_excerpt(); ?>
							</div>
						</div>
						<?php endwhile; ?>
					</article>
				</div>
				<div class="col-sm-4 wow fadeInUp" data-wow-duration="1s">
					<article id="main">
						<?php query_posts('showposts=1&offset=1'); ?>
						<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
						<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
							<div class="entry-content">
								<div class="date">
									<?php the_time('n/j/Y'); ?>		
								</div>
								<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>
								<?php the_excerpt(); ?>
							</div>
						</div>
						<?php endwhile; ?>
					</article>
				</div>
				<div class="col-sm-4 wow fadeInRight">
					<article id="main">
						<?php query_posts('showposts=1&offset=2'); ?>
						<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
						<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
							<div class="entry-content">
								<div class="date">
									<?php the_time('n/j/Y'); ?>
								</div>
								<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>
								<?php the_excerpt(); ?>
							</div>
						</div>
						<?php endwhile; ?>
					</article>
				</div>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="row">
			
		</div>
	</div>
	<div class="container-full leader dark">
		<div class="container">
			<div class="row">
				<div class="col-sm-8">
					<h3 class="light">Subscribe / Contact</h3>
					<p class="dim">Subscribe to be notified of new post or contact me and I'll get back with you.</p>
					<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>
						<div class="form-row texts">
							<label class='text-field'>
								<input type="text" value="" name="FNAME" class="required" id="mce-FNAME" placeholder='David' required>
							<strong>First name <span class='req'>*</span></strong>
							</label>
							<label class='text-field'>
								<input type="text" value="" name="LNAME" class="required" id="mce-LNAME" placeholder='Windham' required>
							<strong>Last name <span class='req'>*</span></strong>
							</label>
						</div>
						<div class="form-row texts">
							<label class='text-field'>
								<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder='you@gmail.com' required>
							<strong>Email address <span class='req'>*</span></strong>
							</label>
			
							<label class='text-field'>
								<input type="text" value="" name="COMPANY" class="" placeholder='Your Place'>
							<strong>Company <i>or</i> School</strong>
							</label>
						</div>
						<div class="contact-form-message">
							<label class='text-field'>
								<input type="text" size="100" value="" name="MMERGE3" class="" placeholder='Your Message'>
							<strong>Message</strong>
							</label>
						</div>
							<input type="hidden" value="8" name="group[9585][8]">
						<div style="position: absolute; left: -5000px;">
							<input type="text" name="b_f581cb29340364ff0a4421d5c_d7b8f624d3" tabindex="-1" value="">
						</div>
						<div class="clear"></div>
						<div class="actions">
							<button type="submit" class="submit btn default" value="Subscribe" name="subscribe" id="mc-embedded-subscribe">Subscribe</button>
							<span> ~ or ~ </span>
							<button type="submit" class="submit btn default" value="Conctact" name="contact" id="contact">Contact Me</button>
						</div>
					</form>
				</div>
				<div class="col-sm-4">
				<div class="calendar"></div>
				</div>
			</div>
		</div>
	</div>
<?php get_footer(); ?>