<% Post.limit(10).offset(30).order(id: :desc).each do |post| %>
<% unless post.image.blank? %>
    <% img = post.image.split(' ') %>
    <% if post.post_type == 1 %>
        <div class="post_type1">
          <h1>
            <a href="post/<%= post.slug %>">
              <%= post.title %>
            </a>
          </h1>
          <!--<img class="img1" src="<%= img[0] %>" />-->
          <div class="img1" style="background-image: url('<%= img[0] %>'); background-size: cover;"></div>
          <div class="img2" style="background-image: url('<%= img[1] %>'); background-size: cover;"></div>
          <!--<img class="img2" src="<%= img[1] %>" />-->
          <!--<img class="img3" src="<%= img[2] %>" />-->
          <div class="img3" style="background-image: url('<%= img[2] %>'); background-size: cover;"></div>
          <div class="post_title1">
            <i class="fa fa-star"></i>
            <a href="<%= post.slug %>"><h3>Read more</h3></a>
          </div>
        </div>
    <% end %>

    <% if post.post_type == 2 %>
        <div class="post_type2">
          <!--<img src="<%= img[0] %>" />-->
          <div class="post_type2_img" style="background-image: url('<%= img[0] %>'); background-size: cover;"></div>
          <div class="post_title2">
            <i class="fa fa-star"></i>
            <p>
              <a href="post/<%= post.slug %>">
                <%= post.title %>
              </a>
            </p>
            <span class="see_more"><%= link_to "See more", "post/#{ post.slug }" %></span>
          </div>
        </div>
    <% end %>

    <% if post.post_type == 3 %>
        <div class="post_type3">
          <!--<img src="<%= img[0] %>" />-->
          <div class="post_type3_img" style="background-image: url('<%= img[0] %>'); background-size: cover;"></div>
          <div class="post_title3">
            <i class="fa fa-star"></i>
            <p>
              <a href="post/<%= post.slug %>">
                <%= post.title %>
              </a>
            </p>
            <span class="see_more"><%= link_to "See more", "post/#{ post.slug }" %></span>
          </div>
        </div>
    <% end %>

    <% if post.post_type == 4 %>
        <div class="post_type4">
          <div class="post_title4">
            <i class="fa fa-star"></i>
            <h1>
              <a href="post/<%= post.slug %>">
                <%= post.title %>
              </a>
            </h1>
          </div>
          <!--<img src="http://placehold.it/960x400" />-->
          <div class="post_type4_img" style="background-image: url('<%= img[0] %>'); background-size: cover;"></div>
        </div>
    <% end %>
<% else %>
    <% unless post.video.blank? %>
        <% video = post.video %>
        <div class="post_type4">
          <div class="post_title4">
            <i class="fa fa-star"></i>
            <h1>
              <a href="post/<%= post.slug %>">
                <%= post.title %>
              </a>
            </h1>
          </div>
          <!--<img src="http://placehold.it/960x400" />-->
          <div class="post_type4_img">
            <iframe src="<%= video %>" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
          </div>
        </div>
    <% end %>
<% end %>
<% end %>