<div class="CG2-series">
<div class="CG2-series__item">
<div class="CG2-series__itemHeader">
<a href="#">
<div class="CG2-series__itemIcon">
<span class="CG2-icon-unlock CG2-icon--colored"></span>
</div>
<div class="CG2-series__itemTitle">第1回 Vue.jsとは</div>
<div class="CG2-series__itemPubdate">2015/04/23</div>
</a>
</div>
<div class="CG2-series__itemBody">
<p>双方向データバインディングに特化したVue.jsは、シンプルで学習コストも低いといわれます。第1回目はVue.jsがフレームワークとして、どんな強みをもっているのか、その特徴をコードから概観します。</p>
</div>
<div class="CG2-series__authors">
<div class="CG2-series__author">
<div class="CG2-series__authorPic">
<img src="http://img.pxgrid.net/40x40" alt="" width="40" height="40">
</div>
<div class="CG2-series__authorName">高津戸 壮 | フロントエンド・エンジニア</div>
</div>
</div>
</div>
<div class="CG2-series__item CG2-series__item--unread">
<div class="CG2-series__itemHeader">
<a href="#">
<div class="CG2-series__itemIcon">
<span class="CG2-icon-unlock CG2-icon--colored"></span>
</div>
<div class="CG2-series__itemTitle">第1回 Vue.jsとは</div>
<div class="CG2-series__itemPubdate">2015/04/23</div>
</a>
</div>
<div class="CG2-series__itemBody">
<p>双方向データバインディングに特化したVue.jsは、シンプルで学習コストも低いといわれます。第1回目はVue.jsがフレームワークとして、どんな強みをもっているのか、その特徴をコードから概観します。</p>
</div>
<div class="CG2-series__authors">
<div class="CG2-series__author">
<div class="CG2-series__authorPic">
<img src="http://img.pxgrid.net/40x40" alt="" width="40" height="40">
</div>
<div class="CG2-series__authorName">高津戸 壮 | フロントエンド・エンジニア</div>
</div>
</div>
</div>
<div class="CG2-series__item">
...
</div>
<div class="CG2-series__item">
...
</div>
</div>