Código de HTML - Plantilla HTML para Web 2.0

Imágen de perfil

Plantilla HTML para Web 2.0gráfica de visualizaciones


HTML

estrellaestrellaestrellaestrellaestrella(11)
Actualizado el 31 de Agosto del 2017 por ScriptShow (Publicado el 19 de Agosto del 2017)
2.716 visualizaciones desde el 19 de Agosto del 2017. Una media de 49 por semana
Una Web 2.0 basada en HTML y CSS compatible.

Un efecto Parallax y Reveal para presentar todos los contenidos desplazando la barra de Scroll.
La estructura es ampliable, adaptable, compatible con cualquier pantalla y/o dispositivo.
La respuesta del Sitio es ágil y rápida con imágenes optimizadas.

Un Saludo

Requerimientos

Un navegador web y/o un dispositivo compatible.

2.0
estrellaestrellaestrellaestrellaestrella(11)

Actualizado el 15 de Noviembre del 2017 (Publicado el 19 de Agosto del 2017)gráfica de visualizaciones de la versión: 2.0
2.717 visualizaciones desde el 19 de Agosto del 2017. Una media de 49 por semana
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

ParaScroll
  • Archivos para descargar

Si alguno de los archivos de descarga no funciona, comentanos aquí el error.




Comentarios sobre la versión: 2.0 (11)

periodicosbrasil
30 de Agosto del 2017
estrellaestrellaestrellaestrellaestrella
Maravilhoso !!!!!!!!!!!!!!
Responder
Imágen de perfil
xve
31 de Agosto del 2017
estrellaestrellaestrellaestrellaestrella
impresionante!!!!
Responder
Sergio
01 de Septiembre del 2017
estrellaestrellaestrellaestrellaestrella
Un gran trabajo y sencillo de entender.
Responder
Imágen de perfil
miguel
15 de Noviembre del 2017
estrellaestrellaestrellaestrellaestrella
Muy bueno amigo.
He tratado de utilizarlo en una web que me estoy creando, pero no veo la forma.
Crees que podria acoplarlo a esta web que me estoy haciendo...??
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<meta http-equiv="X-UA-Compatible" content="ie=edge">-->
<link rel="icon" href="imagenes/icon.ico" />
<head>
<!--SI AÑADO LA SIGUIENTE API (https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css) , FUNCIONA EL MENU DE NAVEGACION PERO ESTROPEA EL RESTO DE PAGINA-->
<!--<link href="css/bootstrap.min.css" rel="stylesheet">-->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<title>pruebas</title>

</head>

<body>

<header id="header">
<nav class="navbar navbar-inverse" role="navigation">
<div class="container">
<!-- Logo and responsive toggle -->
<div class="navbar-header">

<a class="navbar-brand" href="#">
<span class="glyphicon glyphicon-fire"></span>
Logo
</a>
</div>
<!-- Navbar links -->
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav">
<li class="active">
<a href="#">Principal</a>
</li>
<li>
<a href="#">Sobre mi</a>
</li>
<li>
<a href="#">Estudios</a>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Recursos<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Prodcutos</a></li>
<li><a href="#">Juegos</a></li>
<li><a href="#">Diseño</a></li>
</ul>
</li>
</ul>
<!-- Search -->
<form class="navbar-form navbar-right" role="search">
<div class="form-group">
<input type="text" class="form-control">
</div>
<button type="submit" class="btn btn-default">Buscar</button>
</form>

</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
</header>
<div id="container">

<main id="center" class="column">
<article>

<h1>BIENVENIDOS A MI SITIO WEB...</h1>
<p>Hola, me llamo Miguel y os voy a presentar mi sitio web,
En principio esta creado para mostrar mi perfil, experiencia laboral, formación académica y todos los conocimientos </p>


<P></P>
<h2>CURRICULUM</h2>
<p>Aquí encontrareis los <a href="curriculum-1.html">trabajos </a>por los que me he movido, siendo el transporte por carretera lo que mas he desempeñado estos
últimos años. </p>
<h2></h2>
<h2>ESPEDIENTE ACADEMICO</h2>
<p>Mis estudios no son muchos, deje pronto la escuela para trabajar. Pero en los últimos años he retomado el tema académico,
formandome en el tema de la programación y aunque llevo poco tiempo ya he creado alguna <a href="proyectos-4.html">humilde aplicacion.</a></p>

<h2>EXPERIENCIA</h2>

<p>Como ya he dicho, mi carrera de desarrollador no a echo mas que empezar, y son pocos y pequeños los <a href="proyectos-4.html">proyectos </a>que he

</p>
<h2></h2>
<h2></h2>



<a href="pdf/html.pdf">Haz clic aquí para el PDF</a>
<object data="pdf/html.pdf"></object>

<iframe src="pdf/html.pdf"></iframe>



</article>
</main>

<nav id="left" class="column">
<h3>DATOS PERSONALES</h3>
<ul>
<li><a target="_blank" href="curriculum-1.html">Curriculum</a></li><br>
<li><a target="_blank" href="estudios-2.html">Estudios</a></li><br>
<li><a target="_blank" href="experiencia-3.html">Experiencia</a></li><br>
<li><a target="_blank" href="proyectos-4.html">Proyectos</a></li><br>
<li><a target="_blank" href="futuro-5.html">Futuro</a></li>

</ul>
<br>
<br>
<br>

<h3>Redes sociales</h3>
<ul>
<li><a href="https://www.facebook.com/profile.php?id=100009248037432">Facebook</a></li>
<li><a href="https://twitter.com/laparramiguel">Twitter</a></li>
<!--<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>-->
</ul>

</nav>

<div id="right" class="column">
<h3>FOTO DE PERFIL</h3>

</div>

</div>

<!-- <div id="footer-wrapper">
<footer id="footer"><p>Footer...</p></footer>
</div>-->

</body>
<!-- Latest compiled and minified JavaScript -->
</html>
Responder
Imágen de perfil
miguel
15 de Noviembre del 2017
estrellaestrellaestrellaestrellaestrella
Como ya te dige, es una pasada lo que has hecho.
He puesto el header, pero no consigo que se quede arriba al hacer scrool.
Se te ocurre alguna idea...??
Gracias por compartir tus logros
Responder
Imágen de perfil
ScriptShow
18 de Noviembre del 2017
estrellaestrellaestrellaestrellaestrella
Saludos Miguel,

intenta colocar el HEADER en su posición en la estructura HTML. Dale una clase con posición FIXED.

Prueba todo sin librerías externas, que afectan a toda la estructura.

Espero sea útil.

Gracias
Responder
Odin
06 de Diciembre del 2017
estrellaestrellaestrellaestrellaestrella
Hola Que tal, me gusto muchisimo tu parascroll, pero no existe la posibilidad de que me pases el Todo.css, además, lo estoy utilizando en un servidor de xampp y no se visualizan las imágenes, te lo agradecería muchisimo colega
Responder
Imágen de perfil
ScriptShow
14 de Diciembre del 2017
estrellaestrellaestrellaestrellaestrella
Saludos,

descomprime los archivos en una carpeta y accede ejecutando el html. Todo irá bien...
Sólo es preciso un navegador web y/o dispositivo compatible.

Espero sea útil.
Responder
David
28 de Diciembre del 2017
estrellaestrellaestrellaestrellaestrella
Es increible lo bien que queda comparado a lo sencillo que es.
Responder
Imágen de perfil
ScriptShow
01 de Enero del 2018
estrellaestrellaestrellaestrellaestrella
¡Muchas gracias a Tod@s!
Responder
Imágen de perfil
Alejandro
05 de Enero del 2018
estrellaestrellaestrellaestrellaestrella
No ha dejado ningún comentario
Responder

Comentar la versión: 2.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s4124  
Revisar política de publicidad