<div class="row">
  <div class="col-md-6" id="top">
    <%= image_tag "sotechsha-1_book-cover.png",
	class: "img-responsive center-block",
	alt: "Scratchでつくる! たのしむ! プログラミング道場",
        style: "width: 90%"
	%>
    <div style="padding: 2% 5%">
      <p>ソーテック社書籍詳細は<a href="http://www.sotechsha.co.jp/pc/html/1151.htm" target="_blank">こちら</a></p>
      <p>本ページでは書籍内に利用する素材や、課題の答えを掲載しています。</p>
    </div>
  </div>
  <div class="col-md-6">
    <% @sts_posts.each do |sts_post| %>
    <h3><%= content_tag(:strong, scrivito_value(sts_post.title)) %></h3>
    <%= content_tag(:p, truncate(scrivito_value(sts_post.abstract),
                    :length => 250, :escape => false)) %>
    <%= link_to("もっと見る", scrivito_path(sts_post), :class => "btn btn-warning btn-block") %>
    <hr>
    <% end %>
  </div>
</div>
<%= render 'shared/social_buttons' %>
<%= render 'shared/sitemap_sotechsha' %>
<%= render 'shared/footer' %>

<div class="row">
  <div class="col-md-6" id="top">
    <%= image_tag "sotechsha-1_book-cover.png",
	class: "img-responsive center-block",
	alt: "Scratchでつくる! たのしむ! プログラミング道場",
        style: "width: 90%"
	%>
    <div style="padding: 2% 5%">
      <p>ソーテック社の書籍詳細は<a href="http://www.sotechsha.co.jp/pc/html/1151.htm" target="_blank">コチラ</a>。</p>
      <p>本ページでは書籍内で利用する素材や、課題の答えを掲載しています。</p>
    </div>
  </div>
  <div class="col-md-6">
    <% @sts_posts.each do |sts_post| %>
    <h3><%= content_tag(:strong, scrivito_value(sts_post.title)) %></h3>
    <%= content_tag(:p, truncate(scrivito_value(sts_post.abstract),
                    :length => 250, :escape => false)) %>
    <%= link_to("もっと見る", scrivito_path(sts_post), :class => "btn btn-warning btn-block") %>
    <hr>
    <% end %>
  </div>
</div>
<%= render 'shared/social_buttons' %>
<%= render 'shared/sitemap_sotechsha' %>
<%= render 'shared/footer' %>

Tweak top description a bit in 公式ブック
Tweak top description a bit in 公式ブック
