Images

Shortcodes / Images

Simple Images With Radius:

meetOurTeam-03
meetOurTeam-03
meetOurTeam-03
meetOurTeam-03
<div class="images_n023">
<div class="spd-row spd-padding-bottom-20">
<div class="spd-col-md-12 spd-col-sm-12 spd-col-xs-12">
<h2>Simple Images With Radius:</h2>
<div class="spd-padding-bottom-20"></div>
</div>
</div>
<div class="spd-row">
<div class="spd-col-sm-3">
<div class="spd-r-img-w"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/></div>
</div>
<div class="spd-col-sm-3">
<div class="spd-r-img-w"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/></div>
</div>
<div class="spd-col-sm-3">
<div class="spd-r-img-w"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/></div>
</div>
<div class="spd-col-sm-3">
<div class="spd-r-img-w"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/></div>
</div>
</div>
</div>

Simple Images:

meetOurTeam-03
meetOurTeam-03
meetOurTeam-03
meetOurTeam-03

<div class="images_n024">
<div class="spd-row spd-padding-bottom-20">
<div class="spd-col-md-12 spd-col-xs-12">
<h2>Simple Images:</h2>
</div>
</div>
<div class="spd-row">
<div class="spd-col-sm-3"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/></div>
<div class="spd-col-sm-3">
<div class="spd-r-img-with-overlay"><a href="#" class="spd-img-link"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/></a></div>
</div>
<div class="spd-col-sm-3">
<div class="spd-r-img-with-overlay"><a href="#" class="spd-img-link"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/></a></div>
</div>
<div class="spd-col-sm-3"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/></div>
</div>
</div>

Images With Hover Effects

meetOurTeam-03
meetOurTeam-03
meetOurTeam-03
meetOurTeam-03
<div class="images_n025">
<div class="spd-row">
<div class="spd-col-md-12 spd-col-sm-12 spd-col-xs-12">
<h2>Images With Hover Effects</h2>
<div class="spd-padding-bottom-20"></div>
</div>
</div>
<div class="spd-row">
<div class="spd-col-md-3 spd-col-sm-3 spd-col-xs-12">
<div class="spd-r-view spd-r-image-effect-one spd-margin-bottom-20"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/>
<div class="mask"><a href="#" class="info"><i class="fa fa-search"></i></a></div>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-3 spd-col-xs-12">
<div class="spd-r-view spd-r-image-effect-one spd-margin-bottom-20"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/>
<div class="mask"><a href="#" class="info"><i class="fa fa-search"></i></a></div>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-3 spd-col-xs-12">
<div class="spd-r-view spd-r-image-effect-one spd-margin-bottom-20"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/>
<div class="mask"><a href="#" class="info"><i class="fa fa-search"></i></a></div>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-3 spd-col-xs-12">
<div class="spd-r-view spd-r-image-effect-one spd-margin-bottom-20"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/>
<div class="mask"><a href="#" class="info"><i class="fa fa-search"></i></a></div>
</div>
</div>
</div>
</div>

Simple Images in Circle:

meetOurTeam-03
meetOurTeam-03
meetOurTeam-03
meetOurTeam-03
<div class="images_n026">
<div class="spd-row">
<div class="spd-col-md-12 spd-col-sm-12 spd-col-xs-12">
<h2>Simple Images in Circle:</h2>
<div class="spd-padding-bottom-20"></div>
</div>
</div>
<div class="spd-row">
<div class="spd-col-sm-3 spd-column-fix">
<div class="spd-r-img-w spd-r-radious-f">
<div><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/><span class="spd-img-overlay spd-img-overlay-dark"><span class="spd-caption-centered"><span><a href="#"><span class="spd-caption-icon icon-search"></span></a></span></span></span></div>
</div>
</div>
<div class="spd-col-sm-3 spd-column-fix">
<div class="spd-r-img-w w spd-r-radious-f">
<div><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/><span class="spd-img-overlay spd-img-overlay-dark"><span class="spd-caption-centered"><span><a href="#"><span class="spd-caption-icon icon-search"></span></a></span></span></span></div>
</div>
</div>
<div class="spd-col-sm-3 spd-column-fix">
<div class="spd-r-img-w w spd-r-radious-f">
<div><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/><span class="spd-img-overlay spd-img-overlay-dark"><span class="spd-caption-centered"><span><a href="#"><span class="spd-caption-icon icon-search"></span></a></span></span></span></div>
</div>
</div>
<div class="spd-col-sm-3 spd-column-fix">
<div class="spd-r-img-w w spd-r-radious-f">
<div><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/><span class="spd-img-overlay spd-img-overlay-dark"><span class="spd-caption-centered"><span><a href="#"><span class="spd-caption-icon icon-search"></span></a></span></span></span></div>
</div>
</div>
</div>
</div>

Images With Hover Effects: 02

meetOurTeam-03
meetOurTeam-03
meetOurTeam-03
meetOurTeam-03
<div class="images_n027">
<div class="spd-row">
<div class="spd-col-md-12 spd-col-sm-12 spd-col-xs-12">
<h2>Images With Hover Effects: 02</h2>
<div class="spd-padding-bottom-20"></div>
</div>
</div>
<div class="spd-row">
<div class="spd-col-md-3 spd-col-sm-3 spd-col-xs-12">
<div class="spd-r-view spd-r-image-effect-two spd-margin-bottom-20"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/>
<div class="mask"><a href="#" class="info"><i class="fa fa-search"></i></a></div>
</div>
</div>
<div class="spd-col-sm-3">
<div class="spd-r-view spd-r-image-effect-two spd-margin-bottom-20"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/>
<div class="mask"><a href="#" class="info"><i class="fa fa-search"></i></a></div>
</div>
</div>
<div class="spd-col-sm-3">
<div class="spd-r-view spd-r-image-effect-two spd-margin-bottom-20"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/>
<div class="mask"><a href="#" class="info"><i class="fa fa-search"></i></a></div>
</div>
</div>
<div class="spd-col-sm-3">
<div class="spd-r-view spd-r-image-effect-two spd-margin-bottom-20"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/>
<div class="mask"><a href="#" class="info"><i class="fa fa-search"></i></a></div>
</div>
</div>
</div>
</div>

Images Without Hover Effects: 02 in a Circle

meetOurTeam-03
meetOurTeam-03
meetOurTeam-03
meetOurTeam-03
<div class="images_n028">
<div class="spd-row">
<div class="spd-col-md-12 spd-col-sm-12 spd-col-xs-12">
<h2> Images Without Hover Effects: 02 in a Circle</h2>
<div class="spd-padding-bottom-20"></div>
</div>
</div>
<div class="spd-row">
<div class="spd-col-md-3 spd-col-sm-3 spd-col-xs-12">
<div class="spd-r-view-r spd-r-image-effect-two-s spd-margin-bottom-20"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/>
<div class="mask"><a href="#" class="info"><i class="fa fa-search"></i></a></div>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-3 spd-col-xs-12">
<div class="spd-r-view-r spd-r-image-effect-two-s spd-margin-bottom-20"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/>
<div class="mask"><a href="#" class="info"><i class="fa fa-search"></i></a></div>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-3 spd-col-xs-12">
<div class="spd-r-view-r spd-r-image-effect-two-s spd-margin-bottom-20"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/>
<div class="mask"><a href="#" class="info"><i class="fa fa-search"></i></a></div>
</div>
</div>
<div class="spd-col-md-3 spd-col-sm-3 spd-col-xs-12">
<div class="spd-r-view-r spd-r-image-effect-two-s spd-margin-bottom-20"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03"/>
<div class="mask"><a href="#" class="info"><i class="fa fa-search"></i></a></div>
</div>
</div>
</div>
</div>

Bootstrap default Images

Add classes to an<img> element to easily style images in any project.

meetOurTeam-03
meetOurTeam-03
meetOurTeam-03
<img src="/portals/0/..." class="img-rounded"> <img src="/portals/0/..." class="img-circle"> <img src="/portals/0/..." class="img-polaroid">

Heads up! .img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.

<div class="images_n029">
<div class="spd-row">
<section id="images">
<div class="page-header">
<h2>Bootstrap defaul Images</h2>
</div>
<p>Add classes to an<code>&lt;img&gt;</code> element to easily style images in any project.</p>
<div class="spd-padding-bottom-20"></div>
<div class="bs-docs-example bs-docs-example-images">
<div class="spd-col-sm-3 spd-margin-bottom-20 spd-r-imm"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03" class="img-rounded"/></div>
<div class="spd-col-sm-3 spd-margin-bottom-20 spd-r-imm"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03" class="img-circle"/></div>
<div class="spd-col-sm-3 spd-margin-bottom-20 spd-r-imm"><img src="undefinedimages/meetOurTeam-03.jpg" alt="meetOurTeam-03" class="img-polaroid"/></div>
</div>
</section>
</div>
<div class="spd-row">
<div class="spd-col-md-12 spd-col-sm-12 spd-col-xs-12">
<div class="well">&lt;img src="/portals/0/..." class="img-rounded"&gt; &lt;img src="/portals/0/..." class="img-circle"&gt; &lt;img src="/portals/0/..." class="img-polaroid"&gt;</div>
</div>
</div>
<div class="spd-row">
<div class="spd-col-md-12 spd-col-sm-12 spd-col-xs-12">
<p>
<span class="label label-info">Heads up!</span> <code>.img-rounded</code> and <code>.img-circle</code> do not work in IE7-8 due to lack of <code>border-radius</code> support.
</p>
</div>
</div>
</div>

Follow us :

Copyright 2026 Ministerio de fomento, industria y comercio