All Roads Homepage Template File

homepage.php

<div id='allroads-homepage' class='allroads-homepage right uk-width-1-1 homepage-height'>
<!-------------------------- ROW #1 ------------------------>
	<div class='left uk-width-1-1 uk-width-medium-2-3 background padding30 center homepage-post row-1-bg'>
		<div class="homepage-book-prev">
			<img class="guidebook-image" src="/wp-content/uploads/guidebook-cta-image.png">
		</div>
		<div class="homepage-blurb">
			<p>We've written the book on <span class="bold">Authoritative Branding:</span> how All Roads can help you to capitalize on the <span class="bold">best resource</span> you've overlooked.</p>
			<p class="guidebook-button"><a href="/how-we-do-it/" class="uk-button uk-button-primary">View the Guidebook</a></p>
		</div>

	</div>
	<div class='left uk-width-1-1 uk-width-medium-1-3 homepage-post dynamic'>
		<?php

			$post1 = get_option('allroads_post1');
			$post = get_post($post1);
			//values
			$title = ($filter_switch == 'true') ? $results[0]['title'] : $post->post_title;
			$thumbnail = ($filter_switch == 'true') ? $results[0]['thumbnail'] : wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			// $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			$permalink = ($filter_switch == 'true') ? $results[0]['permalink'] : get_permalink($post1);
			// $post_categories = get_the_category( $post1 );
			// $category = $post_categories[0]->name;
			// $tag = get_tags($post1);

			//output here
			?>
			<a href='<?php echo $permalink; ?>' class='homepage-image' style="background-image:url('<?php echo $thumbnail; ?>');">
			</a>
		<div class='post-details'>
			<?php // echo switch_category($category);?>
			<!-- <i class='time-tag'>
				<?php echo $tag[0]->name; ?>
			</i> -->
		</div>
		<h2 class='overlay'>
			<a href='<?php echo $permalink; ?>'>
				<?php echo $title; ?>
			</a>
		</h2>
	</div>
	
	<!----------------------------- ROW #2 ------------------------>
	<div class='left uk-width-1-1 uk-width-medium-1-3 homepage-post dynamic'>
		<?php
			$post1 = get_option('allroads_post2');
			$post = get_post($post1);
			//values
			$title = ($filter_switch == 'true') ? $results[1]['title'] : $post->post_title;
			$thumbnail = ($filter_switch == 'true') ? $results[1]['thumbnail'] : wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			// $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			$permalink = ($filter_switch == 'true') ? $results[1]['permalink'] : get_permalink($post1);
			// $post_categories = get_the_category( $post1 );
			// $category = $post_categories[0]->name;
			// $tag = get_tags($post1);
			//output here
			?>
			<a href='<?php echo $permalink; ?>' class='homepage-image' style="background-image:url('<?php echo $thumbnail; ?>');">
			</a>
		<div class='post-details'>
			<?php // echo switch_category($category); ?>
			<!-- <i class='time-tag'>
				<?php echo $tag[0]->name; ?>
			</i> -->			
		</div>
		<h2 class='overlay'>
			<a href='<?php echo $permalink; ?>'>
				<?php echo $title; ?>
			</a>
		</h2>
	</div>
	<div class='left uk-width-1-1 uk-width-medium-1-3 homepage-post background center padding30'>
		<h3 class='center white sub-title'>Feed your business and your brain. </h3>
		<h4 class="center white bold newsletter-desc">Sign up for our newsletter and bring Authoritative Branding to your inbox. </h4>
		<?php echo do_shortcode('[gravityform id="1" name="Newsletter" title="false" description="false" ajax="true"]'); ?>
		<!-- <img src="http://www.gettyimages.ca/CMS/StaticContent/1357941082241_new_banner-700x465.jpg"/> -->
	</div>
	<div class='left uk-width-1-1 uk-width-medium-1-3 homepage-post dynamic'>
		<?php
			$post1 = get_option('allroads_post3');
			$post = get_post($post1);
			//values
			$title = ($filter_switch == 'true') ? $results[2]['title'] : $post->post_title;
			$thumbnail = ($filter_switch == 'true') ? $results[2]['thumbnail'] : wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			// $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			$permalink = ($filter_switch == 'true') ? $results[2]['permalink'] : get_permalink($post1);
			// $post_categories = get_the_category( $post1 );
			// $category = $post_categories[0]->name;
			// $tag = get_tags($post1);
			//output here
			?>
			<a href='<?php echo $permalink; ?>' class='homepage-image' style="background-image:url('<?php echo $thumbnail; ?>');">
			</a>
		<div class='post-details'>
			<?php // echo switch_category($category); ?>
			<!-- <i class='time-tag'>
				<?php echo $tag[0]->name; ?>
			</i> -->			
		</div>
		<h2 class='overlay'>
			<a href='<?php echo $permalink; ?>'>
				<?php echo $title; ?>
			</a>
		</h2>
	</div>
	<!----------------------------- ROW #3 ------------------------>
	<div class='right uk-width-1-1 uk-width-medium-2-3 homepage-post dynamic'>
		<?php
			$post1 = get_option('allroads_post4');
			$post = get_post($post1);
			//values
			$title = ($filter_switch == 'true') ? $results[3]['title'] : $post->post_title;
			$thumbnail = ($filter_switch == 'true') ? $results[3]['thumbnail'] : wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			// $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			$permalink = ($filter_switch == 'true') ? $results[3]['permalink'] : get_permalink($post1);
			// $post_categories = get_the_category( $post1 );
			// $category = $post_categories[0]->name;
			// $tag = get_tags($post1);
			//output here
			?>
			<a href='<?php echo $permalink; ?>' class='homepage-image' style="background-image:url('<?php echo $thumbnail; ?>');">
			</a>
		<div class='post-details'>
			<?php // echo switch_category($category); ?>
			<!-- <i class='time-tag'>
				<?php echo $tag[0]->name; ?>
			</i> -->			
		</div>
		<h2 class='overlay'>
			<a href='<?php echo $permalink; ?>'>
				<?php echo $title; ?>
			</a>
		</h2>
	</div>	
	<div class='right uk-width-1-1 uk-width-medium-1-3 homepage-post dynamic'>
		<?php
			$post1 = get_option('allroads_post5');
			$post = get_post($post1);
			//values
			$title = ($filter_switch == 'true') ? $results[4]['title'] : $post->post_title;
			$thumbnail = ($filter_switch == 'true') ? $results[4]['thumbnail'] : wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			// $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			$permalink = ($filter_switch == 'true') ? $results[4]['permalink'] : get_permalink($post1);
			// $post_categories = get_the_category( $post1 );
			// $category = $post_categories[0]->name;
			// $tag = get_tags($post1);
			//output here
			?>
			<a href='<?php echo $permalink; ?>' class='homepage-image' style="background-image:url('<?php echo $thumbnail; ?>');">
			</a>
		<div class='post-details'>
			<?php // echo switch_category($category); ?>
			<!-- <i class='time-tag'>
				<?php echo $tag[0]->name; ?>
			</i> -->			
		</div>
		<h2 class='overlay'>
			<a href='<?php echo $permalink; ?>'>
				<?php echo $title; ?>
			</a>
		</h2>


	</div>	
	<!----------------------------- ROW #4 ------------------------>
	<div class='right uk-width-1-1 homepage-post full-callout_ marginauto heightauto'>
		<img src='/wp-content/uploads/IMG_11921-e1407950496858.jpg'/>
		<div class='full-overlay'>
			<div>
				<h3 class='center font800'>GOT AN HOUR?</h3>
				<p class='center callout-desc'>Go one-on-one with a senior member of our Strategy Team to learn how our approach will work for your business. The first hour's on us.</p>
				<p class='center'>
					<a href='/sign-up-for-a-brand-consultation/' class='uk-button uk-button-primary'>
						Learn More
					</a>
				</p>
			</div>
		</div>
	</div>
	<!----------------------------- ROW #5 ------------------------>
	<div class='left uk-width-1-1 uk-width-medium-2-3 homepage-post height350 dynamic'>
		<?php
			$post1 = get_option('allroads_post6');
			$post = get_post($post1);
			//values
			$title = ($filter_switch == 'true') ? $results[5]['title'] : $post->post_title;
			$thumbnail = ($filter_switch == 'true') ? $results[5]['thumbnail'] : wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			// $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			$permalink = ($filter_switch == 'true') ? $results[5]['permalink'] : get_permalink($post1);
			// $post_categories = get_the_category( $post1 );
			// $category = $post_categories[0]->name;
			// $tag = get_tags($post1);
			//output here
			?>
			<a href='<?php echo $permalink; ?>' class='homepage-image' style="background-image:url('<?php echo $thumbnail; ?>');">
			</a>
		<div class='post-details'>
			<?php // echo switch_category($category); ?>
			<!-- <i class='time-tag'>
				<?php echo $tag[0]->name; ?>
			</i> -->			
		</div>
		<h2 class='overlay'>
			<a href='<?php echo $permalink; ?>'>
				<?php echo $title; ?>
			</a>
		</h2>
	
	
	</div>
	<div class='left uk-width-1-1 uk-width-medium-1-3 homepage-post padding20 height350'>
		<div class='logo'>
			<img src='/wp-content/uploads/Logo_V3.png' class='left'/>
			<div class='left white followus'>
				FOLLOW US<br>
				<span class='color1'>@AllRoadsMe</span>
			</div>
		</div>
		<div style='clear:both'></div>
		<div>
			<?php db_twitter_feed(); ?>
		</div>
	</div>
	<!---------------------------- ROW #6 -------------------------->
	<div class='left uk-width-1-1 uk-width-medium-1-3 homepage-post dynamic'>
		<?php
			$post1 = get_option('allroads_post7');
			$post = get_post($post1);
			//values
			$title = ($filter_switch == 'true') ? $results[6]['title'] : $post->post_title;
			$thumbnail = ($filter_switch == 'true') ? $results[6]['thumbnail'] : wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			// $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			$permalink = ($filter_switch == 'true') ? $results[6]['permalink'] : get_permalink($post1);
			// $post_categories = get_the_category( $post1 );
			// $category = $post_categories[0]->name;
			// $tag = get_tags($post1);
			//output here
			?>
			<a href='<?php echo $permalink; ?>' class='homepage-image' style="background-image:url('<?php echo $thumbnail; ?>');">
			</a>
		<div class='post-details'>
			<?php // echo switch_category($category); ?>
			<!-- <i class='time-tag'>
				<?php echo $tag[0]->name; ?>
			</i> -->			
		</div>
		<h2 class='overlay'>
			<a href='<?php echo $permalink; ?>'>
				<?php echo $title; ?>
			</a>
		</h2>
	</div>
	<div class='left uk-width-1-1 uk-width-medium-1-3 homepage-post dynamic'>
		<?php
			$post1 = get_option('allroads_post8');
			$post = get_post($post1);
			//values
			$title = ($filter_switch == 'true') ? $results[7]['title'] : $post->post_title;
			$thumbnail = ($filter_switch == 'true') ? $results[7]['thumbnail'] : wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			// $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			$permalink = ($filter_switch == 'true') ? $results[7]['permalink'] : get_permalink($post1);
			// $post_categories = get_the_category( $post1 );
			// $category = $post_categories[0]->name;
			// $tag = get_tags($post1);
			//output here
			?>
			<a href='<?php echo $permalink; ?>' class='homepage-image' style="background-image:url('<?php echo $thumbnail; ?>');">
			</a>
		<div class='post-details'>
			<?php // echo switch_category($category); ?>
			<!-- <i class='time-tag'>
				<?php echo $tag[0]->name; ?>
			</i> -->			
		</div>
		<h2 class='overlay'>
			<a href='<?php echo $permalink; ?>'>
				<?php echo $title; ?>
			</a>
		</h2>		
	</div>
	<div class='right uk-width-1-1 uk-width-medium-1-3 homepage-post homepage-cta'>
		<img class="guidebook-image2" src='/wp-content/uploads/guidebook-cta-image.png'/>
		<p class="center">
			<a href="/how-we-do-it/" class="uk-button uk-button-primary">
				View The Guidebook
			</a>
		</p>
	</div>	

	<!---------------------------- ROW #7 ---------------------------->
	<div class='right uk-width-1-1 uk-width-medium-2-3 homepage-post dynamic'>
		<?php
			$post1 = get_option('allroads_post9');
			$post = get_post($post1);
			//values
			$title = ($filter_switch == 'true') ? $results[8]['title'] : $post->post_title;
			$thumbnail = ($filter_switch == 'true') ? $results[8]['thumbnail'] : wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			// $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			$permalink = ($filter_switch == 'true') ? $results[8]['permalink'] : get_permalink($post1);
			// $post_categories = get_the_category( $post1 );
			// $category = $post_categories[0]->name;
			// $tag = get_tags($post1);
			//output here
			?>
			<a href='<?php echo $permalink; ?>' class='homepage-image' style="background-image:url('<?php echo $thumbnail; ?>');">
			</a>
		<div class='post-details'>
			<?php // echo switch_category($category); ?>
			<!-- <i class='time-tag'>
				<?php echo $tag[0]->name; ?>
			</i> -->			
		</div>
		<h2 class='overlay'>
			<a href='<?php echo $permalink; ?>'>
				<?php echo $title; ?>
			</a>
		</h2>
	</div>
	<div class='right uk-width-1-1 uk-width-medium-1-3 homepage-post dynamic'>
		<?php
			$post1 = get_option('allroads_post10');
			$post = get_post($post1);
			//values
			$title = ($filter_switch == 'true') ? $results[9]['title'] : $post->post_title;
			$thumbnail = ($filter_switch == 'true') ? $results[9]['thumbnail'] : wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			// $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
			$permalink = ($filter_switch == 'true') ? $results[9]['permalink'] : get_permalink($post1);
			// $post_categories = get_the_category( $post1 );
			// $category = $post_categories[0]->name;
			// $tag = get_tags($post1);
			//output here
			?>
			<a href='<?php echo $permalink; ?>' class='homepage-image' style="background-image:url('<?php echo $thumbnail; ?>');">
			</a>
		<div class='post-details'>
			<?php // echo switch_category($category); ?>
			<!-- <i class='time-tag'>
				<?php echo $tag[0]->name; ?>
			</i> -->			
		</div>
		<h2 class='overlay'>
			<a href='<?php echo $permalink; ?>'>
				<?php echo $title; ?>
			</a>
		</h2>
	</div>	

	<!------------------------------ ROW #8 ---------------------------->
	<div class='right uk-width-1-1 homepage-post heightauto contact-callout marginauto'>
		<img src='/wp-content/uploads/homepage-kingston1.jpg'/>
		<div class='full-overlay'>
			<div>
				<h3 class='center font800'>Learn How We Do It</h3>
				<p class='center callout-desc'>We take away the clutter and confusion of modern-day marketing and employ a unique strategy that brings the value of your knowledge to bear. </p>
				<p class='center'>
					<a href='/how-we-do-it/' class='uk-button uk-button-primary'>
						Learn More
					</a>
				</p>
			</div>
		</div>
	</div>

</div>