Yakidoo-WP-Theme/index.php

<?php get_header(); ?>

<div id="wrapper" class="clearfix">

    <div id="featured-wrapper">

    <?php
    $counter = 0;
    $featuredPosts = new WP_Query( 'category_name=featured&posts_per_page=6' );

    while ( $featuredPosts->have_posts() ) : $featuredPosts->the_post();
    if(($counter % 3) == 0) {
        ?>
        <div class="row">
        <?php
    }

    if($counter == 0 || $counter == 5) {
        ?>
        <div class="col-md-6">
            <div class="image-wrapper">
                <a href="<?php the_permalink(); ?>">
                    <?php the_post_thumbnail('featured-wide', array("class" => "img-responsive zoom-image")); ?>
                </a>
            </div>
            <div class="featured-meta">
                <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                <span class="post-author">
                    <i class="fa fa-user fa-fw"></i><span itemprop="author"><?php the_author(); ?></span>
                </span>
                <span class="post-date">
                    <i class="fa fa-clock-o fa-fw"></i><span itemprop="dateCreated"><?php the_date(); ?></span>
                </span>
                <span class="post-categories">
                    <i class="fa fa-folder fa-fw"></i><span itemprop="keywords"><?php the_category(', '); ?></span>
                </span>
            </div>
        </div>
        <?php
    } else {
        ?>
        <div class="col-md-3">
            <div class="image-wrapper">
                <a href="<?php the_permalink(); ?>">
                    <?php the_post_thumbnail('featured', array("class" => "img-responsive zoom-image")); ?>
                </a>
            </div>
            <div class="featured-meta">
                <h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
            </div>
        </div>
        <?php
    }

    if($counter == 2 || $counter == 5) {
        ?>
        </div>
        <?php
    }

    $counter++;

    endwhile;
    ?>
    </div>
    <div id="content">
        <div class="col-md-8">

        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <div itemscope="itemscope" itemtype="http://schema.org/NewsArticle" class="post clearfix">
                <?php
                    if(has_post_thumbnail()) {
                ?>
                <div class="post-image pull-left">
                    <div class="image-wrapper">
                        <a href="<?php the_permalink(); ?>">
                            <?php the_post_thumbnail(array(300,200), array("itemprop" => "thumbnailUrl", "alt" => "yolo")); ?>
                        </a>
                    </div>
                </div>
                <?php
                    }
                ?>
                <div class="post-content pull-left">
                    <h2 itemprop="headline" class="post-title">
                        <a href="<?php the_permalink(); ?>">
                            <?php the_title(); ?>
                        </a>
                    </h2>
                    <div class="post-meta text-muted">
                        <span class="post-author">
                            <i class="fa fa-user fa-fw"></i><span itemprop="author"><?php the_author(); ?></span>
                        </span>
                        <span class="post-date">
                            <i class="fa fa-clock-o fa-fw"></i><span itemprop="dateCreated"><?php the_date(); ?></span>
                        </span>
                        <span class="post-categories">
                            <i class="fa fa-folder fa-fw"></i><span itemprop="keywords"><?php the_category(', '); ?></span>
                        </span>
                    </div>
                    <div itemprop="articleBody" class="post-excerpt">
                        <?php the_excerpt(); ?>
                    </div>
                </div>
            </div>
        <?php endwhile; endif; ?>
        </div>
        <div class="col-md-4 sidebar">
            <?php get_sidebar(); ?>
        </div>
    </div>
</div>

<?php get_footer(); ?>