{"id":527,"date":"2020-08-11T14:59:13","date_gmt":"2020-08-11T14:59:13","guid":{"rendered":"https:\/\/alexcgdesign.com\/blog\/?p=527"},"modified":"2023-07-29T03:56:47","modified_gmt":"2023-07-29T03:56:47","slug":"crea-una-pagina-web","status":"publish","type":"post","link":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/","title":{"rendered":"Como crear una pagina web con HTML CSS y Vanilla Javascript"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"527\" class=\"elementor elementor-527\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bd04cf3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bd04cf3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e9f09b8\" data-id=\"e9f09b8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-38a3c8d elementor-widget elementor-widget-text-editor\" data-id=\"38a3c8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Holaaa, \u00bfQuieres aprender a crear una p\u00e1gina web con HTML, CSS y Vanilla Javascript y que adem\u00e1s sea adaptable a cualquier dispositivo (responsive design)?<\/p><p>Si tu repuesta es afirmativa te mostrar\u00e9 como crear esta p\u00e1gina web desde cero donde igual aprender\u00e1s como implementar un men\u00fa animado y un efecto lightbox. Por \u00faltimo podr\u00e1s descargar los recursos para su creaci\u00f3n y as\u00ed puedas subirla a internet.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef90ba7 elementor-widget elementor-widget-image\" data-id=\"ef90ba7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/08\/Crea-una-pagina-web-con-html-css-y-javascript-1024x576.png\" class=\"attachment-large size-large wp-image-528\" alt=\"aprende a crear una pagina web con html css y javascript\" srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/08\/Crea-una-pagina-web-con-html-css-y-javascript-1024x576.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/08\/Crea-una-pagina-web-con-html-css-y-javascript-300x169.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/08\/Crea-una-pagina-web-con-html-css-y-javascript-720x405.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/08\/Crea-una-pagina-web-con-html-css-y-javascript-768x432.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/08\/Crea-una-pagina-web-con-html-css-y-javascript.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1dd80c7 elementor-widget elementor-widget-text-editor\" data-id=\"1dd80c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>La imagen anterior es el proyecto finalizado que haremos a continuaci\u00f3n, es una p\u00e1gina web hecha con HTML, CSS y JavaScript, con un efecto lightbox y un men\u00fa animado, que la hacen una p\u00e1gina web novedosa gracias a sus animaciones e ilustraciones.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29ca4a8 elementor-widget elementor-widget-spacer\" data-id=\"29ca4a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-9ca3625 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9ca3625\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-d1d83dc\" data-id=\"d1d83dc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-52a6aaa elementor-widget elementor-widget-heading\" data-id=\"52a6aaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00a1Te voy a contar un secreto! \ud83d\udc40<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-924637e elementor-widget elementor-widget-text-editor\" data-id=\"924637e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Al final de este articulo hay dos regalos para ti. (Entre ellos la plantilla descargable)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ec9063d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ec9063d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e9f0e3f\" data-id=\"e9f0e3f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9589865 elementor-widget elementor-widget-spacer\" data-id=\"9589865\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6290943 elementor-widget elementor-widget-heading\" data-id=\"6290943\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1\u00b0 Ver el tutorial de YouTube \"\ud83d\udcbb Como CREAR una PAGINA WEB con HTML CSS y JAVASCRIPT\"<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79b478f elementor-widget elementor-widget-video\" data-id=\"79b478f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/ivyIqmczxHU&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a067740 elementor-widget elementor-widget-text-editor\" data-id=\"a067740\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Antes que nada lo m\u00e1s importante es ver el tutorial para poder crear paso a paso el proyecto desde cero.<\/p><p>Una vez que hayas visto el v\u00eddeo de como crear una pagina web con html css y javascript, procederemos a buscar los recursos utilizados en la p\u00e1gina web para poder hacer y personalizar nuestra p\u00e1gina web.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35b4b20 elementor-button-danger elementor-widget elementor-widget-button\" data-id=\"35b4b20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/youtu.be\/ivyIqmczxHU\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-youtube\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir al tutorial<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1298990 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1298990\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2561ac9\" data-id=\"2561ac9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-107714b elementor-widget elementor-widget-spacer\" data-id=\"107714b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-991cd01 elementor-widget elementor-widget-heading\" data-id=\"991cd01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2\u00b0 Boxicons<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0349e9a elementor-widget elementor-widget-image\" data-id=\"0349e9a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"517\" data-src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/boxicons-iconos-svg-1024x517.png\" class=\"attachment-large size-large wp-image-496 lazyload\" alt=\"descarga iconos svg en boxicons\" data-srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/boxicons-iconos-svg-1024x517.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/boxicons-iconos-svg-300x151.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/boxicons-iconos-svg-720x363.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/boxicons-iconos-svg-768x387.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/boxicons-iconos-svg.png 1362w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/517;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ce396aa elementor-widget elementor-widget-text-editor\" data-id=\"ce396aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Boxicons es un banco de ilustraciones gratuito que nos permite usar sus iconos de manera gratuita en nuestros proyectos, en este caso en la pagina web con html css y javascript.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-88561fb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"88561fb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-468f75c\" data-id=\"468f75c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cb3f23c elementor-button-warning elementor-align-center elementor-widget elementor-widget-button\" data-id=\"cb3f23c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/alexcgdesign.com\/blog\/recursos-para-diseno-web-herramientas-para-el-diseno-web-html-y-css\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-book-open\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Descubre m\u00e1s recursos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-290a93c\" data-id=\"290a93c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aea1d02 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"aea1d02\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/boxicons.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-check-circle\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir a Boxicons<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-71f24b0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"71f24b0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-42cc3cc\" data-id=\"42cc3cc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fbcb739 elementor-widget elementor-widget-spacer\" data-id=\"fbcb739\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f875b64 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f875b64\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d4f9fa3\" data-id=\"d4f9fa3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a74d56 elementor-widget elementor-widget-heading\" data-id=\"9a74d56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3\u00b0 ManyPixels<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33cfbaf elementor-widget elementor-widget-image\" data-id=\"33cfbaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"494\" data-src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/many-pixels-ilustraciones-1024x494.png\" class=\"attachment-large size-large wp-image-483 lazyload\" alt=\"obten ilustraciones svg en many pixels\" data-srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/many-pixels-ilustraciones-1024x494.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/many-pixels-ilustraciones-300x145.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/many-pixels-ilustraciones-720x348.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/many-pixels-ilustraciones-768x371.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/many-pixels-ilustraciones.png 1361w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/494;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b623203 elementor-widget elementor-widget-text-editor\" data-id=\"b623203\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Manypixels es un banco de ilustraciones gratuitas, estas ilustraciones son las que ocuparemos en nuestra p\u00e1gina web, en la parte de abajo te anexo el enlace a manypixels y un enlace por si quieres conocer m\u00e1s recursos como este.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2e746db elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2e746db\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-2639265\" data-id=\"2639265\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a88e014 elementor-button-warning elementor-align-center elementor-widget elementor-widget-button\" data-id=\"a88e014\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/alexcgdesign.com\/blog\/recursos-para-diseno-web-herramientas-para-el-diseno-web-html-y-css\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-book-open\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Descubre m\u00e1s recursos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fbf652e\" data-id=\"fbf652e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-571ec60 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"571ec60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/www.manypixels.co\/gallery\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-check-circle\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir a manypixels<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f4e8f1d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f4e8f1d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7b79fbe\" data-id=\"7b79fbe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56cc466 elementor-widget elementor-widget-spacer\" data-id=\"56cc466\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-63aae64 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"63aae64\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-10788fb\" data-id=\"10788fb\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7a622eb elementor-widget elementor-widget-heading\" data-id=\"7a622eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DOMINA CSS COMO UN EXPERTO.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12c42ea elementor-widget elementor-widget-text-editor\" data-id=\"12c42ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Al finalizar este curso ser\u00e1s un experto y podr\u00e1s crear cualquier proyecto con CSS, \u00bf Te perder\u00e1s la oportunidad?<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0f9e6d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"c0f9e6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/alexcgdesign.com\/cursocss\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ingresa al curso<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-71447f3 elementor-widget elementor-widget-spacer\" data-id=\"71447f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b268aa7 elementor-widget elementor-widget-heading\" data-id=\"b268aa7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4\u00b0 Web gradients<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1522fdb elementor-widget elementor-widget-image\" data-id=\"1522fdb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"491\" data-src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/web-gradients-1024x491.png\" class=\"attachment-large size-large wp-image-492 lazyload\" alt=\"web gradientes, biblioteca de gradientes\" data-srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/web-gradients-1024x491.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/web-gradients-300x144.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/web-gradients-720x345.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/web-gradients-768x368.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/web-gradients.png 1366w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/491;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8dfac3 elementor-widget elementor-widget-text-editor\" data-id=\"b8dfac3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Webgradientes es una p\u00e1gina que nos provee de una paleta de gradientes que podemos utilizar en nuestros proyectos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-099e10b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"099e10b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4c2bd05\" data-id=\"4c2bd05\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-86eda78 elementor-button-warning elementor-align-center elementor-widget elementor-widget-button\" data-id=\"86eda78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/alexcgdesign.com\/blog\/recursos-para-diseno-web-herramientas-para-el-diseno-web-html-y-css\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-book-open\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Descubre m\u00e1s recursos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cc13298\" data-id=\"cc13298\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e42c314 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"e42c314\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/webgradients.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-check-circle\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir a webgradients<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d59381e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d59381e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-87c7b3f\" data-id=\"87c7b3f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e9e8e97 elementor-widget elementor-widget-spacer\" data-id=\"e9e8e97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c2c34f5 elementor-widget elementor-widget-heading\" data-id=\"c2c34f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5\u00b0 Unsplash<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f2e680 elementor-widget elementor-widget-image\" data-id=\"2f2e680\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"493\" data-src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/unsplash-1-1024x493.png\" class=\"attachment-large size-large wp-image-494 lazyload\" alt=\"\" data-srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/unsplash-1-1024x493.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/unsplash-1-300x144.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/unsplash-1-720x346.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/unsplash-1-768x369.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/unsplash-1.png 1366w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/493;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94090ef elementor-widget elementor-widget-text-editor\" data-id=\"94090ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Unsplash es un banco de im\u00e1genes gratuito donde podemos obtener im\u00e1genes libres de derechos de autor para utilizar en nuestros proyecto.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f28fb00 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f28fb00\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-f3902f8\" data-id=\"f3902f8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-092ed41 elementor-button-warning elementor-align-center elementor-widget elementor-widget-button\" data-id=\"092ed41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/alexcgdesign.com\/blog\/recursos-para-diseno-web-herramientas-para-el-diseno-web-html-y-css\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-book-open\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Descubre m\u00e1s recursos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b9d8368\" data-id=\"b9d8368\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7cad379 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7cad379\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/unsplash.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-check-circle\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir a unsplash<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5697e29 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5697e29\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-03fe1cd\" data-id=\"03fe1cd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a69791e elementor-widget elementor-widget-spacer\" data-id=\"a69791e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac41ec1 elementor-widget elementor-widget-heading\" data-id=\"ac41ec1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">6\u00b0 Google fonts<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-75b55ef elementor-widget elementor-widget-image\" data-id=\"75b55ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"494\" data-src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/google-fonts-fuentes-para-tu-sitio-web-libre-1024x494.png\" class=\"attachment-large size-large wp-image-485 lazyload\" alt=\"obten fuentes gratuitas para tu sitio web\" data-srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/google-fonts-fuentes-para-tu-sitio-web-libre-1024x494.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/google-fonts-fuentes-para-tu-sitio-web-libre-300x145.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/google-fonts-fuentes-para-tu-sitio-web-libre-720x348.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/google-fonts-fuentes-para-tu-sitio-web-libre-768x371.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/06\/google-fonts-fuentes-para-tu-sitio-web-libre.png 1365w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/494;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be40a2c elementor-widget elementor-widget-text-editor\" data-id=\"be40a2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Uno de los recurso que no puede faltar en ninguna p\u00e1gina, ni proyecto, Google fonts nos permite obtener bastantes tipograf\u00edas gratuitas para utilizar en nuestro proyecto.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-34d8c18 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"34d8c18\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5ff72ea\" data-id=\"5ff72ea\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a29ea4 elementor-button-warning elementor-align-center elementor-widget elementor-widget-button\" data-id=\"4a29ea4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/alexcgdesign.com\/blog\/recursos-para-diseno-web-herramientas-para-el-diseno-web-html-y-css\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-book-open\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Descubre m\u00e1s recursos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-11f7a60\" data-id=\"11f7a60\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b77325d elementor-align-center elementor-widget elementor-widget-button\" data-id=\"b77325d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/fonts.google.com\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-check-circle\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ir a Google fonts<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4218a0f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4218a0f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-803bb68\" data-id=\"803bb68\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c8fbeb8 elementor-widget elementor-widget-spacer\" data-id=\"c8fbeb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d2d36e2 elementor-widget elementor-widget-heading\" data-id=\"d2d36e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">7\u00b0 RECURSO FINAL: Hostinger.<br><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ae0969 elementor-widget elementor-widget-image\" data-id=\"1ae0969\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"505\" data-src=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2023\/07\/hostinger-imagen-1024x505.png\" class=\"attachment-large size-large wp-image-740 lazyload\" alt=\"Hostinger c\u00f3digo descuento &quot;ALEXCG&quot;\" data-srcset=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2023\/07\/hostinger-imagen-1024x505.png 1024w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2023\/07\/hostinger-imagen-300x148.png 300w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2023\/07\/hostinger-imagen-720x355.png 720w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2023\/07\/hostinger-imagen-768x379.png 768w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2023\/07\/hostinger-imagen-1536x758.png 1536w, https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2023\/07\/hostinger-imagen.png 1895w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/505;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29c19bc elementor-widget elementor-widget-text-editor\" data-id=\"29c19bc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Si lo que quieres hacer es subir tu sitio web a internet, te recomiendo Hostinger, el patrocinador oficial del BLOG. Utiliza el cup\u00f3n de DESCUENTO \u201cALEXCG\u201d en may\u00fasculas para obtener hasta un 60% de descuento.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d53f667 elementor-button-warning elementor-align-left elementor-widget elementor-widget-button\" data-id=\"d53f667\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/hostinger.com\/alexcg\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-book-open\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ingresa a Hostinger.<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f1da3db elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f1da3db\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fc057c5\" data-id=\"fc057c5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-563b889 elementor-widget elementor-widget-spacer\" data-id=\"563b889\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6efa8aa elementor-widget elementor-widget-heading\" data-id=\"6efa8aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\ud83c\udf81 \u00a1Descubre tus regalos!<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29f0c0b elementor-widget elementor-widget-text-editor\" data-id=\"29f0c0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Como has llegado al final del articulo te tengo dos sorpresas.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8d8035 elementor-widget elementor-widget-spacer\" data-id=\"f8d8035\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-484c643 elementor-widget elementor-widget-heading\" data-id=\"484c643\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Domina CSS  a FONDO.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26f0665 elementor-widget elementor-widget-text-editor\" data-id=\"26f0665\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>El primer regalo es un cup\u00f3n con 80% de descuento para el curso DOMINA CSS a FONDO. El cu\u00e1l tiene m\u00e1s de 27 horas de contenido, que te llevar\u00e1n desde lo m\u00e1s b\u00e1sico a avanzado.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-977c530 elementor-widget elementor-widget-button\" data-id=\"977c530\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/alexcgdesign.com\/cursocss\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u00a1Quiero mi cup\u00f3n!<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95b67db elementor-widget elementor-widget-spacer\" data-id=\"95b67db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a27b5d elementor-widget elementor-widget-heading\" data-id=\"8a27b5d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Descarga los archivos completos<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfe5297 elementor-widget elementor-widget-text-editor\" data-id=\"bfe5297\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00bfTienes alg\u00fan error en el c\u00f3digo o quieres descargar todos los archivo necesario para crear la p\u00e1gina web? Mi segundo regalo es la plantilla con el proyecto completo, listo para usar. (Puedes usarla para lo que tu quieras)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ada3cc elementor-widget elementor-widget-button\" data-id=\"4ada3cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"http:\/\/www.mediafire.com\/file\/ouifilchjzy4c1n\/website_hecho_con_vanilla_js.zip\/file\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Descargar archivos<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2042fb3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2042fb3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0d1ff0f\" data-id=\"0d1ff0f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Holaaa, \u00bfQuieres aprender a crear una p\u00e1gina web con HTML, CSS y Vanilla Javascript y que adem\u00e1s sea adaptable a cualquier dispositivo (responsive design)? Si tu repuesta es afirmativa te mostrar\u00e9 como crear esta p\u00e1gina web desde cero donde igual aprender\u00e1s como implementar un men\u00fa animado y un efecto lightbox. Por \u00faltimo podr\u00e1s descargar los [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":528,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-527","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Como crear una pagina web con HTML CSS y Vanilla Javascript - AlexCG Design | Blog<\/title>\n<meta name=\"description\" content=\"Aprende a crear una pagina web con html css y vanilla javascript, desde cero, adem\u00e1s aprender\u00e1s a adaptarla a dispositivos moviles.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como crear una pagina web con HTML CSS y Vanilla Javascript - AlexCG Design | Blog\" \/>\n<meta property=\"og:description\" content=\"Aprende a crear una pagina web con html css y vanilla javascript, desde cero, adem\u00e1s aprender\u00e1s a adaptarla a dispositivos moviles.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/\" \/>\n<meta property=\"og:site_name\" content=\"AlexCG Design | Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-11T14:59:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-29T03:56:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/08\/Crea-una-pagina-web-con-html-css-y-javascript.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"AlexCG Design\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"AlexCG Design\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/\"},\"author\":{\"name\":\"AlexCG Design\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\"},\"headline\":\"Como crear una pagina web con HTML CSS y Vanilla Javascript\",\"datePublished\":\"2020-08-11T14:59:13+00:00\",\"dateModified\":\"2023-07-29T03:56:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/\"},\"wordCount\":593,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Crea-una-pagina-web-con-html-css-y-javascript.png\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/\",\"name\":\"Como crear una pagina web con HTML CSS y Vanilla Javascript - AlexCG Design | Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Crea-una-pagina-web-con-html-css-y-javascript.png\",\"datePublished\":\"2020-08-11T14:59:13+00:00\",\"dateModified\":\"2023-07-29T03:56:47+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\"},\"description\":\"Aprende a crear una pagina web con html css y vanilla javascript, desde cero, adem\u00e1s aprender\u00e1s a adaptarla a dispositivos moviles.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/#primaryimage\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Crea-una-pagina-web-con-html-css-y-javascript.png\",\"contentUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/08\\\/Crea-una-pagina-web-con-html-css-y-javascript.png\",\"width\":1280,\"height\":720,\"caption\":\"aprende a crear una pagina web con html css y javascript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-una-pagina-web\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como crear una pagina web con HTML CSS y Vanilla Javascript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/\",\"name\":\"AlexCG Design | Blog\",\"description\":\"Crea y aprende a crear p\u00e1ginas web gratis, tutoriales de dise\u00f1o web AlexCG Design\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\",\"name\":\"AlexCG Design\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1781254124\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1781254124\",\"contentUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1781254124\",\"caption\":\"AlexCG Design\"},\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/author\\\/jordanalexandercg99\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como crear una pagina web con HTML CSS y Vanilla Javascript - AlexCG Design | Blog","description":"Aprende a crear una pagina web con html css y vanilla javascript, desde cero, adem\u00e1s aprender\u00e1s a adaptarla a dispositivos moviles.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/","og_locale":"es_ES","og_type":"article","og_title":"Como crear una pagina web con HTML CSS y Vanilla Javascript - AlexCG Design | Blog","og_description":"Aprende a crear una pagina web con html css y vanilla javascript, desde cero, adem\u00e1s aprender\u00e1s a adaptarla a dispositivos moviles.","og_url":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/","og_site_name":"AlexCG Design | Blog","article_published_time":"2020-08-11T14:59:13+00:00","article_modified_time":"2023-07-29T03:56:47+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/08\/Crea-una-pagina-web-con-html-css-y-javascript.png","type":"image\/png"}],"author":"AlexCG Design","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"AlexCG Design","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/#article","isPartOf":{"@id":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/"},"author":{"name":"AlexCG Design","@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a"},"headline":"Como crear una pagina web con HTML CSS y Vanilla Javascript","datePublished":"2020-08-11T14:59:13+00:00","dateModified":"2023-07-29T03:56:47+00:00","mainEntityOfPage":{"@id":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/"},"wordCount":593,"commentCount":0,"image":{"@id":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/#primaryimage"},"thumbnailUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/08\/Crea-una-pagina-web-con-html-css-y-javascript.png","articleSection":["Dise\u00f1o web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/","url":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/","name":"Como crear una pagina web con HTML CSS y Vanilla Javascript - AlexCG Design | Blog","isPartOf":{"@id":"https:\/\/alexcgdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/#primaryimage"},"image":{"@id":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/#primaryimage"},"thumbnailUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/08\/Crea-una-pagina-web-con-html-css-y-javascript.png","datePublished":"2020-08-11T14:59:13+00:00","dateModified":"2023-07-29T03:56:47+00:00","author":{"@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a"},"description":"Aprende a crear una pagina web con html css y vanilla javascript, desde cero, adem\u00e1s aprender\u00e1s a adaptarla a dispositivos moviles.","breadcrumb":{"@id":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/#primaryimage","url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/08\/Crea-una-pagina-web-con-html-css-y-javascript.png","contentUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2020\/08\/Crea-una-pagina-web-con-html-css-y-javascript.png","width":1280,"height":720,"caption":"aprende a crear una pagina web con html css y javascript"},{"@type":"BreadcrumbList","@id":"https:\/\/alexcgdesign.com\/blog\/crea-una-pagina-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/alexcgdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Como crear una pagina web con HTML CSS y Vanilla Javascript"}]},{"@type":"WebSite","@id":"https:\/\/alexcgdesign.com\/blog\/#website","url":"https:\/\/alexcgdesign.com\/blog\/","name":"AlexCG Design | Blog","description":"Crea y aprende a crear p\u00e1ginas web gratis, tutoriales de dise\u00f1o web AlexCG Design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alexcgdesign.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a","name":"AlexCG Design","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1781254124","url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1781254124","contentUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1781254124","caption":"AlexCG Design"},"url":"https:\/\/alexcgdesign.com\/blog\/author\/jordanalexandercg99\/"}]}},"_links":{"self":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=527"}],"version-history":[{"count":6,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/527\/revisions"}],"predecessor-version":[{"id":846,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/527\/revisions\/846"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media\/528"}],"wp:attachment":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=527"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=527"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}