{"id":107,"date":"2019-05-20T15:54:34","date_gmt":"2019-05-20T15:54:34","guid":{"rendered":"https:\/\/alexcgdesign.com\/blog\/?p=107"},"modified":"2019-05-23T02:57:29","modified_gmt":"2019-05-23T02:57:29","slug":"crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1","status":"publish","type":"post","link":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/","title":{"rendered":"Crea un formulario de contacto con HTML y CSS [Estilo Material Design Sin Plugins] \u2709\ufe0f\ud83d\udc71"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Hola qu\u00e9 tal, <\/span><b>\u00bfCu\u00e1ntas veces no has querido agregar un formulario de contacto a tu sitio web?<\/b><span style=\"font-weight: 400;\"> O \u00bf<\/span><b>practicar haciendo formularios de contacto?<\/b><span style=\"font-weight: 400;\">, bueno el d\u00eda de hoy <\/span><b>vamos a hacer un formulario de contacto con HTML y CSS <\/b><span style=\"font-weight: 400;\">el cu\u00e1l tendr\u00e1 los estilos de float labels, que har\u00e1 que se vea fant\u00e1stico integrado en tu proyecto o tu p\u00e1gina web, por lo que adem\u00e1s de hacer el formulario de contacto, aprender\u00e1s a hacer el estilo de float labels el cual es un estilo muy usado en material Design.<\/span><\/p>\n<p><a href=\"https:\/\/www.youtube.com\/alexcgdesign\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>S\u00edguenos dando click aqu\u00ed<\/strong><\/a><\/p>\n<p>https:\/\/giphy.com\/gifs\/l4GF3OyLyR24IjGDp1<\/p>\n<p><span style=\"font-weight: 400;\">Tambi\u00e9n pensando en la comodidad de todos los usuarios no olvides que nuestro proyecto es Adaptable a cualquier dispositivo m\u00f3vil, por lo que todos tus usuarios podr\u00e1n apreciarlo desde cualquier dispositivo m\u00f3vil.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u26a0\ufe0f\u270b Antes de seguir leyendo: <\/b><span style=\"font-weight: 400;\">Si no has visto el tutorial de YouTube <\/span><b>Crea un formulario de contacto con HTML Y CSS<\/b><span style=\"font-weight: 400;\">, \u00bfQue esperas? Puedes verlo aqu\u00ed abajo: \ud83d\udc47\ud83d\udc47\ud83d\udc47<\/span><\/p>\n<p><iframe title=\"Como CREAR un FORMULARIO de CONTACTO con HTML y CSS [Responsive]\" width=\"1290\" height=\"726\" data-src=\"https:\/\/www.youtube.com\/embed\/Q0xdtHIvFPE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Por \u00faltimo no olvides que <\/span><b>como la mayor\u00eda de nuestros proyectos, tenemos el c\u00f3digo fuente para que los descargue<\/b><span style=\"font-weight: 400;\">s y lo apliques hoy mismo en tu proyecto, no olvides <\/span><b>suscribirte al canal y recomendarnos para que nosotros podamos subir m\u00e1s contenido c\u00f3mo est\u00e9 y seguir aportando valor, <\/b><span style=\"font-weight: 400;\">\u00a0tambi\u00e9n puedes seguirnos en nuestras redes sociales.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/1f53b.svg\" alt=\"\ud83d\udd3b\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>M\u00e1s informaci\u00f3n:<\/h3>\n<p><a href=\"http:\/\/bit.ly\/2J0ptHI\" target=\"_blank\" rel=\"noopener noreferrer\">Inv\u00edtame un caf\u00e9:<img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/2615.svg\" alt=\"\u2615\ufe0f\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\u00a0[Dando click aqu\u00ed]<\/a><\/p>\n<p><a href=\"http:\/\/bit.ly\/2Y3A6xZ\" target=\"_blank\" rel=\"noopener noreferrer\">Descarga el formulario<img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/1f381.svg\" alt=\"\ud83c\udf81\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\u00a0[Dando click aqu\u00ed]<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hola qu\u00e9 tal, \u00bfCu\u00e1ntas veces no has querido agregar un formulario de contacto a tu sitio web? O \u00bfpracticar haciendo formularios de contacto?, bueno el d\u00eda de hoy vamos a hacer un formulario de contacto con HTML y CSS el cu\u00e1l tendr\u00e1 los estilos de float labels, que har\u00e1 que se vea fant\u00e1stico integrado en [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":112,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-107","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Crea un formulario de contacto con HTML y CSS [Estilo Material Design Sin Plugins] \u2709\ufe0f\ud83d\udc71 - AlexCG Design | Blog<\/title>\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-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-\u2709\ufe0f\ud83d\udc71\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crea un formulario de contacto con HTML y CSS [Estilo Material Design Sin Plugins] \u2709\ufe0f\ud83d\udc71 - AlexCG Design | Blog\" \/>\n<meta property=\"og:description\" content=\"Hola qu\u00e9 tal, \u00bfCu\u00e1ntas veces no has querido agregar un formulario de contacto a tu sitio web? O \u00bfpracticar haciendo formularios de contacto?, bueno el d\u00eda de hoy vamos a hacer un formulario de contacto con HTML y CSS el cu\u00e1l tendr\u00e1 los estilos de float labels, que har\u00e1 que se vea fant\u00e1stico integrado en [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-\u2709\ufe0f\ud83d\udc71\/\" \/>\n<meta property=\"og:site_name\" content=\"AlexCG Design | Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-20T15:54:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-05-23T02:57:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/05\/screencapture-file-C-Users-Jordan-Desktop-Tutorial-AlexCG-Design-formulario-html-2018-12-21-15_51_35.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1366\" \/>\n\t<meta property=\"og:image:height\" content=\"657\" \/>\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=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/\"},\"author\":{\"name\":\"AlexCG Design\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\"},\"headline\":\"Crea un formulario de contacto con HTML y CSS [Estilo Material Design Sin Plugins] \u2709\ufe0f\ud83d\udc71\",\"datePublished\":\"2019-05-20T15:54:34+00:00\",\"dateModified\":\"2019-05-23T02:57:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/\"},\"wordCount\":270,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/screencapture-file-C-Users-Jordan-Desktop-Tutorial-AlexCG-Design-formulario-html-2018-12-21-15_51_35.png\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/\",\"name\":\"Crea un formulario de contacto con HTML y CSS [Estilo Material Design Sin Plugins] \u2709\ufe0f\ud83d\udc71 - AlexCG Design | Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/screencapture-file-C-Users-Jordan-Desktop-Tutorial-AlexCG-Design-formulario-html-2018-12-21-15_51_35.png\",\"datePublished\":\"2019-05-20T15:54:34+00:00\",\"dateModified\":\"2019-05-23T02:57:29+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/#primaryimage\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/screencapture-file-C-Users-Jordan-Desktop-Tutorial-AlexCG-Design-formulario-html-2018-12-21-15_51_35.png\",\"contentUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/screencapture-file-C-Users-Jordan-Desktop-Tutorial-AlexCG-Design-formulario-html-2018-12-21-15_51_35.png\",\"width\":1366,\"height\":657,\"caption\":\"Imagen float labels\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Crea un formulario de contacto con HTML y CSS [Estilo Material Design Sin Plugins] \u2709\ufe0f\ud83d\udc71\"}]},{\"@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=1780649164\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164\",\"contentUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164\",\"caption\":\"AlexCG Design\"},\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/author\\\/jordanalexandercg99\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Crea un formulario de contacto con HTML y CSS [Estilo Material Design Sin Plugins] \u2709\ufe0f\ud83d\udc71 - AlexCG Design | Blog","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-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-\u2709\ufe0f\ud83d\udc71\/","og_locale":"es_ES","og_type":"article","og_title":"Crea un formulario de contacto con HTML y CSS [Estilo Material Design Sin Plugins] \u2709\ufe0f\ud83d\udc71 - AlexCG Design | Blog","og_description":"Hola qu\u00e9 tal, \u00bfCu\u00e1ntas veces no has querido agregar un formulario de contacto a tu sitio web? O \u00bfpracticar haciendo formularios de contacto?, bueno el d\u00eda de hoy vamos a hacer un formulario de contacto con HTML y CSS el cu\u00e1l tendr\u00e1 los estilos de float labels, que har\u00e1 que se vea fant\u00e1stico integrado en [&hellip;]","og_url":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-\u2709\ufe0f\ud83d\udc71\/","og_site_name":"AlexCG Design | Blog","article_published_time":"2019-05-20T15:54:34+00:00","article_modified_time":"2019-05-23T02:57:29+00:00","og_image":[{"width":1366,"height":657,"url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/05\/screencapture-file-C-Users-Jordan-Desktop-Tutorial-AlexCG-Design-formulario-html-2018-12-21-15_51_35.png","type":"image\/png"}],"author":"AlexCG Design","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"AlexCG Design","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/#article","isPartOf":{"@id":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/"},"author":{"name":"AlexCG Design","@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a"},"headline":"Crea un formulario de contacto con HTML y CSS [Estilo Material Design Sin Plugins] \u2709\ufe0f\ud83d\udc71","datePublished":"2019-05-20T15:54:34+00:00","dateModified":"2019-05-23T02:57:29+00:00","mainEntityOfPage":{"@id":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/"},"wordCount":270,"commentCount":0,"image":{"@id":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/#primaryimage"},"thumbnailUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/05\/screencapture-file-C-Users-Jordan-Desktop-Tutorial-AlexCG-Design-formulario-html-2018-12-21-15_51_35.png","articleSection":["Uncategorized"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/","url":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/","name":"Crea un formulario de contacto con HTML y CSS [Estilo Material Design Sin Plugins] \u2709\ufe0f\ud83d\udc71 - AlexCG Design | Blog","isPartOf":{"@id":"https:\/\/alexcgdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/#primaryimage"},"image":{"@id":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/#primaryimage"},"thumbnailUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/05\/screencapture-file-C-Users-Jordan-Desktop-Tutorial-AlexCG-Design-formulario-html-2018-12-21-15_51_35.png","datePublished":"2019-05-20T15:54:34+00:00","dateModified":"2019-05-23T02:57:29+00:00","author":{"@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a"},"breadcrumb":{"@id":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/#primaryimage","url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/05\/screencapture-file-C-Users-Jordan-Desktop-Tutorial-AlexCG-Design-formulario-html-2018-12-21-15_51_35.png","contentUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/05\/screencapture-file-C-Users-Jordan-Desktop-Tutorial-AlexCG-Design-formulario-html-2018-12-21-15_51_35.png","width":1366,"height":657,"caption":"Imagen float labels"},{"@type":"BreadcrumbList","@id":"https:\/\/alexcgdesign.com\/blog\/crea-un-formulario-de-contacto-con-html-y-css-estilo-material-design-sin-plugins-%e2%9c%89%ef%b8%8f%f0%9f%91%b1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/alexcgdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Crea un formulario de contacto con HTML y CSS [Estilo Material Design Sin Plugins] \u2709\ufe0f\ud83d\udc71"}]},{"@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=1780649164","url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164","contentUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164","caption":"AlexCG Design"},"url":"https:\/\/alexcgdesign.com\/blog\/author\/jordanalexandercg99\/"}]}},"_links":{"self":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/107","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=107"}],"version-history":[{"count":6,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/107\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/107\/revisions\/125"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media\/112"}],"wp:attachment":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}