{"id":1310,"date":"2023-10-14T08:23:31","date_gmt":"2023-10-14T08:23:31","guid":{"rendered":"https:\/\/elaf.ignitix.co\/?page_id=1310"},"modified":"2023-10-15T02:41:28","modified_gmt":"2023-10-15T02:41:28","slug":"draft-page","status":"publish","type":"page","link":"https:\/\/elafnatural.com\/en\/draft-page\/","title":{"rendered":"Draft Page"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><h1>Auto Hexagonal CSS Grid Layout<\/h1>\n<section>\n<article>\n<figure>\n<h2>@Xavisu<\/h2>\n<p>Hola, vengo a flotar. Front~end<\/p>\n<\/figure>\n<p>\t\t\t<img alt src='https:\/\/kaleidos.net\/media\/filer_public_thumbnails\/filer_public\/91\/7c\/917ca0ca-f069-455e-b25f-154db357d09a\/xaviju2.jpg__300x300_q85_crop_subject_location-3257%2C1894_subsampling-2_upscale.jpg' \/><br \/>\n\t\t<\/article>\n<article>\n<figure>\n<h2>@Kseso<\/h2>\n<p>Enredique Amanuense de CSS<\/p>\n<\/figure>\n<p>\t\t\t<img alt src='https:\/\/1.bp.blogspot.com\/-8xv4oUIGGdo\/WR3XHvAb5hI\/AAAAAAAANjo\/Pi2TSd9llSQBvuIgWWe4RY8l9msbOgcbgCK4B\/s250-c\/hrRtW6LJ.jpg' \/><br \/>\n\t\t<\/article>\n<article>\n<figure>\n<h2>@abelsutilo<\/h2>\n<p>Dise\u00f1o Productos Digitales. Formador en #UX #U<\/p>\n<\/figure>\n<p>\t\t\t<img alt src='http:\/\/abelsutilo.com\/wp-content\/uploads\/2009\/01\/10850250_10152894635423684_7160074995457018570_n.jpg.pagespeed.ce.tgatamlOAJ.jpg' \/><br \/>\n\t\t<\/article>\n<article>\n<figure>\n<h2>@Olgacarreras<\/h2>\n<p>Consultora freelance. Accesibilidad web y PDF<\/p>\n<\/figure>\n<p>\t\t\t<img alt src='https:\/\/www.usableyaccesible.com\/images\/olga_carreras_montoto.jpg' \/><br \/>\n\t\t<\/article>\n<article>\n<figure>\n<h2>@cristinafsanz<\/p>\n<h2>\n<p>Front-end developer in learning mode<\/p>\n<\/figure>\n<p>\t\t\t<img alt src='https:\/\/cristinafsanz.github.io\/images\/avatar.png' \/><br \/>\n\t\t<\/article>\n<article>\n<figure>\n<h2>@lau_es<\/h2>\n<p>#OpenSource rocks! Making awesome things<\/p>\n<\/figure>\n<p>\t\t\t<img alt src='https:\/\/www.gravatar.com\/avatar\/73f55f92af57327a909da02fd88ac4d0?d=404&#038;s=250' \/><br \/>\n\t\t<\/article>\n<article>\n<figure>\n<h2>@yoksel_en<\/h2>\n<p>CSS and SVG lover : ) In Russian<\/p>\n<\/figure>\n<p>\t\t\t<img alt src='https:\/\/avatars3.githubusercontent.com\/u\/2571308?s=400&#038;v=4' \/><br \/>\n\t\t<\/article>\n<article>\n<figure>\n<h2>@jorgeATGU<\/h2>\n<p>front\/design Pirineo<\/p>\n<\/figure>\n<p>\t\t\t<img alt src='https:\/\/avatars1.githubusercontent.com\/u\/2649175?s=400&#038;v=4' \/><br \/>\n\t\t<\/article>\n<article>\n<figure>\n<h2>@SaraSoueidan<\/h2>\n<p>Freelance front-end Web developer &#038; speaker<\/p>\n<\/figure>\n<p>\t\t\t<img alt src='http:\/\/www.webdirections.org\/respond16\/images\/speakers\/speaker-sara-soueidan.jpg' \/><br \/>\n\t\t<\/article>\n<article>\n<figure>\n<h2>@Furoya<\/h2>\n<p>La magia del puro JS y CSS en su m\u00ednima y expresi\u00f3n<\/p>\n<\/figure>\n<p>\t\t\t<img alt src='https:\/\/4.bp.blogspot.com\/-oEYLUC8u3Jg\/Ua55qLcPbtI\/AAAAAAAAADc\/H-X_ID0b5bo\/s250-c\/avatarFuroya.jpg' \/><br \/>\n\t\t<\/article>\n<article>\n<figure>\n<h2>@AmeliasBrain<\/h2>\n<p>Writer &#038; Developer. SVG guru, policy nut, science nerd, &#038; music fan<\/p>\n<\/figure>\n<p>\t\t\t<img alt src='https:\/\/s3-us-west-2.amazonaws.com\/s.cdpn.io\/91525\/profile\/profile-512.jpg?3' \/><br \/>\n\t\t<\/article>\n<article>\n<figure>\n<h2>@lpez_elena<\/h2>\n<p>Tan a gusto en la cama, ocho de la ma\u00f1ana y suena el despertador\u2026 <\/p>\n<\/figure>\n<p>\t\t\t<img alt src='https:\/\/cdn-images-1.medium.com\/fit\/c\/125\/125\/0*oNbktSWCpFc07xOj.jpg' \/><br \/>\n\t\t<\/article>\n<\/section>\n<p>\n\t\t\t\t<code><b>--Nhexa<\/b><\/code>: conviene que sea un valor par <code>(2n)<\/code> por usar el selector <code>:nth-child(2n)<\/code> para crear el panal y desplazar los hex\u00e1gonos.<\/p>\n<p><b>Please<\/b>, show the pen &#038; link the post: <a href='https:\/\/escss.blogspot.com\/2017\/04\/auto-hexagonal-css-grid-layout.html'>The post in my blog: now with 2 versions<\/a>. Thanks<\/p>\n<p><svg width=\"0\" height=\"0\">\n  <defs>\n    <clipPath id=\"hexagono\" clipPathUnits=\"objectBoundingBox\">\n      <polygon points=\".25 0, .75 0, 1 .5, .75 1, .25 1, 0 .5\" \/>\n    <\/clipPath>\n  <\/defs>\n<\/svg><br \/>\n[vc_row wrap_container=&#8221;yes&#8221; no_padding=&#8221;yes&#8221; css=&#8221;.vc_custom_1658582121463{border-radius: 3px !important;}&#8221; el_class=&#8221;m-b-xl p-b-xs&#8221; conditional_render=&#8221;%5B%7B%22value_role%22%3A%22administrator%22%7D%5D&#8221;][vc_column css=&#8221;.vc_custom_1662532231341{background-color: #ffffff !important;}&#8221; conditional_render=&#8221;%5B%7B%22value_role%22%3A%22administrator%22%7D%5D&#8221; el_class=&#8221;br-7&#8243;]<div class=\"porto-carousel owl-carousel has-ccols ccols-xl-3 ccols-lg-3 ccols-md-2 ccols-1 mb-0 stage-margin wpb_custom_2c1c45c292526ccd71e4170c056d3ae0\" data-plugin-options=\"{&quot;themeConfig&quot;:true,&quot;stagePadding&quot;:10,&quot;margin&quot;:0,&quot;autoplay&quot;:false,&quot;mouseDrag&quot;:true,&quot;touchDrag&quot;:true,&quot;autoplayTimeout&quot;:5000,&quot;autoplayHoverPause&quot;:false,&quot;items&quot;:3,&quot;xl&quot;:3,&quot;lg&quot;:3,&quot;md&quot;:2,&quot;sm&quot;:1,&quot;xs&quot;:1,&quot;nav&quot;:false,&quot;dots&quot;:false,&quot;animateIn&quot;:&quot;&quot;,&quot;animateOut&quot;:&quot;&quot;,&quot;loop&quot;:false,&quot;center&quot;:false,&quot;video&quot;:false,&quot;lazyLoad&quot;:false,&quot;fullscreen&quot;:false}\"><div class=\"porto-sicon-box  vc_custom_1697273343350 mb-0 justify-content-center  wpb_custom_44c168a8ee17330c430b8a08a3ec47f3 style_2 default-icon\"><div class=\"porto-sicon-default\"><div class=\"porto-just-icon-wrapper porto-icon none\" style=\"color:#4dae65;font-size:37px;\"><i class=\"porto-icon-check-circle\"><\/i><\/div><\/div><div class=\"porto-sicon-header\"><h4 class=\"porto-sicon-title\" style=\"margin-bottom:0px;\">100% NATURAL HONEY<\/h4><p>Get quality certificate with every order.<\/p><\/div> <!-- header --><\/div><!-- porto-sicon-box --><div class=\"porto-sicon-box  vc_custom_1697273449908 mb-0 justify-content-center  wpb_custom_fc65feb9c9a69301575461a0a91f7031 style_2 default-icon\"><div class=\"porto-sicon-default\"><div class=\"porto-just-icon-wrapper porto-icon none\" style=\"color:#4dae65;font-size:38px;\"><i class=\"fas fa-utensil-spoon\"><\/i><\/div><\/div><div class=\"porto-sicon-header\"><h4 class=\"porto-sicon-title\" style=\"margin-bottom:0px;\">FREE WOODEN SPOON<\/h4><p>Enjoy your honey the right way.<\/p><\/div> <!-- header --><\/div><!-- porto-sicon-box --><div class=\"porto-sicon-box  vc_custom_1697273521982 mb-0 justify-content-center  wpb_custom_000fa2764a941c9e02d4fae004adff81 style_2 default-icon\"><div class=\"porto-sicon-default\"><div class=\"porto-just-icon-wrapper porto-icon none\" style=\"color:#4dae65;font-size:38px;\"><i class=\"porto-icon-shipping\"><\/i><\/div><\/div><div class=\"porto-sicon-header\"><h4 class=\"porto-sicon-title\" style=\"margin-bottom:0px;\">FAST DELIVERY<\/h4><p>Get your order anywhere in Egypt.<\/p><\/div> <!-- header --><\/div><!-- porto-sicon-box --><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Auto Hexagonal CSS Grid Layout @Xavisu Hola, vengo a flotar. Front~end @Kseso Enredique Amanuense de CSS @abelsutilo Dise\u00f1o Productos Digitales. Formador en #UX #U @Olgacarreras Consultora freelance. Accesibilidad web y PDF @cristinafsanz Front-end developer in learning mode @lau_es #OpenSource rocks! Making awesome things @yoksel_en CSS and SVG lover : ) In Russian @jorgeATGU front\/design Pirineo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1310","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Draft Page - Elaf<\/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:\/\/elafnatural.com\/en\/draft-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Draft Page - Elaf\" \/>\n<meta property=\"og:description\" content=\"Auto Hexagonal CSS Grid Layout @Xavisu Hola, vengo a flotar. Front~end @Kseso Enredique Amanuense de CSS @abelsutilo Dise\u00f1o Productos Digitales. Formador en #UX #U @Olgacarreras Consultora freelance. Accesibilidad web y PDF @cristinafsanz Front-end developer in learning mode @lau_es #OpenSource rocks! Making awesome things @yoksel_en CSS and SVG lover : ) In Russian @jorgeATGU front\/design Pirineo [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elafnatural.com\/en\/draft-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Elaf\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-15T02:41:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kaleidos.net\/media\/filer_public_thumbnails\/filer_public\/91\/7c\/917ca0ca-f069-455e-b25f-154db357d09a\/xaviju2.jpg__300x300_q85_crop_subject_location-3257%2C1894_subsampling-2_upscale.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/elafnatural.com\\\/en\\\/draft-page\\\/\",\"url\":\"https:\\\/\\\/elafnatural.com\\\/en\\\/draft-page\\\/\",\"name\":\"Draft Page - Elaf\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/elafnatural.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/elafnatural.com\\\/en\\\/draft-page\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/elafnatural.com\\\/en\\\/draft-page\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kaleidos.net\\\/media\\\/filer_public_thumbnails\\\/filer_public\\\/91\\\/7c\\\/917ca0ca-f069-455e-b25f-154db357d09a\\\/xaviju2.jpg__300x300_q85_crop_subject_location-3257%2C1894_subsampling-2_upscale.jpg\",\"datePublished\":\"2023-10-14T08:23:31+00:00\",\"dateModified\":\"2023-10-15T02:41:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/elafnatural.com\\\/en\\\/draft-page\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/elafnatural.com\\\/en\\\/draft-page\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/elafnatural.com\\\/en\\\/draft-page\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kaleidos.net\\\/media\\\/filer_public_thumbnails\\\/filer_public\\\/91\\\/7c\\\/917ca0ca-f069-455e-b25f-154db357d09a\\\/xaviju2.jpg__300x300_q85_crop_subject_location-3257%2C1894_subsampling-2_upscale.jpg\",\"contentUrl\":\"https:\\\/\\\/kaleidos.net\\\/media\\\/filer_public_thumbnails\\\/filer_public\\\/91\\\/7c\\\/917ca0ca-f069-455e-b25f-154db357d09a\\\/xaviju2.jpg__300x300_q85_crop_subject_location-3257%2C1894_subsampling-2_upscale.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/elafnatural.com\\\/en\\\/draft-page\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/elafnatural.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Draft Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/elafnatural.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/elafnatural.com\\\/en\\\/\",\"name\":\"Elaf\",\"description\":\"Natural Products\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/elafnatural.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Draft Page - Elaf","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:\/\/elafnatural.com\/en\/draft-page\/","og_locale":"en_US","og_type":"article","og_title":"Draft Page - Elaf","og_description":"Auto Hexagonal CSS Grid Layout @Xavisu Hola, vengo a flotar. Front~end @Kseso Enredique Amanuense de CSS @abelsutilo Dise\u00f1o Productos Digitales. Formador en #UX #U @Olgacarreras Consultora freelance. Accesibilidad web y PDF @cristinafsanz Front-end developer in learning mode @lau_es #OpenSource rocks! Making awesome things @yoksel_en CSS and SVG lover : ) In Russian @jorgeATGU front\/design Pirineo [&hellip;]","og_url":"https:\/\/elafnatural.com\/en\/draft-page\/","og_site_name":"Elaf","article_modified_time":"2023-10-15T02:41:28+00:00","og_image":[{"url":"https:\/\/kaleidos.net\/media\/filer_public_thumbnails\/filer_public\/91\/7c\/917ca0ca-f069-455e-b25f-154db357d09a\/xaviju2.jpg__300x300_q85_crop_subject_location-3257%2C1894_subsampling-2_upscale.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elafnatural.com\/en\/draft-page\/","url":"https:\/\/elafnatural.com\/en\/draft-page\/","name":"Draft Page - Elaf","isPartOf":{"@id":"https:\/\/elafnatural.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elafnatural.com\/en\/draft-page\/#primaryimage"},"image":{"@id":"https:\/\/elafnatural.com\/en\/draft-page\/#primaryimage"},"thumbnailUrl":"https:\/\/kaleidos.net\/media\/filer_public_thumbnails\/filer_public\/91\/7c\/917ca0ca-f069-455e-b25f-154db357d09a\/xaviju2.jpg__300x300_q85_crop_subject_location-3257%2C1894_subsampling-2_upscale.jpg","datePublished":"2023-10-14T08:23:31+00:00","dateModified":"2023-10-15T02:41:28+00:00","breadcrumb":{"@id":"https:\/\/elafnatural.com\/en\/draft-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elafnatural.com\/en\/draft-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elafnatural.com\/en\/draft-page\/#primaryimage","url":"https:\/\/kaleidos.net\/media\/filer_public_thumbnails\/filer_public\/91\/7c\/917ca0ca-f069-455e-b25f-154db357d09a\/xaviju2.jpg__300x300_q85_crop_subject_location-3257%2C1894_subsampling-2_upscale.jpg","contentUrl":"https:\/\/kaleidos.net\/media\/filer_public_thumbnails\/filer_public\/91\/7c\/917ca0ca-f069-455e-b25f-154db357d09a\/xaviju2.jpg__300x300_q85_crop_subject_location-3257%2C1894_subsampling-2_upscale.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/elafnatural.com\/en\/draft-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elafnatural.com\/en\/"},{"@type":"ListItem","position":2,"name":"Draft Page"}]},{"@type":"WebSite","@id":"https:\/\/elafnatural.com\/en\/#website","url":"https:\/\/elafnatural.com\/en\/","name":"Elaf","description":"Natural Products","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elafnatural.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/elafnatural.com\/en\/wp-json\/wp\/v2\/pages\/1310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elafnatural.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elafnatural.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elafnatural.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elafnatural.com\/en\/wp-json\/wp\/v2\/comments?post=1310"}],"version-history":[{"count":6,"href":"https:\/\/elafnatural.com\/en\/wp-json\/wp\/v2\/pages\/1310\/revisions"}],"predecessor-version":[{"id":1314,"href":"https:\/\/elafnatural.com\/en\/wp-json\/wp\/v2\/pages\/1310\/revisions\/1314"}],"wp:attachment":[{"href":"https:\/\/elafnatural.com\/en\/wp-json\/wp\/v2\/media?parent=1310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}