Default

Default

Diseño Básico con Bootstrap 3


Detalles


  • Creado con Bootstrap 3

  • Diseño Adaptado a PaginaWebGratis.es

  • Archivos Descargables

  • Licencia Creative Commons


Gratis, simple, elegante, diseño estilo blog. En poco tiempo puedes modificarlo, adapta la publicidad de paginawebgratis al diseño, entradas principales y un sencillo pero atractivo menu. Si tienes algún problema con la instalación del mismo, hazlo saber. Puedes descargar los archivos para modificar todo el diseño, o copiar los códigos del diseño adaptado para paginawebgratis.es


<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="utf-8" />
    <meta name="description" content="DESCRIPCION DE TU WEB" />
    <meta name="keywords" content="DESCRIPCION, DE, TU, WEB, EN, PALABRAS, CLAVES" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="https://demo.pwgpro.com.ve/Default/css/default.css" />
    <title>Default</title>
</head>

<body class="container">
    <div class="row">
        <header id="Cabecera">
            <hgroup>
                <h1>Default</h1>
                <h4>Un tema de Pwgpro ©</h4>
            </hgroup>
        </header>
        <nav id="menu">
            <ul>
                <li><a href="#"><span class="glyphicon glyphicon-home"></span>Inicio</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-briefcase"></span>Proyectos</a></li>
                <li><a href="#"><span class="glyphicon glyphicon-list"></span>Objetivos</a></li>
                <li class="submenu"><a href="#"><span class="glyphicon glyphicon-chevron-down"></span>Submenu</a>
                    <ul class="desplegable">
                        <li><a href="#">Submenú 1</a></li>
                        <li><a href="#">Submenú 2</a></li>
                        <li><a href="#">Submenú 3</a></li>
                    </ul>
                </li>
                <li><a href="#"><span class="glyphicon glyphicon-cloud-download"></span>Descargar</a></li>
            </ul>
        </nav>
<aside class="col-md-4">
            <div class="sidebar">
                <article>
                    <header>
                        <h2>Sidebar</h2>
                    </header>
                    <ul class="list-group">
                        <li class="list-group-item">
                            <span class="badge">05</span>
                            <p>Articulos</p>
                        </li>
                        <li class="list-group-item">
                            <span class="badge">08</span>
                            <p>Noticias</p>
                        </li>

                        <li class="list-group-item">

                            <p>Contacto</p>
                        </li>
                    </ul>
                </article>
                <article>
                    <div class="panel panel-primary">
                        <div class="panel-heading"><span style="font-family: monospace;">Default</span></div>
                        <div class="panel-body">
                            <p>Diseño web básico para plantilla CSS Design de paginawebgratis.es creado por <a href="https://pwgpro.es.tl">Pwgpro © </a> bajo la estructura semántica del Framework Bootstrap 3</p>
                        </div>
                    </div>
                </article>
                <article>
                    <header>
                        <h2>Social Networks</h2>
                    </header>
                    <p>Encuentranos! Estamos en Twitter como: @pwgpro y en facebook.com/webpwgpro . En ambas redes publicamos nuevas actualizaciones</p>
                </article>
            </div>
            <div id="Publicidad">
                <img src="#" />
            </div>
        </aside>
<section class="col-md-8 page">
</section>
<footer class="col-md-12 Pie">
            <article class="col-md-4">
                <header>
                    <h3>Texto 1</h3>
                </header>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita quia eum, voluptatem hic fugit quam voluptate molestiae autem veritatis optio iusto nesciunt ea, doloribus itaque in quasi, rerum corporis culpa!</p>
            </article>
            <article class="col-md-4">
                <header>
                    <h3>Texto 2</h3>
                </header>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita quia eum, voluptatem hic fugit quam voluptate molestiae autem veritatis optio iusto nesciunt ea, doloribus itaque in quasi, rerum corporis culpa!</p>
            </article>
            <article class="col-md-4">
                <header>
                    <h3>Items</h3>
                </header>
                <ul>
                    <li><a href="#">About us</a></li>
                    <li><a href="#">Support</a></li>
                    <li><a href="#">FAQ</a></li>
                    <li><a href="#">Contac</a></li>
                </ul>
            </article>
            <div class="creditos">
                <p>Default 2017 | Todos los derechos reservados. Diseño de <a href="https://pwgpro.es.tl">Pwgpro ©</a></p>
            </div>
        </footer>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

</body>

</html>
<article class="col-md-9">
<header>
<hgroup>
<h1>Hola Mundo!</h1>
<h2>Esta es mi m&aacute;s reciente entrada</h2>
</hgroup>
</header>
<figure class="img-post">                     <img src="http://unsplash.it/1200/800" class="img-thumbnail" alt="" />                 </figure>
<header class="data-post">
<time datetime="2017-10-17" pubdate="">Publicado el 12-10-2017</time>
<ul>
    <li>Gabriel Navarro</li>
    <li>Sin Categor&iacute;a</li>
    <li><a href="#">(2) Comentarios</a></li>
</ul>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur suscipit iusto, non perspiciatis optio accusamus quisquam, sit, nesciunt voluptatum nisi alias commodi obcaecati asperiores, delectus distinctio beatae quas culpa. Sed. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, rerum, voluptatum repellat dicta nulla eveniet sed fugit id accusamus velit esse ab deserunt dolores libero amet eaque sit distinctio iure. <a href="#">Read More...</a></p>
<footer>                     <hr />
</footer>             </article><hr />
<article class="col-md-12">
<header>
<hgroup>
<h1>Nam libero tempore</h1>
<h2>Temporibus autem quibusdam et aut officiis</h2>
</hgroup>
</header>
<br />
<div class="embed-responsive embed-responsive-16by9 thumbnail"><iframe src="//player.vimeo.com/video/22428395"></iframe></div>
<header class="data-post">
<time datetime="2017-10-17" pubdate="">Publicado el 12-10-2017</time>
<ul>
    <li>Gabriel Navarro</li>
    <li>Sin Categor&iacute;a</li>
    <li><a href="#">(2) Comentarios</a></li>
</ul>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur suscipit iusto, non perspiciatis optio accusamus quisquam, sit, nesciunt voluptatum nisi alias commodi obcaecati asperiores, delectus distinctio beatae quas culpa. Sed. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, rerum, voluptatum repellat dicta nulla eveniet sed fugit id accusamus velit esse ab deserunt dolores libero amet eaque sit distinctio iure. <a href="#">Read More...</a></p>
<footer>                     <hr />
</footer>             </article>
comments powered by Disqus