Nueva sección 'Te interesa' con textos de prueba.

git-svn-id: https://192.168.0.254/svn/Proyectos.CursoDeEmprendedores_Web/trunk@3 63913255-ac98-a54a-998e-8993d3625c3c
This commit is contained in:
David Arranz 2013-06-18 09:50:17 +00:00
parent 2c0e0f4c2b
commit bcfe343885
8 changed files with 101 additions and 3 deletions

View File

@ -78,6 +78,13 @@ body{
background-repeat: no-repeat;
}
.menubginteres{
background-image: url("../imgs/pestana_interesa.png");
background-position: left top;
background-repeat: no-repeat;
}
#menu ul li a:hover, #menu ul li a.current{
background-position: 7px top;
}

BIN
imgs/pestana_interesa.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -16,7 +16,7 @@
<li><a class="menubginicio current" href="#"></a></li>
<li><a class="menubgprof" href="profesores.html"></a></li>
<li><a class="menubgprecio" href="./material"></a></li>
<li><a class="menubgprog" href="programa.html"></a></li>
<li><a class="menubginteres" href="interes.html"></a></li>
</ul>
</div>
<div id="contenedor">

85
interes.html Normal file
View File

@ -0,0 +1,85 @@
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<meta name=description content="">
<meta name=viewport content="width=device-width, initial-scale=1">
<title>Te interesa | Programa de emprendedores FRP Y FLQDVI</title>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel=stylesheet href="css/style.css">
</head>
<body>
<div class="maincolumn">
<div id="menu">
<ul>
<li><a class="menubginicio" href="index.html"></a></li>
<li><a class="menubgprof" href="profesores.html"></a></li>
<li><a class="menubgprecio" href="./material"></a></li>
<li><a class="menubginteres current" href="interes.html"></a></li>
</ul>
</div>
<div id="contenedor">
<div class="cabecera"><span id="logo" style="width: 425px;">PROGRAMA DE EMPRENDEDORES FUNDACIÓN RAFAEL DEL PINO Y FUNDACIÓN LO QUE DE VERDAD IMPORTA</span></div>
<hr>
<div class="clear">
<div class="doscolumnas titular" style="width: 440px">TE INTERESA</div>
<div class="doscolumnas titularpeq" style="width: 200px;"><strong>Próximo curso:</strong> Próximamente <br />(fecha aún no disponible)</div>
</div>
<hr>
<div class="fila">
<p><span class="titularpeq"><strong>MEDIOS DE COMUNICACIÓN</strong></span></p>
</div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean blandit congue nunc, id iaculis est mollis eu. Vivamus tristique eleifend auctor. In hac habitasse platea dictumst. Sed volutpat dapibus sem nec sagittis. Fusce tristique nulla sem, ac tincidunt tellus pellentesque eget. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi malesuada elit eu tortor aliquam, tempor ornare neque mollis. Vivamus interdum posuere dolor, eget consequat ante tempor sit amet. Quisque ut leo lacinia, dictum dui id, laoreet nibh. Aliquam mollis ante vitae tortor hendrerit, a tristique dui volutpat. Ut mollis, felis ac eleifend cursus, erat urna bibendum elit, id iaculis est augue vel nibh. Nullam at velit nibh. Duis imperdiet bibendum porttitor. Sed nisi dui, consectetur ac ligula ut, lobortis commodo lectus. Cras lacinia auctor sem, ut lacinia sem elementum eget. Phasellus in congue metus.<br/><br/>
<div class="fila">
<p><span class="titularpeq"><strong>INFORMACIÓN</strong></span></p>
Nullam a magna nec nulla vestibulum adipiscing. Ut et massa odio. Duis convallis commodo lectus. Duis nulla libero, mollis sit amet vehicula vitae, feugiat et lacus. Morbi et fringilla est, fringilla venenatis odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus elit erat, porttitor vel gravida vulputate, pretium sit amet nibh. Praesent lobortis nec libero eu rutrum. Mauris sed neque erat. Nullam mollis est arcu. Proin sit amet risus ac eros tempor mattis ut ut est. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur at nisl eu tellus cursus cursus nec vel enim. In accumsan laoreet arcu hendrerit auctor. Suspendisse lectus mauris, venenatis vel pretium et, laoreet ac mauris. Integer orci arcu, laoreet sed augue et, pellentesque bibendum sapien.<br/><br/>
Cras vulputate odio ut erat blandit dictum. Vestibulum pellentesque, augue sit amet gravida rhoncus, sapien nulla luctus magna, non tristique tortor nunc at urna. Donec blandit tincidunt mi in scelerisque. Nam eget consectetur sapien. Duis sollicitudin faucibus nisi et vestibulum. Proin vitae orci justo. Nulla ut vulputate ante. <br/><br/>
</div>
<div class="fila">
<p><span class="titularpeq"><strong>CONTACTA CON NOSOTROS</strong></span></p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit:<br/><br/>
<div style="width: 90%; height: 300px; border: 1px dotted; display: table; text-align: center; margin: auto; background: #ccc;"><p style="display: table-cell; vertical-align: middle; text-align: center;" >F O R M U L A R I O</p></div>
</div>
<div class="fila">
<p><span class="titularpeq"><strong>PROGRAMA</strong></span></p>
</div>
<div class="fila">
<p><span class="titularpeq"><strong>HORA 1 / Generación de Ideas</strong></span><br>¿Es difícil tener buenas ideas? ¿Es cierto eso de "yo nunca tengo ideas"? ¿Se puede entrenar el cerebro para que tenga más ideas? En este primer bloque buscaremos las respuestas a todas esas preguntas y a muchas otras. Romperemos tópicos como "solo innovan los genios" o "solo innovan las grandes empresas".</p>
</div>
<div class="fila">
<p><span class="titularpeq"><strong>HORA 2 / Cómo preparar la idea. ¡Aterrizarla!</strong></span><br> El primer instante después de tener una idea es ese en el que pensamos "yo nunca podría tirar adelante esta idea". Filtrar ideas, validarlas, compararlas y concretarlas son pasos que hay que dar antes de dar por "viva" o "muerta" una idea. En este bloque, además, aprenderemos a diferenciar entre "buenas" y "malas" ideas.</p>
</div>
<div class="fila">
<p><span class="titularpeq"><strong>HORA 3 / ¿Cómo hacer negocio con mi idea?</strong></span><br>¿Alguien pagará por lo que quiero hacer? Si es así... ¿cuánto?, ¿cómo?, ¿por qué? y especialmente... ¿quién?. Tan importante como tener la idea es averiguar quién será nuestro cliente, donde está y como llegar hasta él. </p>
</div>
<div class="fila">
<p><span class="titularpeq"><strong>HORA 4 / Persiguiendo el éxito</strong></span><br>¿Qué tienen en común todos los emprendedores que han alcanzado el éxito? ¿Qué tienen en común las personas que encadenan fracasos?. Nos fijaremos en cómo lo hacen las grandes empresas con millones de dólares de presupuesto... para aplicarlo al emprendendedor con cero euros de presupuesto.</p>
</div>
<div class="fila">
<p><span class="titularpeq"><strong>HORA 5 / Presentando la idea en público</strong></span><br>A partir de ejemplos reales iremos creando la presentación perfecta de nuestra idea, empezando por una muy mala para ir mejorandola... en tiempo real. Además, nos aseguraremos alguna carcajada en medio. (¿Cómo nadie le dijo que no hiciera eso? será la pregunta más repetida). </p>
</div>
<div class="push"></div>
</div>
<hr>
<div class="footer">
<a href="http://www.loquedeverdadimporta.org"><img style="border: 0;" src="imgs/logo_importa_2.jpg" alt="lo que de verdad importa"></a>
<a href="http://www.frdelpino.es"><img style="border: 0;" src="imgs/logo_rafael_2.jpg" alt="rafel del pino"></a>
</div>
</div>
<div class="bgblanc"></div>
<div class="bgtaronja"></div>
</body>
</html>

View File

@ -78,6 +78,12 @@ body{
background-repeat: no-repeat;
}
.menubginteres{
background-image: url("../imgs/pestana_interesa.png");
background-position: left top;
background-repeat: no-repeat;
}
#menu ul li a:hover, #menu ul li a.current{
background-position: 7px top;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -16,7 +16,7 @@
<li><a class="menubginicio" href="../index.html"></a></li>
<li><a class="menubgprof" href="../profesores.html"></a></li>
<li><a class="menubgprecio current" href="#"></a></li>
<li><a class="menubgprog" href="../programa.html"></a></li>
<li><a class="menubginteres" href="../interes.html"></a></li>
</ul>
</div>
<div id="contenedor">

View File

@ -16,7 +16,7 @@
<li><a class="menubginicio" href="index.html"></a></li>
<li><a class="menubgprof current" href="#"></a></li>
<li><a class="menubgprecio" href="./material"></a></li>
<li><a class="menubgprog" href="programa.html"></a></li>
<li><a class="menubginteres" href="interes.html"></a></li>
</ul>
</div>
<div id="contenedor">