PHP 2
<!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/fridays_2/galeria/fridays_2_01_large.jpg" /></div>
<div id="thumbs">
<img class="thumb_fridays_2_01" src="img/port/web/fridays_2/galeria/fridays_2_01_thumb.jpg" />
<img class="thumb_fridays_2_02" src="img/port/web/fridays_2/galeria/fridays_2_02_thumb.jpg" />
<img class="thumb_fridays_2_03" src="img/port/web/fridays_2/galeria/fridays_2_03_thumb.jpg" />
<img class="thumb_fridays_2_04" src="img/port/web/fridays_2/galeria/fridays_2_05_thumb.jpg" />
<img class="thumb_fridays_2_05" src="img/port/web/fridays_2/galeria/fridays_2_08_thumb.jpg" />
<img class="thumb_fridays_2_06" src="img/port/web/fridays_2/galeria/fridays_2_09_thumb.jpg" />
<img class="thumb_fridays_2_07" src="img/port/web/fridays_2/galeria/fridays_2_10_thumb.jpg" />
<img class="thumb_fridays_2_08" src="img/port/web/fridays_2/galeria/fridays_2_12_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_fridays_2_thumb_01"></div>
<div id="sombra_thumb" class="sombra_fridays_2_thumb_02"></div>
<div id="sombra_thumb" class="sombra_fridays_2_thumb_03"></div>
<div id="sombra_thumb" class="sombra_fridays_2_thumb_04"></div>
<div id="sombra_thumb" class="sombra_fridays_2_thumb_05"></div>
<div id="sombra_thumb" class="sombra_fridays_2_thumb_06"></div>
<div id="sombra_thumb" class="sombra_fridays_2_thumb_07"></div>
<div id="sombra_thumb" class="sombra_fridays_2_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>