<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<title><?php bloginfo('name') ?></title>
	<meta name="keywords" content="template, Andrea Ferracani, portfolio">
	<meta name="description" content="<?php bloginfo('description') ?>">
	<link href="<?php bloginfo('stylesheet_url') ?>" rel="stylesheet" type="text/css">
    
  
</head>

<body>

	<div id="wrapper"> <!-- wrapper -->
		<div id="wrapper-inner"> <!-- wrapper-inner -->
			<header>
            
                <div id="logo">
                    <h1><a href="#"><?php bloginfo('name') ?></a></h1>
                    <span><?php bloginfo('description') ?></span>
                </div>
                
                <nav id="nav">
                
                	<?php if(has_nav_menu('primary')) {
                			wp_nav_menu(array(
                				'theme_location' => 'primary',
                				'depth' => 0
                			));
                		}
                		?>
                    <!--<ul>
                        <li><a href="#">Home page</a></li>
                        <li><a href="#">Page 1</a></li>
                        <li><a href="#">Page 2</a></li>
                        <li><a href="#">Page 3</a></li>
                    </ul>-->
                </nav>
                
            </header>
            
            <div id="banner">
            	<!--<p>Lorem ipsum <strong>dolor</strong> sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a href="#">exercitation ullamco</a> laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in <a href="#">culpa</a> qui officia deserunt mollit anim id est laborum.</p>-->
                
                <?php 
					$banner_Query = new WP_Query(
						array(
							'post_status' => 'publish',
							'cat' => 3,
							'post_type' => 'post'
						)
					);


				if($banner_Query->have_posts()) :
					while ($banner_Query->have_posts()) : $banner_Query->the_post();
				?>
						
				<?php the_excerpt(); ?>
                <a href="<?php the_permalink(); ?>" class="button">Read More</a>
                    
					
				<?php 
					endwhile;
				endif;
				?>
                

            </div>
            
            <div id="content"> <!-- content -->
            	<div class="container"> <!-- container -->
                	<div class="row"> <!-- first row -->
                    	
                        
                    <?php 
					$projects_First = new WP_Query(
						array(
							'post_status' => 'publish',
							'cat' => 4,
							'post_type' => 'post'
						)
					);


				if($projects_First->have_posts()) :
					while ($projects_First->have_posts()) : $projects_First->the_post();
				?>
						
					<article class="item">
                        	<a href="<?php the_permalink(); ?>" class="image">
                            	
                                <img 
                                class="responsive"
                                src="<?php $image = get_post_meta($post->ID, 'image');
								echo $image[0]; ?>" />
                            </a>
                            
                            <div class="caption">
                            	<p><?php the_excerpt(); ?></p>
                                
                                <a href="<?php the_permalink();?>" class="button">Read More</a>
                            </div>
                        </article>
                    
					
				<?php 
					endwhile;
				endif;
				?>
                        
                        <!--<article class="item">
                        	<a href="#" class="image">
                            	<img 
                                	src="images/pic01.jpg" 
                                    alt="flowers" 
                                    class="responsive"/>
                            </a>
                            
                            <div class="caption">
                            	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
                                
                                <a href="#" class="button">Read More</a>
                            </div>
                        </article>
                        
                         <article class="item">
                        	<a href="#" class="image">
                            	<img 
                                	src="images/pic02.jpg" 
                                    alt="flowers" 
                                    class="responsive"/>
                            </a>
                            
                            <div class="caption">
                            	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
                                
                                <a href="#" class="button">Read More</a>
                            </div>
                        </article>
                        
                         <article class="item">
                        	<a href="#" class="image">
                            	<img 
                                	src="images/pic03.jpg" 
                                    alt="flowers" 
                                    class="responsive"/>
                            </a>
                            
                            <div class="caption">
                            	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
                                
                                <a href="#" class="button">Read More</a>
                            </div>
                        </article> -->
                    </div> <!-- / first row -->
                    
                    <div class="row"> <!-- second row -->
                    	
                        
                         <?php 
					$projects_Second = new WP_Query(
						array(
							'post_status' => 'publish',
							'cat' => 5,
							'post_type' => 'post'
						)
					);


				if($projects_Second->have_posts()) :
					while ($projects_Second->have_posts()) : $projects_Second->the_post();
				?>
						
					<article class="item">
                        	<a href="<?php the_permalink(); ?>" class="image">
                            	<?php the_content(); ?>
                            </a>
                            
                            <div class="caption">
                            	<p><?php the_excerpt(); ?></p>
                                
                                <a href="<?php the_permalink();?>" class="button">Read More</a>
                            </div>
                        </article>
                    
					
				<?php 
					endwhile;
				endif;
				?>
                        
                        <!--<article class="item">
                        	<a href="#" class="image">
                            	<img 
                                	src="images/pic01.jpg" 
                                    alt="flowers" 
                                    class="responsive"/>
                            </a>
                            
                            <div class="caption">
                            	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
                                
                                <a href="#" class="button">Read More</a>
                            </div>
                        </article>
                        
                         <article class="item">
                        	<a href="#" class="image">
                            	<img 
                                	src="images/pic02.jpg" 
                                    alt="flowers" 
                                    class="responsive"/>
                            </a>
                            
                            <div class="caption">
                            	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
                                
                                <a href="#" class="button">Read More</a>
                            </div>
                        </article>
                        
                         <article class="item">
                        	<a href="#" class="image">
                            	<img 
                                	src="images/pic03.jpg" 
                                    alt="flowers" 
                                    class="responsive"/>
                            </a>
                            
                            <div class="caption">
                            	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
                                
                                <a href="#" class="button">Read More</a>
                            </div>
                        </article>-->
                    </div> <!-- / second row -->
                    
                </div> <!-- / container -->
            </div> <!-- / content -->
            
           <div id="services"> <!-- services -->
            	<div class="container"> <!-- container -->
                	<div class="row"> <!-- first row -->
                    	
                        <article class="item">
                        	<i class="fa fa-wrench"></i>
                            <h3>Lorem Ipsum</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
                        </article>
                        
                        <article class="item">
                        	<i class="fa fa-cogs"></i>
                            <h3>Lorem Ipsum</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
                        </article>
                        
                    </div> <!-- / first row -->
                    
                    <div class="row"> <!-- second row -->
                    	
                        <article class="item">
                        	<i class="fa fa-leaf"></i>
                            <h3>Lorem Ipsum</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
                        </article>
                        
                        <article class="item">
                        	<i class="fa fa-road"></i>
                            <h3>Lorem Ipsum</h3>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
                        </article>
                        
                    </div> <!-- / second row -->
                    
                </div> <!-- / container -->
            </div> <!-- / services -->
            
        </div> <!-- / wrapper-inner -->
        
    </div> <!-- / wrapper -->
    
    <br class="clearer" />
    
    
    <footer>
    	<section class="contact">
        	<div class="container">
            	<div class="headline">
                	<h2>Lorem Ipsum</h2>
                    <p class="byline">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
                </div>
                
                <!--<form action="#" method="post">
                
                	<input class="text" type="text" name="name" id="name" placeholder="Name"> 
                    <input class="text" type="text" name="email" id="email" placeholder="Email">	
                    <textarea name="message" id="message" placeholder="Message"></textarea>
                    <input type="submit" value="Send Message" class="button">			                   	
                </form>-->
                
                <!-- contact form 7  -->
                
                <?php $form_Query = new WP_Query(
						array(
							'post_status' => 'publish',
							'post_type' => 'page',
							'pagename' => 'form-page',
						)
					);


				if($form_Query->have_posts()) :
					while ($form_Query->have_posts()) : $form_Query->the_post();
				?>
						
				<?php the_content(); ?>
                    
					
				<?php 
					endwhile;
				endif;
				?>
                
            </div>
            
            
        </section>
        
        <section class="copyright">
        	<div class="container">
            	<p>Design: <a href="#">Portfolio Template</a>
                Images: <a href="http://unsplash.com">Unsplash.com</a>
                </p>
                <ul class="icons">
                	<li>
                    	<a href="#" class="fa fa-facebook"><span>Facebook</span></a>
                    </li>
                    <li>
                    	<a href="#" class="fa fa-twitter"><span>Twitter</span></a>
                    </li>
                    <li>
                    	<a href="#" class="fa fa-google-plus"><span>Google+</span></a>
                    </li>
                </ul>
            </div>
        </section>
        
    </footer>
    
</body>
</html>
