Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje28-01-2016, 16:44 (UTC)    
Título del mensaje: [CSS- DESIGN] Business

Business
Css Design
*Click en la imagen para ver el diseño en vivo
--------------------------------------------------------------------------------------------------------------------------------------------------------------------


--------------------------------------------------------------------------------------------------------------------------------------------------------------------
Por encima
Código:

<!doctype html>
   <html>
      <head>
         <meta charset="utf-8">
               <link type="text/css" rel="stylesheet" href="http://demo.pwgpro.com.ve/Business/estilo.css">
                <link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
                <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
                <link href='https://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
                <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&subset=latin,greek-ext' rel='stylesheet' type='text/css'>
                <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
                <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
                <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">


            <title>Business | Pwgpro Theme</title>
      </head>
   <body>
       <header>
          <a href="#"><img draggable="false" src="http://demo.pwgpro.com.ve/Business/Logo.fw.png" alt="Sintillo"></a>
        </header>
             <nav>
               <ul>
                   <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="Header">
          <h1 id="Maininfo"><span style="background-color:#E6BD1A;">Integer</span> <span style="background-color:#E6BD1A;">vitae</span> libero ac risus egestas <span style="background-color:#E6BD1A;">placerat</span>.</h1>
       </div>
     <div id="News">
        <marquee behavior="slide" onmouseout="this.start()" onmouseover="this.stop()"><span id="new">Nuevo</span>Aquí va una entrada o noticia reciente con <a href="#">Link</a></marquee>           
     </div>
     
<section>


Por debajo

Código:
</section>
   <aside>
       <h3><i style="font-size:30px;" class="fa fa-question-circle"></i>
                   &nbsp; Nuestro FAQ</h3>
           <div>
               <ul>
                   <li><a href="#">Aliquam tincidunt mauris eu risus?</a></li>
                    <li><a href="#">Nam convallis pellentesque nisl.</a></li>
                    <li><a href="#">Donec quis dui at dolor tempor interdum.
</a></li>
                    <li><a href="#">Integer vitae libero ac risus egestas placerat.
</a></li>
                    <li><a href="#">Nunc dignissim risus id metus.
</a></li>
                    <li><a href="#">How we work?</a></li>
                </ul>
                   
                       <br>
                        <h3><i style="font-size:30px;" class="fa fa-twitter"></i>
                         &nbsp; Síguenos en twitter</h3>
                    <a class="twitter-timeline" href="https://twitter.com/Pwgpro" data-widget-id="526424478717202432">Tweets por el @Pwgpro.</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<br>
                        <h3><i style="font-size:30px;" class="fa fa-sticky-note"></i>
                         &nbsp; About us</h3>
                         <p style="font-size:15px;">Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
 
            </div>
    </aside>
      
       <footer>
             <p>2016 &reg; Todos los derechos reservados, Hecho por <a href="http://pwgpro.com.ve"><strong>Pwgpro ©</strong></a>       
        </footer>
   </body>
</html>


Artículos / Post
Código:

<!----Articulo 1---->
     <article>
        <h1>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</h1>
           <time datetime="01/01/2016"> 01 de Enero de 2016</time>
               <i class="fa fa-tags"></i> Etiqueta 
                  <i class="fa fa-user"></i> Admin

               <hr>
               <span><i class="fa fa-quote-left"></i></span>
                       <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
                        Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet
                           <br>
    <a href="#">Leer más</a>
                   </p>           
     </article>
<!----Final del Artículo ---->
<!----Articulo 2---->
     <article>
        <h1>Vivamus vestibulum nulla nec ante.</h1>
           <time datetime="01/01/2016"> 01 de Enero de 2016</time>
               <i class="fa fa-tags"></i> Etiqueta 
                  <i class="fa fa-user"></i> Admin

               <hr>
               <span><i class="fa fa-quote-left"></i></span>
                       <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
                        Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet
                           <br>
    <a href="#">Leer más</a>
                   </p>           
     </article>
<!----Final del Artículo ---->
<!----Articulo 3---->
     <article>
        <h1>Fusce lobortis lorem at ipsum semper sagittis.</h1>
           <time datetime="01/01/2016"> 01 de Enero de 2016</time>
               <i class="fa fa-tags"></i> Etiqueta 
                  <i class="fa fa-user"></i> Admin

               <hr>
               <span><i class="fa fa-quote-left"></i></span>
                       <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
                        Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet
                           <br>
    <a href="#">Leer más</a>
                   </p>           
     </article>
<!----Final del Artículo ---->
Mensaje29-01-2016, 15:06 (UTC)    
Título del mensaje:

Muy buen diseño, muy limpio y elegante
Una recomendación, cambiar la fuente por defecto del texto (:

Un saludo.
______________
/* Programador web freelance. */
/* twitter: @jfdelarosa */
Mensaje29-01-2016, 17:25 (UTC)    
Título del mensaje:

Gracias,
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group