<!doctype html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(inicio)
function inicio(){
$("select").change(cambiacss)
}
function cambiacss(){
var plantilla =$("select").attr("value");
$("plantilla").html('<link rel=Stylesheet href="css/'+plantilla+'.css" type="text/css">')
}
</script>
<link rel=Stylesheet href="css/base.css" type="text/css">
<plantilla>
</pantilla>
</head>
<body>
<select name="plantilla">
<option value="">Selecciona una plantilla</option>
<option value="pc1">Plantilla para ordenador</option>
<option value="pchd">Plantilla alta definición</option>
<option value="movil">Plantilla para telefono movil</option>
<option value="tablet">Plantilla para tableta digital</option>
</select>
<hr>
<div id="contenedor">
<header>
<div id="titulo">
<div id="logo">
</div>
<h1><sup>CLAN</sup>TempestadESP</h1>
<h2>Página web dedicada a los hobbys favoritos nuestros de las pantallas</h2>
</div>
<nav>
<ul>
<li>
<a href="index.html">Inicio</a>
</li>
<li>
<a href="formulario.html">Foro</a>
</li>
<li>
<a href="biografia.html">Biografia</a>
</li>
<li>
<a href="contacto.html">Contacto</a>
</li>
</ul>
</nav>
</header>
<section>
<div id="banner">
<h3>Titulo del banner</h3>
<p>Bienvenidos a la web de los hobbys que vemos en nuestra pantalla eso no significa que solo sea de televisión sino también en vuestra pantalla de ordenador</p>
</div>
<article>
<div class="imagendestacada" id="img1">
</div>
<h3>Titulo principal</h3>
<p>Bienvenidos a la web de los hobbys que vemos en nuestra pantalla eso no significa que solo sea de televisión sino también en vuestra pantalla de ordenador</p>
</article>
<article>
<div class="imagendestacada" id="img1">
</div>
<h3>Titulo principal</h3>
<p>Bienvenidos a la web de los hobbys que vemos en nuestra pantalla eso no significa que solo sea de televisión sino también en vuestra pantalla de ordenador</p>
</article>
<article>
<div class="imagendestacada" id="img1">
</div>
<h3>Titulo principal</h3>
<p>Bienvenidos a la web de los hobbys que vemos en nuestra pantalla eso no significa que solo sea de televisión sino también en vuestra pantalla de ordenador</p>
</article>
<article>
<div class="imagendestacada" id="img1">
</div>
<h3>Titulo principal</h3>
<p>Bienvenidos a la web de los hobbys que vemos en nuestra pantalla eso no significa que solo sea de televisión sino también en vuestra pantalla de ordenador</p>
</article>
</section>
<footer>
<h6>(c) 2013 </h6>
</footer>
</div>
</body>
</html>