<?php get_header(); ?>


<div class="container" style="margin: 70px auto;">
    <div class="page-header text-center">
        <h1>últimas matérias</h1>
    </div>


 <?php if ( has_post_thumbnail() ) : ?>
    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
        <?php the_post_thumbnail(); ?>
    </a>
<?php endif; ?>

         <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
            <a href="#/post"><img src="http://evmedia.xyz/hnr/wp-content/themes/hacknrock/images/bannerBlog.jpg" class="img-responsive" alt="Image"></a>
            <div class="content-info">
                <a href="<?php the_permalink() ?>"><h2 class="titulo-banner-blog"><?php the_title(); ?></h2>
                <span class="autorBlog">Por <?php the_author(); ?>  - <?php the_date(); ?> </span></a>
            </div>
        </div>

        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 first-banner">
           <a href="#/post"><img src="http://evmedia.xyz/hnr/wp-content/themes/hacknrock/images/bannerBlog.jpg" class="img-responsive" alt="Image"></a>
              <div class="content-info">
               <a href="<?php the_permalink() ?>"><h2 class="titulo-banner-blog"><?php the_title(); ?></h2>
                <span class="autorBlog">Por <?php the_author(); ?>  - <?php the_date(); ?> </span></a>
            </div>
        </div>
         <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 first-banner">
           <a href="#/post"><img src="http://evmedia.xyz/hnr/wp-content/themes/hacknrock/images/bannerBlog.jpg" class="img-responsive" alt="Image"></a>
              <div class="content-info">
               <a href="<?php the_permalink() ?>"><h2 class="titulo-banner-blog"><?php the_title(); ?></h2>
                <span class="autorBlog">Por <?php the_author(); ?>  - <?php the_date(); ?> </span></a>
            </div>
        </div>




</div>

<div id="bg-color-black">

    <div class="container">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center" style="margin:15px 0;">
                        <h2 style="color: red;">destaque</h2>
                    </div>

                    <slick settings="slickConfig" class="carousel-inner" style="padding:15px;">
                          <div class="item" ng-repeat="n in [0,1,2,3,4,5,6]" style="height:auto">
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 bloginfo">
                                    <a href="#/post">
                                        <img src="http://www.boletimdoempreendedor.com.br/img/chamada/2092.jpg" class="img-responsive" style="width:100%;">
                                    </a>
                                    <div class="col-md-12 padding0">
                                            <span class="cat-subtitle">Por Nome Sobrenome - 01/01/2017</span>
                                            <h4>Lorem ipsum dolor sit amet consec tetur</h4>
                                        </div>
                                </div>
                            </div>
                    </slick>
        </div>
    </div>

</div>


<div id="bg-color-white">

    <div class="container">
                    <div class="text-center">
                        <h2 style="color: red;">todas as matérias</h2>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">

                               <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 bloginfo">
                                    <a href="#/post">
                                        <img src="http://www.boletimdoempreendedor.com.br/img/chamada/2092.jpg" class="img-responsive" style="width:100%;">
                                    </a>
                                    <div class="col-md-12 padding0">
                                            <span class="cat-subtitle">Por Nome Sobrenome - 01/01/2017</span>
                                            <h4>Lorem ipsum dolor sit amet consec tetur</h4>
                                        </div>
                                </div>
                          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 bloginfo">
                                    <a href="#/post">
                                        <img src="http://www.boletimdoempreendedor.com.br/img/chamada/2092.jpg" class="img-responsive" style="width:100%;">
                                    </a>
                                    <div class="col-md-12 padding0">
                                            <span class="cat-subtitle">Por Nome Sobrenome - 01/01/2017</span>
                                            <h4>Lorem ipsum dolor sit amet consec tetur</h4>
                                        </div>
                                </div>
                          <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 bloginfo">
                                    <a href="#/post">
                                        <img src="http://www.boletimdoempreendedor.com.br/img/chamada/2092.jpg" class="img-responsive" style="width:100%;">
                                    </a>
                                    <div class="col-md-12 padding0">
                                            <span class="cat-subtitle">Por Nome Sobrenome - 01/01/2017</span>
                                            <h4>Lorem ipsum dolor sit amet consec tetur</h4>
                                        </div>
                                </div>


                     </div>

                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="margin-top:40px;">
                        <button type="button" class="btn btn-categorias btn-lg btn-block">Mais matérias</button>
                    </div>

    </div>
 </div>

<?php get_footer(); ?>