<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 sentence in top description of 公式ブック
Tweak sentence in top description of 公式ブック
