You can create in custom modules to have same appearences as seen in demo template and then enter this in custom output of specific module::
<div class=”class-box-wrap1 class-box-style2″>
<div class=”class-box-wrap2″>
<div class=”class-box”>
<div class=”class-box-inner”>
<div class=”title”>
<h3>Health</h3>
</div>
<div class=”image”><img src=”images/stories/demo/other/teline-2.jpg” border=”0″ alt=”JA Teline IV” /></div>
<span>JA Teline ii – Real Magazine Portal</span></div>
</div>
</div>
</div>
Matter text update::
between span tags
Also, You can change title style by changing class-box-style2 no. to either style 1, 3, 4