adding featured front page "Circles" to other pages

this is the coding i am using:

‘Portfolio’

<div class="container marketing">

<div class="row widget-area" role="complementary"><div class="span4 fp-one">
<div class="widget-front">
<div class="thumb-wrapper "><a class="round-div" href="http://luanabickel.com/editorial/" title="Editorial"></a><img width="270" height="250" src="http://eebfa6e5d2c5429094d6-4131c45348359b05377a52f08bbf10dc.r88.cf1.rackcdn.com/wp-content/uploads/2013/05/wand1.png" class="attachment-medium wp-post-image" alt="wand" /></div><h2>Style your website live!</h2><p class="fp-text-one"> </p><a class="btn btn-primary fp-button" href="http://luanabickel.com/editorial/" title="Editorial">Learn more »</a>
</div><!-- /.widget-front -->

</div><div class="span4 fp-two">
<div class="widget-front">
<div class="thumb-wrapper "><a class="round-div" href="http://luanabickel.com/editorial-ii/" title="Editorial II"></a><img width="270" height="250" src="http://eebfa6e5d2c5429094d6-4131c45348359b05377a52f08bbf10dc.r88.cf1.rackcdn.com/wp-content/uploads/2013/05/plus1.png" class="attachment-medium wp-post-image" alt="plus" /></div><h2>Add sliders to any post</h2><p class="fp-text-two"> </p><a class="btn btn-primary fp-button" href="http://luanabickel.com/editorial-ii/" title="Editorial II">Learn more »</a>
</div><!-- /.widget-front -->

</div><div class="span4 fp-three">
<div class="widget-front">
<div class="thumb-wrapper "><a class="round-div" href="http://luanabickel.com/beauty/" title="Beauty"></a><img width="270" height="250" src="http://eebfa6e5d2c5429094d6-4131c45348359b05377a52f08bbf10dc.r88.cf1.rackcdn.com/wp-content/uploads/2013/05/plus1.png" class="attachment-medium wp-post-image" alt="plus" /></div><h2>Add sliders to any post</h2><p class="fp-text-two"> </p><a class="btn btn-primary fp-button" href="http://luanabickel.com/beauty/" title="Beauty">Click Here »</a>
</div><!-- /.widget-front -->

</div><div class="span4 fp-four">
<div class="widget-front">
<div class="thumb-wrapper "><a class="round-div" href="http://luanabickel.com/beauty-ii/" title="Beauty II"></a><img width="270" height="250" src="http://eebfa6e5d2c5429094d6-4131c45348359b05377a52f08bbf10dc.r88.cf1.rackcdn.com/wp-content/uploads/2013/05/plus1.png" class="attachment-medium wp-post-image" alt="plus" /></div><h2>Add sliders to any post</h2><p class="fp-text-two"> </p><a class="btn btn-primary fp-button" href="http://luanabickel.com/beauty-ii/" title="Beauty II">Learn more »</a>
</div><!-- /.widget-front -->

</div><div class="span4 fp-five">
<div class="widget-front">
<div class="thumb-wrapper "><a class="round-div" href="http://luanabickel.com/published-work/" title="Published Work / Commercial"></a><img width="270" height="250" src="http://eebfa6e5d2c5429094d6-4131c45348359b05377a52f08bbf10dc.r88.cf1.rackcdn.com/wp-content/uploads/2013/05/html52.png" class="attachment-medium wp-post-image" alt="html5" /></div><h2>Full HTML5/CSS3</h2><p class="fp-text-three">

</p><a class="btn btn-primary fp-button" href="http://luanabickel.com/published-work/" title="Published Work / Commercial">Learn more »</a>
</div><!-- /.widget-front -->

</div></div>
</div><!-- .container -->