PHP 1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>bairesAGENCY</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<link href="../../css/template_web.css" rel="stylesheet" type="text/css" />
<link href="../../css/general.css" rel="stylesheet" type="text/css" />
<link href="../../css/texto.css" rel="stylesheet" type="text/css" />
<link href="../../css/colores.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenedor_web">
<div id="monitor"><img src="img/port/web/mac_monitor.png" width="833" height="650" /></div>
<div id="web"><img id="largeImage" src="img/port/web/sm/galeria/sm_00_large.jpg" /></div>
<div id="thumbs">
<img class="thumb_sm_01" src="img/port/web/sm/galeria/sm_01_thumb.jpg" />
<img class="thumb_sm_02" src="img/port/web/sm/galeria/sm_02_thumb.jpg" />
<img class="thumb_sm_03" src="img/port/web/sm/galeria/sm_03_thumb.jpg" />
<img class="thumb_sm_04" src="img/port/web/sm/galeria/sm_04_thumb.jpg" />
<img class="thumb_sm_05" src="img/port/web/sm/galeria/sm_05_thumb.jpg" />
<img class="thumb_sm_06" src="img/port/web/sm/galeria/sm_06_thumb.jpg" />
<img class="thumb_sm_07" src="img/port/web/sm/galeria/sm_07_thumb.jpg" />
<img class="thumb_sm_08" src="img/port/web/sm/galeria/sm_08_thumb.jpg" />
</div>
<script>
$('#thumbs').delegate('img','click', function(){
$('#largeImage').attr('src',$(this).attr('src').re place('thumb','large'));
});
</script>
<div id="sombra_thumb" class="sombra_sm_thumb_01"></div>
<div id="sombra_thumb" class="sombra_sm_thumb_02"></div>
<div id="sombra_thumb" class="sombra_sm_thumb_03"></div>
<div id="sombra_thumb" class="sombra_sm_thumb_04"></div>
<div id="sombra_thumb" class="sombra_sm_thumb_05"></div>
<div id="sombra_thumb" class="sombra_sm_thumb_06"></div>
<div id="sombra_thumb" class="sombra_sm_thumb_07"></div>
<div id="sombra_thumb" class="sombra_sm_thumb_08"></div>
<div id="sitio_hd" class="esp_bt lila texto_11 texto_blanco bold centrado inter_letra_1"><a href="portafolio/web/sm_big.html" target="_blank">VER PROYECTO HD</a></div>
<div id="sitio_en_linea" class="esp_bt lila texto_11 texto_blanco bold centrado inter_letra_1"><a href="http://www.ediciones-sm.com.mx" target="_blank">VER SITIO EN LÍNEA</a></div>
<div id="site_hd" class="eng_bt rosa_intenso texto_11 texto_blanco bold centrado inter_letra_1"><a href="portafolio/web/sm_big.html" target="_blank">VIEW HD PROJECT</a></div>
<div id="site_online" class="eng_bt rosa_intenso texto_11 texto_blanco bold centrado inter_letra_1"><a href="http://www.ediciones-sm.com.mx" target="_blank">WIEV SITE ONLINE</a></div>
</div>
</body>
</html>