test3_テンプレート

画像cssクラスに追加

small-10 medium-8 large-8
small-10 medium-6 large-6

small-12 medium-4 large-4
small-12 medium-8 large-8
small-12 medium-6 large-6

 

段組み

★★★

★★★

★★★

<div class="row">
<div class="columns small-12 medium-4 large-4">
<p>★★★</p>
</div>
<div class="columns small-12 medium-4 large-4">
<p>★★★</p>
</div>
<div class="columns small-12 medium-4 large-4">
<p>★★★</p>
</div>
</div>

 

<div class="row">
<div class="columns small-12 medium-4 large-4">
<p>★★★</p>
</div>
<div class="columns small-12 medium-4 large-4">
<p>★★★</p>
</div>
<div class="columns small-12 medium-4 large-4">
<p><a href="#" target="_blank" rel="noopener">R3企画・マネジメント演習Ⅰ・Ⅱチラシ.pdf</a><br>
PDFファイル 779.3 KB<br>
<a class="button small-12 medium-4 large-4 text-bold" href="#" target="_blank" rel="noopener">ダウンロード</a></p>
</div>
</div>
<div class="row">
<div class="columns small-12 medium-4 large-4">
<p>★★★</p>
</div>

<div class="columns small-12 medium-4 large-4 end">
<p><a href="#" target="_blank" rel="noopener">R3企画・マネジメント演習Ⅰ・Ⅱチラシ.pdf</a><br>
PDFファイル 779.3 KB<br>
<a class="button small-12 medium-7 large-7 text-bold" href="#" target="_blank" rel="noopener">ダウンロード</a></p>
</div>
</div>

 

<div class="row">
<div class="columns small-12 medium-6 large-6">
<p>★★★</p>
</div>
<div class="columns small-12 medium-6 large-6">
<p>★★★</p>
</div>
</div>

 

<div class="row">
<div class="columns small-12 medium-6 large-6">
<p>★★★</p>
</div>
<div class="columns small-12 medium-6 large-6">
<p><a href="#" target="_blank" rel="noopener">★★★</a><br>
PDFファイル 779.3 KB<br>
<a class="button small-12 medium-7 large-7 text-bold" href="#" target="_blank" rel="noopener">ダウンロード</a></p>
</div>
</div>