<!-- Icon Blocks -->
<div class="row">
<div class="col-lg-4 g-mb-30">
<!-- Icon Blocks -->
<div class="media g-mb-15">
<div class="d-flex align-self-center mr-3">
<span class="u-icon-v2 g-color-white g-bg-cyan-gradient-opacity-v1 g-rounded-5">
<i class="icon-education-087 u-line-icon-pro"></i>
</span>
</div>
<div class="media-body align-self-center">
<h3 class="h5 g-color-black g-line-height-1_6 mb-0">アイコンA</h3>
<span class="d-block g-color-gray-dark-v5">Design is functional</span>
</div>
</div>
<hr class="g-my-15">
<p class="g-color-gray-dark-v4">
国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。
月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
</p>
<!-- End Icon Blocks -->
</div>
<div class="col-lg-4 g-mb-30">
<!-- Icon Blocks -->
<div class="media g-mb-15">
<div class="d-flex align-self-center mr-3">
<span class="u-icon-v2 g-color-white g-bg-cyan-gradient-opacity-v1 g-rounded-5">
<i class="icon-education-035 u-line-icon-pro"></i>
</span>
</div>
<div class="media-body align-self-center">
<h3 class="h5 g-color-black g-line-height-1_6 mb-0">アイコンB</h3>
<span class="d-block g-color-gray-dark-v5">Design is functional</span>
</div>
</div>
<hr class="g-my-15">
<p class="g-color-gray-dark-v4">
国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。
月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
</p>
<!-- End Icon Blocks -->
</div>
<div class="col-lg-4 g-mb-30">
<!-- Icon Blocks -->
<div class="media g-mb-15">
<div class="d-flex align-self-center mr-3">
<span class="u-icon-v2 g-color-white g-bg-cyan-gradient-opacity-v1 g-rounded-5">
<i class="icon-education-141 u-line-icon-pro"></i>
</span>
</div>
<div class="media-body align-self-center">
<h3 class="h5 g-color-black g-line-height-1_6 mb-0">アイコンC</h3>
<span class="d-block g-color-gray-dark-v5">Design is functional</span>
</div>
</div>
<hr class="g-my-15">
<p class="g-color-gray-dark-v4">
国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。
月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
</p>
<!-- End Icon Blocks -->
</div>
</div>
<!-- End Icon Blocks -->
<!-- Icon Blocks -->
<div class="row">
<div class="col-lg-4 g-mb-30">
<!-- Icon Blocks -->
<div class="media g-mb-15">
<div class="d-flex align-self-center mr-3">
<span class="u-icon-v2 g-color-white g-bg-cyan-gradient-opacity-v1 g-rounded-5">
<i class="icon-finance-256 u-line-icon-pro"></i>
</span>
</div>
<div class="media-body align-self-center">
<h3 class="h5 g-color-black g-line-height-1_6 mb-0">アイコンD</h3>
<span class="d-block g-color-gray-dark-v5">Design is functional</span>
</div>
</div>
<hr class="g-my-15">
<p class="g-color-gray-dark-v4">
国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。
月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
</p>
<!-- End Icon Blocks -->
</div>
<div class="col-lg-4 g-mb-30">
<!-- Icon Blocks -->
<div class="media g-mb-15">
<div class="d-flex align-self-center mr-3">
<span class="u-icon-v2 g-color-white g-bg-cyan-gradient-opacity-v1 g-rounded-5">
<i class="icon-science-020 u-line-icon-pro"></i>
</span>
</div>
<div class="media-body align-self-center">
<h3 class="h5 g-color-black g-line-height-1_6 mb-0">アイコンE</h3>
<span class="d-block g-color-gray-dark-v5">Design is functional</span>
</div>
</div>
<hr class="g-my-15">
<p class="g-color-gray-dark-v4">
国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。
月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
</p>
<!-- End Icon Blocks -->
</div>
<div class="col-lg-4 g-mb-30">
<!-- Icon Blocks -->
<div class="media g-mb-15">
<div class="d-flex align-self-center mr-3">
<span class="u-icon-v2 g-color-white g-bg-cyan-gradient-opacity-v1 g-rounded-5">
<i class="icon-finance-009 u-line-icon-pro"></i>
</span>
</div>
<div class="media-body align-self-center">
<h3 class="h5 g-color-black g-line-height-1_6 mb-0">アイコンF</h3>
<span class="d-block g-color-gray-dark-v5">Design is functional</span>
</div>
</div>
<hr class="g-my-15">
<p class="g-color-gray-dark-v4">
国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。
月の夜が深いように思われる。深さが横向けに遠くへ感じられるのだ。
</p>
<!-- End Icon Blocks -->
</div>
</div>
<!-- End Icon Blocks -->