{"id":2291,"date":"2026-03-30T14:44:42","date_gmt":"2026-03-30T14:44:42","guid":{"rendered":"https:\/\/cloudobjectivity.co.uk\/index.php\/hexagon-grid-with-icons\/"},"modified":"2026-03-30T14:45:05","modified_gmt":"2026-03-30T14:45:05","slug":"hexagon-grid-with-icons","status":"publish","type":"page","link":"http:\/\/cloudobjectivity.co.uk\/index.php\/hexagon-grid-with-icons\/","title":{"rendered":"Hexagon Grid with Icons"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2291\" class=\"elementor elementor-2291\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23fc5882 e-flex e-con-boxed e-con e-parent\" data-id=\"23fc5882\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8d1d68e e-con-full e-flex e-con e-child\" data-id=\"8d1d68e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71ed90fa elementor-widget elementor-widget-heading\" data-id=\"71ed90fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Explore, Discover, Connect.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-464d261 elementor-widget elementor-widget-heading\" data-id=\"464d261\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contact us today. We are just a click away.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4fcb0fbc elementor-widget elementor-widget-ucaddon_ue_hexagon_image_gallery\" data-id=\"4fcb0fbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_ue_hexagon_image_gallery.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Hexagon Grid -->\n\t\t<link id='fancybox-css' href='http:\/\/cloudobjectivity.co.uk\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/fancybox3\/jquery.fancybox.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Hexagon Grid *\/\n\n\r\n@keyframes uc_ue_hexagon_image_gallery_elementor_4fcb0fbc__item-animation {\r\n  0% {\r\n            transform:scale(1.1);\r\n        \t\r\n    \t    opacity: 0;\r\n  }\r\n  100% {\r\n            transform:scale(1);\r\n        \t\r\n    \t\topacity: 1;\r\n  }\r\n}\r\n\r\n\r\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item{\r\n\topacity:0;\r\n}\r\n\r\n\r\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .uc-entrance-animate {\r\n  opacity:1;\r\n}\r\n\r\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .uc-entrance-animate {\r\n\tanimation: uc_ue_hexagon_image_gallery_elementor_4fcb0fbc__item-animation 0.6s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;\r\n}\r\n\r\n\t\t\t\n\n.e-con>.elementor-widget-ucaddon_ue_hexagon_image_gallery,\n.e-con-inner>.elementor-widget-ucaddon_ue_hexagon_image_gallery {\n  width: var(--container-widget-width);\n  --flex-grow: var(--container-widget-flex-grow);\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc.ue-hexagon-gallery {\n  --col-count: 2;\n  \t--columns-count: calc(var(--col-count) * 2 + 1);\n  display: grid;\n  grid-template-columns: repeat(var(--columns-count), 1fr);\n  opacity: 0;\n  transition: opacity 0.2s ease-in-out;\n  width: 100%;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc.ue-hexagon-gallery.uc-show {\n  opacity: 1;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item {\n  position: relative;\n  z-index: 1;\n  grid-column: span 2;\n  margin-top: -28.8675%; \n  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);\n  transition: all 0.25s;\n  aspect-ratio: 1 \/ 1.1547005;\n  width:100%;\n  overflow: hidden;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item-wrapper {\n  position: relative;\n  height: 100%;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align:center;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item-content-wrapper {\n  display: flex;\n    flex-direction: column;\n    justify-content: center;\n  z-index: 1;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item-border {\n  position: absolute;\n  inset: 0;\n  height: 100%;\n  width: 100%;\n  background-color: transparent;\n  pointer-events: none;\n  aspect-ratio: 1 \/ 1.1547005;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item-border svg {\n  height: 100%;\n  width: 100%;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item-image {\n  position: absolute;\n  inset: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 0;\n  object-fit: cover;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item-image--second {\n  opacity: 0;\n  transition: all .3s ease;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item:hover .ue-hexagon-gallery__item-image--second{\n  opacity: 1;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item:hover {\n  z-index: 3;\n}\n\n  #uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item .ue-hexagon-gallery__item-image {\n    transition: transform 300ms linear;\n  }\n  #uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item:hover .ue-hexagon-gallery__item-image {\n    transform: scale(1.1);\n  }\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item.ue-active-item .ue-hexagon-gallery__item-image {\n  transition: transform 300ms linear;\n}\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item.ue-active-item .ue-hexagon-gallery__item-image {\n  transform: scale(1.1);\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-overlay-link {\n  position: absolute;\n  inset: 0;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-graphic-element{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  line-height:1em;\n  overflow:hidden;\n  z-index: 1;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-graphic-element svg{\n  height:1em;\n  width:1em;\n}\n\n#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-graphic-element img{\n  display:block;\n}\n\n.ue-item-title{\n  font-size:21px;\n}\n\n@media screen and (max-width: 1024px) {\n\t#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc.ue-hexagon-gallery {\n      --col-count:  2 ;\n      --columns-count: calc(var(--col-count) * 2 + 1);\n    }\n}\n\n@media screen and (max-width: 767px) {\n\t#uc_ue_hexagon_image_gallery_elementor_4fcb0fbc.ue-hexagon-gallery {\n      --col-count:  2  ;\n  \t  --columns-count: calc(var(--col-count) * 2 + 1);\n    }\n}\n\nbody[data-elementor-device-mode=\"desktop\"] #uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item.ue-desktop-hide {\n\tdisplay: none;\n}\n\nbody[data-elementor-device-mode=\"tablet\"] #uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item.ue-tablet-hide {\n\tdisplay: none;\n}\n\nbody[data-elementor-device-mode=\"mobile\"] #uc_ue_hexagon_image_gallery_elementor_4fcb0fbc .ue-hexagon-gallery__item.ue-mobile-hide {\n\tdisplay: none;\n}\n\n<\/style>\n\n<div id=\"uc_ue_hexagon_image_gallery_elementor_4fcb0fbc\" class=\"ue-hexagon-gallery  uc-items-wrapper\"  role=\"list\">\n  <div class=\"ue-hexagon-gallery__item  elementor-repeater-item-aa29830   \" data-item-id=\"uc_ue_hexagon_image_gallery_elementor_4fcb0fbc_item1\" role=\"listitem\" tabindex=\"0\" aria-label=\"News\">\n  <div class=\"ue-hexagon-gallery__item-wrapper\">\n     <img decoding=\"async\" class=\"ue-hexagon-gallery__item-image\" src=\"https:\/\/cloudobjectivity.co.uk\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" alt=\"\" \/>         <div class=\"ue-hexagon-gallery__item-content-wrapper\">\n      <div class=\"ue-graphic-element\"><span class=\"ue-ge-icon\"><i class='far fa-newspaper'><\/i><\/span><\/div>            \n                 <div class=\"ue-hexagon-gallery__item-title\">News<\/div>       \n      \n            <a class=\"ue-overlay-link\" href=\"https:\/\/cloudobjectivity.co.uk\/aws-news-3\/\" ><\/a>          <\/div>\n  <\/div>\n   \n  \t<div class=\"ue-hexagon-gallery__item-border\">\n  \t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 115\" version=\"1.1\" fill=\"none\">\n        \t<polygon points=\"50 0 100 29 100 86 50 115 0 86 0 29\"\/>\n        <\/svg>\n  \t<\/div>\n  <\/div>\n<div class=\"ue-hexagon-gallery__item  elementor-repeater-item-0f87435   \" data-item-id=\"uc_ue_hexagon_image_gallery_elementor_4fcb0fbc_item2\" role=\"listitem\" tabindex=\"0\" aria-label=\"Strategy\">\n  <div class=\"ue-hexagon-gallery__item-wrapper\">\n     <img decoding=\"async\" class=\"ue-hexagon-gallery__item-image\" src=\"https:\/\/cloudobjectivity.co.uk\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" alt=\"\" \/>         <div class=\"ue-hexagon-gallery__item-content-wrapper\">\n      <div class=\"ue-graphic-element\"><span class=\"ue-ge-icon\"><i class='fas fa-directions'><\/i><\/span><\/div>            \n                 <div class=\"ue-hexagon-gallery__item-title\">Strategy<\/div>       \n      \n                      <\/div>\n  <\/div>\n   \n  \t<div class=\"ue-hexagon-gallery__item-border\">\n  \t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 115\" version=\"1.1\" fill=\"none\">\n        \t<polygon points=\"50 0 100 29 100 86 50 115 0 86 0 29\"\/>\n        <\/svg>\n  \t<\/div>\n  <\/div>\n<div class=\"ue-hexagon-gallery__item  elementor-repeater-item-021c280   \" data-item-id=\"uc_ue_hexagon_image_gallery_elementor_4fcb0fbc_item3\" role=\"listitem\" tabindex=\"0\" aria-label=\"Services\">\n  <div class=\"ue-hexagon-gallery__item-wrapper\">\n     <img decoding=\"async\" class=\"ue-hexagon-gallery__item-image\" src=\"https:\/\/cloudobjectivity.co.uk\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" alt=\"\" \/>         <div class=\"ue-hexagon-gallery__item-content-wrapper\">\n      <div class=\"ue-graphic-element\"><span class=\"ue-ge-icon\"><i class='fas fa-project-diagram'><\/i><\/span><\/div>            \n                 <div class=\"ue-hexagon-gallery__item-title\">Services<\/div>       \n      \n                      <\/div>\n  <\/div>\n   \n  \t<div class=\"ue-hexagon-gallery__item-border\">\n  \t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 115\" version=\"1.1\" fill=\"none\">\n        \t<polygon points=\"50 0 100 29 100 86 50 115 0 86 0 29\"\/>\n        <\/svg>\n  \t<\/div>\n  <\/div>\n<div class=\"ue-hexagon-gallery__item  elementor-repeater-item-0e4d6b5   \" data-item-id=\"uc_ue_hexagon_image_gallery_elementor_4fcb0fbc_item4\" role=\"listitem\" tabindex=\"0\" aria-label=\"Opinion\">\n  <div class=\"ue-hexagon-gallery__item-wrapper\">\n     <img decoding=\"async\" class=\"ue-hexagon-gallery__item-image\" src=\"https:\/\/cloudobjectivity.co.uk\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png\" alt=\"\" \/>         <div class=\"ue-hexagon-gallery__item-content-wrapper\">\n      <div class=\"ue-graphic-element\"><span class=\"ue-ge-icon\"><i class='far fa-comments'><\/i><\/span><\/div>            \n                 <div class=\"ue-hexagon-gallery__item-title\">Opinion<\/div>       \n      \n            <a class=\"ue-overlay-link\" href=\"https:\/\/cloudobjectivity.co.uk\/sample-home-page\/\" ><\/a>          <\/div>\n  <\/div>\n   \n  \t<div class=\"ue-hexagon-gallery__item-border\">\n  \t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 115\" version=\"1.1\" fill=\"none\">\n        \t<polygon points=\"50 0 100 29 100 86 50 115 0 86 0 29\"\/>\n        <\/svg>\n  \t<\/div>\n  <\/div>\n\n<\/div>\n<!-- end Hexagon Grid -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Explore, Discover, Connect. Contact us today. We are just a click away. News Strategy Services Opinion<\/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-2291","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/cloudobjectivity.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/2291","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/cloudobjectivity.co.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/cloudobjectivity.co.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/cloudobjectivity.co.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/cloudobjectivity.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=2291"}],"version-history":[{"count":4,"href":"http:\/\/cloudobjectivity.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/2291\/revisions"}],"predecessor-version":[{"id":2592,"href":"http:\/\/cloudobjectivity.co.uk\/index.php\/wp-json\/wp\/v2\/pages\/2291\/revisions\/2592"}],"wp:attachment":[{"href":"http:\/\/cloudobjectivity.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=2291"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}