Categorías
Python

Introducción a Git y Github para Python Desarrolladores

 

Tabla de Contenidos

  • páginas altamente especializados se
  • atraer la atención y los primeros pasos altamente especializados
  • En
  • estilo más
  • Cierre pensamientos

Lo que originalmente era una serie de 2 partes en Bootstrap se ha desplazado a tres piezas con la adición de esta entrada del blog de William Ghelfi. Usted puede agarrar los últimos estilos / páginas de este repositorio.

En el primer post, nos dimos un vistazo a los fundamentos de la rutina de carga 3 y cómo diseñar un sitio web básico. Tomemos un paso más allá y crear una buena página de destino de las ventas.

Uno de los mitos más comunes acerca de Bootstrap es que en realidad no puede utilizarlo para algo tan diferente y altamente especializado como, por ejemplo, una página de ventas.

y eso es lo que es. Un mito. Debunk de

Vamos juntos de la mejor manera posible: la construcción de ésta.

páginas altamente especializadas están altamente especializados

páginas de ventas exitosas siguen reglas precisas. No sé a todos ellos, y yo no voy a decir que todo lo que hay que aprender sobre los que conozco.

En su lugar, voy a tratar de reducirlos a pequeñas píldoras eficaces que puede empezar a experimentar con.

que atraiga la atención y los primeros pasos de

Lo que la mejor manera de llamar su atención?

Una gran pregunta en negrita seguido por un subtítulo decente.

A continuación, proceder con una breve introducción de la dolor que se va a retirar de su cliente es un .. de la vida de su cliente (!) Gracias a su producto.

Con Bootstrap, podemos construir de esta manera:




Bootstrap Sales Page.<itle><br /> <meta name="author" content="" /><br /> <meta name="description" content="" /><br /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="http:/<br />etdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" /><br /> </head><br /> <body></p> <header class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1"> <h1>Have you ever seen the rain?</h1> <p class="lead">You should always open a sales page with a catchy question.</p> </p></div> </p></div> </header> <div class="container"> <div class="row"> <div class="col-xs-12 col-md-4 col-md-offset-1"> <p> Proceed then with the classic triplet: the pain, the dream, the solution. </p> <p> <strong>The pain</strong> ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /><strong>The dream</strong> enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. </p> <p> <strong>The solution</strong> selfies semiotics keffiyeh master cleanse Vice before they sold out. Vegan 90's tofu pork belly skateboard, Truffaut tote bag. </p> <p> <em><strong>Interested?<br /> <a href="#packages">Go straight to the packages.</a></strong></em> </p> </p></div> <div class="col-xs-12 col-md-6"> <figure class="text-center"> <img src="https://eltecnofilo.es/wp-content/uploads/2020/03/400x300.png" alt="The Amazing Product" class="img-thumbnail" /><br /> </figure> </p></div> </p></div> <hr /> <div class="row"> <figure class="col-md-2 col-md-offset-1"> <img src="https://eltecnofilo.es/wp-content/uploads/2020/03/100x100.png" alt="Jonathan F. Doe" class="img-responsive img-circle pull-right" /><br /> </figure> <blockquote class="col-md-7"> <p> Testimonials are important. Be sure to include some in your sales page. </p> <p> With Product, my sales page was <strong>online in minutes</strong>. And it rocks!. </p> <p> <small>Jonathan F. Doe, CIO at Lorem Ipsum</small> </p></blockquote></div> </div> <p></body><br /> </html><br /> </code> </p> <p> <img src="https://eltecnofilo.es/wp-content/uploads/2020/03/sales-page-bootstrap3-sshot-1.f30aa9a3f76c.png"> </p> <p> No está mal, pero vamos a añadir algunas personalizaciones: </p> <p> <code></p> <style> <p>@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400italic,700italic,400,700|Fjalla+One);</p> <p>body { font-size: 18px; font-family: "Open Sans", Arial, sans-serif; color: #292b33; }</p> <p>h1, h2 { font-family: 'Fjalla One', 'Helvetica Neue', Arial, sans-serif; font-size: 52px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; text-align: left; margin: 1em 0 0 0; }</p> <p>p { line-height: 1.5; margin: 0 0 20px 0; }</p> <p>blockquote { border-left: none; position: relative; }</p> <p>blockquote::before { content: '“'; position: absolute; top: 0; left: 0; font-size: 48px; font-family: "inherit"; font-weight: bold; }</p> <p>blockquote p { margin: 0 0 10px 20px; font-style: italic; font-family: "Georgia"; }</p> <p>em { font-family: Georgia, serif; font-size: 1.1em; }</p> <p>.lead { margin-top: 0.25em; }</p> </style> <p></code> </p> <p> <img src="https://eltecnofilo.es/wp-content/uploads/2020/03/sales-page-bootstrap3-sshot-2.7d0de93bc77a.png"> </p> <p> comenzar a conseguir mejor! </p> <h2> En llegado el momento de </h2> <p> Es mejor introducir <strong> su solución para el dolor </strong>. </p> <p> Inicio proporcionar valor: una buena muestra gratuita del producto. A continuación, establecer tres variantes / paquetes diferentes, con diferentes extras, y el precio en consecuencia. </p> <p> <strong> Por qué tres? </strong> </p> <p> Digamos que un paquete de $ 99 media siente tanto muy asequible y valiosa entre un paquete base a los 39 $ y un paquete completo en 249 $. </p> <p> Decidir el orden – de menor a mayor o de mayor a menor – es sólo una cuestión de saber lo que se va después. </p> <p> Si su objetivo es vender un mayor número de paquete más bajo, hacer que sus visitantes lleguen a esa antes de que lleguen los demás. De lo contrario, actuar de la manera opuesta alrededor. </p> <p> Más sobre el tema, en un gran puesto por Nathan Barry. </p> <p> Y aquí está el código: </p> <p> <code> ...</p> <style> ...</p> <p> .bg-white-dark { border-top: 1px solid #cccbd6; border-bottom: 1px solid #cccbd6; background-color: #e7e6f3; /* Older Browsers */ background-color: rgba(231, 230, 243, 0.9); }</p> <p>.container { padding-top: 2em; padding-bottom: 2em; }</p> <p>ul { list-style-type: circle; } </style> <div class="bg-white-dark" id="free-sample"> <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1"> <h2>Get a free sample</h2> <p class="lead">A taste of what is included with the product.</p> </p></div> </p></div> <div class="row"> <div class="col-md-10 col-md-offset-1"> <div class="panel panel-default"> <div class="panel-body text-center"> <img alt="sample" src="https://eltecnofilo.es/wp-content/uploads/2020/03/500x250.png" class="img-rounded" /></p> <p>Describe the sample dolor sit amet and why should I want to get it adipiscint elit.</p> <p> <a href="#" class="btn btn-lg btn-default text-uppercase"><br /> <span class="icon icon-download-alt"></span> <br /> Download the sample<br /> </a> </p> </p></div> </p></div> </p></div> </p></div> </p></div> </div> <div class="container" id="packages"> <div class="row"> <div class="col-md-12"> <h2> The Complete Package<br /> <span class="pull-right"><br /> <a class="btn btn-success btn-lg" href="#"><br /> <span class="text-uppercase"><span class="text-white-dark">Buy now for</span> $249</span><br /> </a><br /> </span><br /> </h2> <p class="lead"> Cosby sweater cray skateboard. </p> </p></div> </p></div> <div class="row"> <div class="media"> <figure class="pull-left col-xs-12 col-md-4"> <img src="https://eltecnofilo.es/wp-content/uploads/2020/03/300x250.png" alt="The Amazing Product" class="media-object img-thumbnail" /><br /> </figure> <div class="media-body col-xs-12 col-md-7"> <h3 class="media-heading">The best package for lorem ipsumer</h3> <p> Mustache farm-to-table deep v cardigan, Banksy Godard roof party PBR&B. </p> <ul> <li>Details</li> <li>Lorem ipsum</li> <li>Nostrud exercitation</li> <li>Resources ipsum</li> <li>Adipiscit resource</li> <li>Resource numquam</li> <li>Resources ipsum</li> <li>Adipiscit resource</li> <li>Resource numquam</li> </ul></div> </p></div> </p></div> </div> <div class="bg-white-dark"> <div class="container"> <div class="row"> <div class="col-md-12"> <h2> The Amazing Product + Resources<br /> <span class="pull-right"><br /> <a class="btn btn-success btn-lg" href="#"><br /> <span class="text-uppercase"><span class="text-white-dark">Buy now for</span> $99</span><br /> </a><br /> </span><br /> </h2> <p class="lead"> Cosby sweater cray skateboard. </p> </p></div> </p></div> <div class="row"> <div class="media"> <figure class="pull-left col-xs-12 col-md-4"> <img src="https://eltecnofilo.es/wp-content/uploads/2020/03/300x250.png" alt="The Amazing Product" class="media-object img-thumbnail" /><br /> </figure> <div class="media-body col-xs-12 col-md-7"> <h3 class="media-heading">Perfect for nostrud lorem</h3> <p> Mustache farm-to-table deep v cardigan, Banksy Godard roof party PBR&B. </p> <ul> <li>Details</li> <li>Lorem ipsum</li> <li>Nostrud exercitation</li> <li>Resources ipsum</li> </ul></div> </p></div> </p></div> </p></div> </div> <div class="container"> <div class="row"> <div class="col-md-12"> <h2> The Amazing Product<br /> <span class="pull-right"><br /> <a class="btn btn-success btn-lg" href="#"><br /> <span class="text-uppercase"><span class="text-white-dark">Buy now for</span> $39</span><br /> </a><br /> </span><br /> </h2> <p class="lead"> Cosby sweater cray skateboard. </p> </p></div> </p></div> <div class="row"> <div class="media"> <figure class="pull-left col-xs-12 col-md-4"> <img src="https://eltecnofilo.es/wp-content/uploads/2020/03/300x250.png" alt="The Amazing Product" class="media-object img-thumbnail" /><br /> </figure> <div class="media-body col-xs-12 col-md-7"> <h3 class="media-heading">The budget option</h3> <p> Mustache farm-to-table deep v cardigan, Banksy Godard roof party PBR&B. </p> <p> Cliche sartorial roof party, shabby chic sustainable VHS food truck 90's four loko. Etsy hoodie distillery, organic beard DIY cliche. </p> </p></div> </p></div> </p></div> </div> <p></code> </p> <p> <img src="https://eltecnofilo.es/wp-content/uploads/2020/03/sales-page-bootstrap3-sshot-3.ca8e604a3127.png"> </p> <h2> estilo más </h2> <p> Estamos casi hecho, pero incluso si añadimos que la variación de color con .bg-blanco-oscuro – que es, por cierto, en realidad lila sólo porque con un nombre como .bg-blanco-oscuro se puede cambiar a su color deseado sin tener que cambiar el nombre de la clase – el aspecto general y la sensación se pueden mejorar aún más, y se puede hacer aún más diferente de la rutina de carga básica. complemento de </p> <p> Let algunos estilos más: </p> <p> <code>...</p> <style> ...</p> <p>.text-white-dark { color: #e7e6f3; }</p> <p>.btn-default { font-family: "Fjalla One", sans-serif; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }</p> <p>.btn-default:active, .btn-default.active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }</p> <p>.btn:active, .btn.active { background-image: none; }</p> <p>.btn-default { text-shadow: 0 1px 0 #fff; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e6e6e6, 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%); background-repeat: repeat-x; border-color: #e0e0e0; border-color: #ccc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); }</p> <p>.btn-default:active, .btn-default.active { background-color: #e6e6e6; border-color: #e0e0e0; }</p> <p>.btn-success { font-family: "Fjalla One", sans-serif; }</p> <p>.btn-success { background: #9292c0; /* Old browsers */ background: -moz-linear-gradient(top, #9292c0 0%, #8181b7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9292c0), color-stop(100%,#8181b7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9292c0 0%,#8181b7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9292c0 0%,#8181b7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9292c0 0%,#8181b7 100%); /* IE10+ */ background: linear-gradient(to bottom, #9292c0 0%,#8181b7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9292c0', endColorstr='#8181b7',GradientType=0 ); /* IE6-9 */ border-color: #f1ddff; }</p> <p>.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { color: #fbfafc; background: #a3a3d1; /* Old browsers */ background: -moz-linear-gradient(top, #a3a3d1 0%, #9292c8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3d1), color-stop(100%,#9292c8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a3a3d1 0%,#9292c8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a3a3d1 0%,#9292c8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a3a3d1 0%,#9292c8 100%); /* IE10+ */ background: linear-gradient(to bottom, #a3a3d1 0%,#9292c8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3d1', endColorstr='#9292c8',GradientType=0 ); /* IE6-9 */ border-color: #f1ddff; }</p> <p>.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { color: #fbfafc; background: #a3a3d1; /* Old browsers */ background: -moz-linear-gradient(top, #a3a3d1 0%, #9292c8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3d1), color-stop(100%,#9292c8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a3a3d1 0%,#9292c8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a3a3d1 0%,#9292c8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a3a3d1 0%,#9292c8 100%); /* IE10+ */ background: linear-gradient(to bottom, #a3a3d1 0%,#9292c8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a3d1', endColorstr='#9292c8',GradientType=0 ); /* IE6-9 */ border-color: #f1ddff; }</p> </style> <p>...<br /> </code> </p> <p> <img src="https://eltecnofilo.es/wp-content/uploads/2020/03/sales-page-bootstrap3-sshot-4.f37b47df5fd9.png"> </p> <h2> pensamientos de cierre </h2> <p> eso es todo. Construimos y personalizada una página de ventas con un mínimo de Bootstrap. La página parece en nada a la misma página de edad Bootstrap, y – lo mejor de todo – lo que realmente funciona en la conducción de rendimiento de las ventas! Échale un vistazo aquí. </p> <p> Ok, supongo que es <em> tiempo de la revelación completa </em>: la página que construimos juntos es el núcleo de una página real, la vida real probado, las ventas. </p> <p> escribí <em> Bootstrap En la práctica </em>, un libro electrónico para empezar, a <strong> obtener </strong> ellos <strong> rápida productiva </strong> y <strong> se remontan a los beneficios </strong>, sin <strong> obtener </strong> ting atrapado en los documentos oficiales o ir demasiado / demasiado pronto en profundidad dirigido por mera curiosidad intelectual. </p> <p> Puede encontrar la página verdadera, completa, batalla probado ventas en mi sitio web, donde también ofrecen un día 30 curso gratuito sobre consejos de rutina de carga junto a un capítulo de la muestra libre del libro electrónico. </p> <p> La próxima vez vamos a añadir a la mezcla Frasco y crear un buen aspecto repetitivo que puede utilizar para su propia aplicación web. ¡Salud! </p> </div><!-- .entry-content --> </div><!-- .post-inner --> <div class="section-inner"> </div><!-- .section-inner --> <nav class="pagination-single section-inner" aria-label="Entrada" role="navigation"> <hr class="styled-separator is-style-wide" aria-hidden="true" /> <div class="pagination-single-inner"> <a class="previous-post" href="https://eltecnofilo.es/su-guia-para-la-funcion-de-impresion-del-piton/"> <span class="arrow" aria-hidden="true">←</span> <span class="title"><span class="title-inner">Su guía para la función de impresión del pitón</span></span> </a> <a class="next-post" href="https://eltecnofilo.es/y-los-saltos-de-linea-se-tendra-en-cuenta-printa/"> <span class="arrow" aria-hidden="true">→</span> <span class="title"><span class="title-inner">y los saltos de línea se tendrá en cuenta: </p> <code>>>> print('a</span></span> </a> </div><!-- .pagination-single-inner --> <hr class="styled-separator is-style-wide" aria-hidden="true" /> </nav><!-- .pagination-single --> <div class="comments-wrapper section-inner"> <div id="respond" class="comment-respond"> <h2 id="reply-title" class="comment-reply-title">Deja un comentario <small><a rel="nofollow" id="cancel-comment-reply-link" href="/introduccion-a-git-y-github-para-python-desarrolladores/#respond" style="display:none;">Cancelar la respuesta</a></small></h2><form action="https://eltecnofilo.es/wp-comments-post.php" method="post" id="commentform" class="section-inner thin max-percentage" novalidate><p class="comment-notes"><span id="email-notes">Tu dirección de correo electrónico no será publicada.</span> Los campos obligatorios están marcados con <span class="required">*</span></p><p class="comment-form-comment"><label for="comment">Comentario</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Nombre <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" required='required' /></p> <p class="comment-form-email"><label for="email">Correo electrónico <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required='required' /></p> <p class="comment-form-url"><label for="url">Web</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Guardar mi nombre, correo electrónico y sitio web en este navegador para la próxima vez que haga un comentario.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Publicar el comentario" /> <input type='hidden' name='comment_post_ID' value='6995' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div><!-- .comments-wrapper --> </article><!-- .post --> </main><!-- #site-content --> <div class="footer-nav-widgets-wrapper header-footer-group"> <div class="footer-inner section-inner"> <aside class="footer-widgets-outer-wrapper" role="complementary"> <div class="footer-widgets-wrapper"> <div class="footer-widgets column-one grid-item"> <div class="widget widget_search"><div class="widget-content"><form role="search" method="get" class="search-form" action="https://eltecnofilo.es/"> <label for="search-form-2"> <span class="screen-reader-text">Buscar:</span> <input type="search" id="search-form-2" class="search-field" placeholder="Buscar …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Buscar" /> </form> </div></div> <div class="widget widget_recent_entries"><div class="widget-content"> <h2 class="widget-title subheading heading-size-3">Entradas recientes</h2> <ul> <li> <a href="https://eltecnofilo.es/vps-cloud-hosting/">VPS cloud hosting</a> </li> <li> <a href="https://eltecnofilo.es/versiones-de-ejecucion-de-python-en-acoplable-como-probar-la-ultima-release-python/">Versiones de ejecución de Python en acoplable: Cómo probar la última Release Python</a> </li> <li> <a href="https://eltecnofilo.es/leer-y-escribir-archivos-csv/">Leer y escribir archivos CSV</a> </li> <li> <a href="https://eltecnofilo.es/python-puro-vs-vs-numpy-tensorflow-comparacion-de-rendimiento/">Python puro vs vs NumPy TensorFlow Comparación de Rendimiento</a> </li> <li> <a href="https://eltecnofilo.es/estructura-python-programa-lexico/">Estructura Python Programa léxico</a> </li> </ul> </div></div><div class="widget widget_recent_comments"><div class="widget-content"><h2 class="widget-title subheading heading-size-3">Comentarios recientes</h2><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href="https://wordpress.org/" rel="external nofollow ugc" class="url">A WordPress Commenter</a></span> en <a href="https://eltecnofilo.es/hello-world/#comment-1">Hello world!</a></li></ul></div></div> </div> <div class="footer-widgets column-two grid-item"> <div class="widget widget_archive"><div class="widget-content"><h2 class="widget-title subheading heading-size-3">Archivos</h2> <ul> <li><a href='https://eltecnofilo.es/2020/04/'>abril 2020</a></li> <li><a href='https://eltecnofilo.es/2020/03/'>marzo 2020</a></li> <li><a href='https://eltecnofilo.es/2019/12/'>diciembre 2019</a></li> </ul> </div></div><div class="widget widget_categories"><div class="widget-content"><h2 class="widget-title subheading heading-size-3">Categorías</h2> <ul> <li class="cat-item cat-item-22"><a href="https://eltecnofilo.es/category/python/">Python</a> </li> <li class="cat-item cat-item-1"><a href="https://eltecnofilo.es/category/uncategorized/">Uncategorized</a> </li> </ul> </div></div><div class="widget widget_meta"><div class="widget-content"><h2 class="widget-title subheading heading-size-3">Meta</h2> <ul> <li><a rel="nofollow" href="https://eltecnofilo.es/wp-login.php">Acceder</a></li> <li><a href="https://eltecnofilo.es/feed/">Feed de entradas</a></li> <li><a href="https://eltecnofilo.es/comments/feed/">Feed de comentarios</a></li> <li><a href="https://es.wordpress.org/">WordPress.org</a></li> </ul> </div></div> </div> </div><!-- .footer-widgets-wrapper --> </aside><!-- .footer-widgets-outer-wrapper --> </div><!-- .footer-inner --> </div><!-- .footer-nav-widgets-wrapper --> <footer id="site-footer" role="contentinfo" class="header-footer-group"> <div class="section-inner"> <div class="footer-credits"> <p class="footer-copyright">© 2020 <a href="https://eltecnofilo.es/">My Blog</a> </p><!-- .footer-copyright --> <p class="powered-by-wordpress"> <a href="https://es.wordpress.org/"> Funciona gracias a WordPress </a> </p><!-- .powered-by-wordpress --> </div><!-- .footer-credits --> <a class="to-the-top" href="#site-header"> <span class="to-the-top-long"> Ir arriba <span class="arrow" aria-hidden="true">↑</span> </span><!-- .to-the-top-long --> <span class="to-the-top-short"> Subir <span class="arrow" aria-hidden="true">↑</span> </span><!-- .to-the-top-short --> </a><!-- .to-the-top --> </div><!-- .section-inner --> </footer><!-- #site-footer --> <script src='https://eltecnofilo.es/wp-includes/js/comment-reply.min.js?ver=5.3.4'></script> <script src='https://eltecnofilo.es/wp-includes/js/wp-embed.min.js?ver=5.3.4'></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>