Created
October 26, 2018 16:03
-
-
Save Fahrek/4ed3e55aeafee40d1dd6b7ff791beb3e to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?xml version="1.0" encoding="UTF-8"?> | |
| <module type="WEB_MODULE" version="4"> | |
| <component name="NewModuleRootManager"> | |
| <content url="file://$MODULE_DIR$"> | |
| <excludeFolder url="file://$MODULE_DIR$/.tmp" /> | |
| <excludeFolder url="file://$MODULE_DIR$/temp" /> | |
| <excludeFolder url="file://$MODULE_DIR$/tmp" /> | |
| </content> | |
| <orderEntry type="inheritedJdk" /> | |
| <orderEntry type="sourceFolder" forTests="false" /> | |
| </component> | |
| </module> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <?xml version="1.0" encoding="UTF-8"?> | |
| <project version="4"> | |
| <component name="ProjectModuleManager"> | |
| <modules> | |
| <module fileurl="file://$PROJECT_DIR$/.idea/maquetacion.iml" filepath="$PROJECT_DIR$/.idea/maquetacion.iml" /> | |
| </modules> | |
| </component> | |
| </project> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | |
| <title>L0G0TYP0_01 | Bienvenidos</title> | |
| <link rel="stylesheet" href="estilos.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="contenedor"> | |
| <div id="marca"> | |
| <h1> <span class="resaltado">L0G0TYP0 </span>Diseño y Desarrollo Web</h1> | |
| </div> | |
| <nav> | |
| <ul> | |
| <li><a href="index.html">Inicio</a></li> | |
| <li><a href="nosotros.html">Nosotros</a></li> | |
| <li><a href="servicios.html">Servicios</a></li> | |
| <li class="actual"><a href="contacto.html">Contacto</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| </header> | |
| <section id="boletin"> | |
| <div class="contenedor"> | |
| <h1>Suscríbete a nuestro boletín</h1> | |
| <form> | |
| <input type="email" name="email" placeholder="Ingrese el email..." /> | |
| <button class="boton1" type="submit">Suscíbete</button> | |
| </form> | |
| </div> | |
| </section> | |
| <section id="main"> | |
| <div class="contenedor"> | |
| <article id="main-col"> | |
| <h1>Contacto</h1> | |
| <form action="#" method="POST"> | |
| <label for="nombre">Nombre</label> | |
| <input type="text" name="nombre" placeholder="Ingresa tu nombre..." required> | |
| <br> | |
| <label for="email">Email</label> | |
| <input type="email" name="email" placeholder="Ingresa tu email..." required> | |
| <br> | |
| <label for="telefono">Teléfono</label> | |
| <input type="tel" name="telefono" placeholder="Ingresa tu teléfono..." required> | |
| <br> | |
| <label for="movil">Móvil</label> | |
| <input type="tel" name="movil" placeholder="Ingresa tu móvil..." required> | |
| <br> | |
| <label for="mensaje">Mensaje</label> | |
| <textarea name="mensaje" id="mensaje" required></textarea> | |
| <br> | |
| <input type="submit" value="Enviar"> | |
| </form> | |
| </article> | |
| <aside id="lateral"> | |
| <div class="oscuro"> | |
| <h3>Que hacemos</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, asperiores aut, beatae dolor doloribus | |
| earum enim eum impedit placeat quia ratione recusandae repudiandae similique. Ab cum deleniti dolore eligendi | |
| impedit.</p> | |
| </div> | |
| </aside> | |
| </div> | |
| </section> | |
| <footer> | |
| <p>L0G0TYP0 Desarrollo Web, Copyright © 2017</p> | |
| </footer> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| [0707/145040.402:ERROR:process_info.cc(631)] range at 0x6b50313400000000, size 0x1bd fully unreadable | |
| [0707/145040.429:ERROR:process_info.cc(631)] range at 0x6b50315400000000, size 0x1bd fully unreadable | |
| [0707/145040.429:ERROR:process_info.cc(631)] range at 0x0, size 0x1bd fully unreadable | |
| [0707/145124.652:ERROR:process_info.cc(631)] range at 0x374f313400000000, size 0x267 fully unreadable | |
| [0707/145124.652:ERROR:process_info.cc(631)] range at 0x374f315400000000, size 0x267 fully unreadable | |
| [0707/145124.652:ERROR:process_info.cc(631)] range at 0x0, size 0x267 fully unreadable |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @charset "UTF-8"; | |
| body { | |
| font: 15px Arial, Helvetica, sans-serif; | |
| padding: 0; | |
| margin: 0; | |
| background: #f4f4f4; | |
| } | |
| /* Estilos globales */ | |
| .contenedor { | |
| width: 80%; | |
| margin: auto; | |
| overflow: hidden; | |
| } | |
| ul { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .boton1 { | |
| height: 38px; | |
| background: #e8491d; | |
| border: 0; | |
| padding: 0 20px; | |
| color: #fff; | |
| } | |
| /* Encabezado */ | |
| header { | |
| background: #24282b; | |
| color: #fff; | |
| padding-top: 30px; | |
| min-height: 70px; | |
| border-bottom: 5px solid #1293d4; | |
| } | |
| header a { | |
| color: #fff; | |
| text-decoration: none; | |
| text-transform: uppercase; | |
| font-size: 16px; | |
| } | |
| header li { | |
| float: left; | |
| display: inline; | |
| padding: 0 20px; | |
| } | |
| #marca { | |
| float: left; | |
| } | |
| #marca h1 { | |
| margin: 0; | |
| } | |
| nav { | |
| float: right; | |
| margin-top: 10px; | |
| } | |
| .resaltado, | |
| .actual a { | |
| color: #1293d4; | |
| font-weight: bold; | |
| } | |
| header a:hover { | |
| color: #ccc; | |
| font-weight: bold; | |
| } | |
| /* Cabecera con imagen */ | |
| #cabecera { | |
| min-height: 400px; | |
| background: url("http://www.rqlabels.com/wp-content/uploads/2016/08/code-wallpaper-8238-8558-hd-wallpapers.jpg") no-repeat 0 -400px; | |
| text-align: center; | |
| color: #fff; | |
| } | |
| #cabecera h1 { | |
| margin-top: 100px; | |
| font-size: 55px; | |
| margin-bottom: 10px; | |
| } | |
| #cabecera p { | |
| font-size: 20px; | |
| } | |
| /* Formulario boletín */ | |
| #boletin { | |
| padding: 15px; | |
| color: #fff; | |
| background: #24282b; | |
| } | |
| #boletin h1 { | |
| float: left; | |
| } | |
| #boletin form { | |
| float: right; | |
| margin-top: 15px; | |
| } | |
| #boletin input[type='email'] { | |
| padding: 4px; | |
| height: 25px; | |
| width: 250px; | |
| } | |
| /* Cajas */ | |
| #cajas { | |
| margin-top: 20px; | |
| } | |
| .caja { | |
| float: left; | |
| text-align: center; | |
| width: 30%; | |
| padding: 10px; | |
| } | |
| .caja img { | |
| width: 90px; | |
| } | |
| /* Lateral */ | |
| #lateral { | |
| float: right; | |
| width: 30%; | |
| margin-top: 10px; | |
| } | |
| .oscuro { | |
| padding: 15px; | |
| background: #35424a; | |
| color: #fff; | |
| margin: 10px 0; | |
| } | |
| /* Main-col */ | |
| #main-col { | |
| float: left; | |
| width: 65%; | |
| } | |
| /* Servicios */ | |
| ul#servicios li{ | |
| list-style: none; | |
| padding: 20px; | |
| border: 1px solid #ccc; | |
| margin-bottom: 5px; | |
| background: #e6e6e6; | |
| } | |
| /* Footer o pie de página */ | |
| footer { | |
| padding: 20px; | |
| margin-top: 20px; | |
| color: #fff; | |
| background: #1293d4; | |
| text-align: center; | |
| } | |
| /* Formulario de contacto */ | |
| input, textarea { | |
| width: 100%; | |
| height: 35px; | |
| border: 1px solid gray; | |
| margin-bottom: 5px; | |
| } | |
| textarea { | |
| height: 120px; | |
| } | |
| input[type='submit'] { | |
| background: #e8491d; | |
| color: #fff; | |
| } | |
| /* Media Queries - Responsive */ | |
| @media(max-width: 768px) { | |
| header #marca, | |
| header nav, | |
| header nav li, | |
| #boletin h1, | |
| #boletin form, | |
| #cajas .caja, | |
| article#main-col, | |
| aside#lateral { | |
| float: none; | |
| text-align: center; | |
| width: 100%; | |
| } | |
| header { | |
| padding-bottom: 20px; | |
| } | |
| #boletin h1 { | |
| margin-top: 40px; | |
| } | |
| #boletin button { | |
| display: block; | |
| width: 100%; | |
| } | |
| #boletin form input[type='email'] { | |
| width: 100%; | |
| margin-bottom: 5px; | |
| } | |
| input, textarea { | |
| width: 98%; | |
| } | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | |
| <title>L0G0TYP0_01 | Bienvenidos</title> | |
| <link rel="stylesheet" href="estilos.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="contenedor"> | |
| <div id="marca"> | |
| <h1> <span class="resaltado">L0G0TYP0 </span>Diseño y Desarrollo Web</h1> | |
| </div> | |
| <nav> | |
| <ul> | |
| <li class="actual"><a href="index.html">Inicio</a></li> | |
| <li><a href="nosotros.html">Nosotros</a></li> | |
| <li><a href="servicios.html">Servicios</a></li> | |
| <li><a href="contacto.html">Contacto</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| </header> | |
| <section id="cabecera"> | |
| <div class="contenedor"> | |
| <h1>Profesionales expertos en Tecnologías Web</h1> | |
| <p>div Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt corporis dolores magni, doloribus nobis vel et aliquam quis omnis modi, excepturi deleniti at debitis libero, harum dolore exercitationem? Sapiente, ipsam!</p> | |
| </div> | |
| </section> | |
| <section id="boletin"> | |
| <div class="contenedor"> | |
| <h1>Suscríbete a nuestro boletín</h1> | |
| <form> | |
| <input type="email" name="email" placeholder="Ingrese el email..." /> | |
| <button class="boton1" type="submit">Suscíbete</button> | |
| </form> | |
| </div> | |
| </section> | |
| <section id="cajas"> | |
| <div class="contenedor"> | |
| <div class="caja"><img src="https://www.w3.org/html/logo/downloads/HTML5_Logo_512.png" alt="HTML5" /> | |
| <h3>HTML5</h3> | |
| <p>div Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi eum, a eligendi voluptates minima atque dicta pariatur voluptatibus!</p> | |
| </div> | |
| <div class="caja"><img src="https://www.returngis.net/wp-content/uploads/2012/05/logo_CSS3.png" alt="CSS3" /> | |
| <h3>CSS3</h3> | |
| <p>div Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi eum, a eligendi voluptates minima atque dicta pariatur voluptatibus!</p> | |
| </div> | |
| <div class="caja"><img src="https://andypi.co.uk/wp-content/uploads/2016/08/js4560_450.png" alt="JS6" /> | |
| <h3>JS6</h3> | |
| <p>div Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi eum, a eligendi voluptates minima atque dicta pariatur voluptatibus!</p> | |
| </div> | |
| </div> | |
| </section> | |
| <footer> | |
| <p>L0G0TYP0 Desarrollo Web, Copyright © 2017</p> | |
| </footer> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | |
| <title>L0G0TYP0_01 | Bienvenidos</title> | |
| <link rel="stylesheet" href="estilos.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="contenedor"> | |
| <div id="marca"> | |
| <h1> <span class="resaltado">L0G0TYP0 </span>Diseño y Desarrollo Web</h1> | |
| </div> | |
| <nav> | |
| <ul> | |
| <li><a href="index.html">Inicio</a></li> | |
| <li class="actual"><a href="nosotros.html">Nosotros</a></li> | |
| <li><a href="servicios.html">Servicios</a></li> | |
| <li><a href="contacto.html">Contacto</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| </header> | |
| <section id="boletin"> | |
| <div class="contenedor"> | |
| <h1>Suscríbete a nuestro boletín</h1> | |
| <form> | |
| <input type="email" name="email" placeholder="Ingrese el email..." /> | |
| <button class="boton1" type="submit">Suscíbete</button> | |
| </form> | |
| </div> | |
| </section> | |
| <section id="main"> | |
| <div class="contenedor"> | |
| <article id="main-col"> | |
| <h1>Nosotros</h1> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, asperiores aut, beatae dolor doloribus | |
| earum enim eum impedit placeat quia ratione recusandae repudiandae similique. Ab cum deleniti dolore eligendi | |
| impedit.</p> | |
| <p class="oscuro">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, asperiores aut, beatae | |
| dolor doloribus earum enim eum impedit placeat quia ratione recusandae repudiandae similique. Ab cum deleniti | |
| dolore eligendi impedit.</p> | |
| <img src="" alt="" width="740"> | |
| </article> | |
| <aside id="lateral"> | |
| <div class="oscuro"> | |
| <h3>Que hacemos</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, asperiores aut, beatae dolor doloribus | |
| earum enim eum impedit placeat quia ratione recusandae repudiandae similique. Ab cum deleniti dolore eligendi | |
| impedit.</p> | |
| </div> | |
| </aside> | |
| </div> | |
| </section> | |
| <footer> | |
| <p>L0G0TYP0 Desarrollo Web, Copyright © 2017</p> | |
| </footer> | |
| </body> | |
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="es"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge" /> | |
| <title>L0G0TYP0_01 | Bienvenidos</title> | |
| <link rel="stylesheet" href="estilos.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="contenedor"> | |
| <div id="marca"> | |
| <h1> <span class="resaltado">L0G0TYP0 </span>Diseño y Desarrollo Web</h1> | |
| </div> | |
| <nav> | |
| <ul> | |
| <li><a href="index.html">Inicio</a></li> | |
| <li><a href="nosotros.html">Nosotros</a></li> | |
| <li class="actual"><a href="servicios.html">Servicios</a></li> | |
| <li><a href="contacto.html">Contacto</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| </header> | |
| <section id="boletin"> | |
| <div class="contenedor"> | |
| <h1>Suscríbete a nuestro boletín</h1> | |
| <form> | |
| <input type="email" name="email" placeholder="Ingrese el email..." /> | |
| <button class="boton1" type="submit">Suscíbete</button> | |
| </form> | |
| </div> | |
| </section> | |
| <section id="main"> | |
| <div class="contenedor"> | |
| <article id="main-col"> | |
| <h1>Servicios</h1> | |
| <ul id="servicios"> | |
| <li> | |
| <h3>Diseño Web</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, asperiores aut, beatae dolor doloribus | |
| earum enim eum impedit placeat quia ratione recusandae repudiandae similique. Ab cum deleniti dolore eligendi | |
| impedit.</p> | |
| <p>Precio: $300000 - $1000000</p> | |
| </li> | |
| <li> | |
| <h3>Desarrollo Web</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, asperiores aut, beatae dolor doloribus | |
| earum enim eum impedit placeat quia ratione recusandae repudiandae similique. Ab cum deleniti dolore eligendi | |
| impedit.</p> | |
| <p>Precio desde: $1000000</p> | |
| </li> | |
| <li> | |
| <h3>Hosting Web</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, asperiores aut, beatae dolor doloribus | |
| earum enim eum impedit placeat quia ratione recusandae repudiandae similique. Ab cum deleniti dolore eligendi | |
| impedit.</p> | |
| <p>Precio desde: $300000</p> | |
| </li> | |
| </ul> | |
| </article> | |
| <aside id="lateral"> | |
| <div class="oscuro"> | |
| <h3>Que hacemos</h3> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, asperiores aut, beatae dolor doloribus | |
| earum enim eum impedit placeat quia ratione recusandae repudiandae similique. Ab cum deleniti dolore eligendi | |
| impedit.</p> | |
| </div> | |
| </aside> | |
| </div> | |
| </section> | |
| <footer> | |
| <p>L0G0TYP0 Desarrollo Web, Copyright © 2017</p> | |
| </footer> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment