Untitled

<?php
/*
 * Template Name: KNOW & SHARE
 * Description: Customized template.
 */
 ?>

 <head>
	<style type="text/css">
		.entry-content-page {
			width: 1000px;
		}

		#container {
			width: 1200px;
			margin-left: 70px;
		}

		#parent-left {
			float:left;
			margin-top: 20px;
		}

		#parent-right {
			float:left;
			margin-top: 20px;
			margin-left: 23px;
		}

		#watch-share-title-box {
			background-color: #ebf6dc;
			width: 483px;
			height: 149px;
			font-size: 40px;
			text-align:center;
			vertical-align: middle;
		}

		#read-share-title-box {
			background-color: #e0eef7;
			width: 483px;
			height: 149px;
			font-size: 40px;
			text-align:center;
			vertical-align: middle;
		}

		#read-share {
			background-color: #e0eef7;
			width: 483px;
			margin-top: 10px;
			height: 900px;
		}

		#watch-share {
			background-color: #d6edb9;
			width: 483px;
			margin-top: 10px;
			height: 900px;
		}

		p.header {
			font-size: 42px;
			vertical-align:middle;
			top: 30%;
			position:relative;
		}

		#posts{
			border-bottom:1px solid #8b9aa2;
			padding: 10px 5px 5px 5px;
			margin-left: 20px;
			margin-right: 20px;
		}

		a.links{
			color:#3b3831;
			font-size: 16px;
			text-decoration:none;
		}
	</style>
 </head>


 <?php get_header(); ?>

	<div id="container" >

		<div class="entry-content-page">
			<?php
				if (have_posts()) {
					while(have_posts()) {
						the_post();
						the_content();
					}
				}
			?>
		</div>

		<div id="parent-left">
			<div id="watch-share-title-box">
				<p class="header">WATCH <br/><span style="font-size: 18px;">AND SHARE</span></p>
			</div>
			<div id="watch-share">
				<?php
					$args = array (
						'cat' => '4',
						'posts_per_page' => '2',
					);

					$the_posts = new WP_Query($args);
					if($the_posts->have_posts()) {
						while($the_posts->have_posts()){
							$the_posts->the_post();
							$id = get_the_ID();
				?>
				<div id="posts">
							<strong><?php the_title_attribute(); ?> </strong>
							<p><?php the_content(); ?></p>

				</div>
				<?php
						}?>
						<div class="alignleft"><?php next_post_link('%link &raquo;') ?></div>
						<div class="alignright"><?php previous_post_link('&laquo; %link') ?></div>
					<?php
					}
					wp_reset_postdata();

				?>
			</div>
		</div>

		<div id="parent-right">
			<div id="read-share-title-box">
				<p class="header">READ <br/><span style="font-size: 18px;">AND SHARE</span></p>
			</div>
			<div id="read-share">
					<?php

					$args = array (
						'cat' => '1',
						'posts_per_page' => '5',
					);

					$the_posts = new WP_Query($args);
						if($the_posts->have_posts()) {
							while($the_posts->have_posts()){
								$the_posts->the_post();
					?>
					<div id="posts">
							<a class="links" href="<?php echo get_permalink(); ?>"> <strong><?php the_title_attribute(); ?></strong></a>
							<p><?php the_content(); ?> </p>
					</div>

					<?php
							} ?>
							<div class="alignright"><?php next_post_link('%link &raquo;') ?></div>
							<div class="alignleft"><?php previous_post_link('&laquo; %link') ?></div>
						<?php
						}
						wp_reset_postdata();
					?>

			</div>
		</div>
		<?php get_footer(); ?>
	</div>