{"id":107,"date":"2024-07-19T11:12:28","date_gmt":"2024-07-19T11:12:28","guid":{"rendered":"https:\/\/aredunet.co.uk\/?page_id=107"},"modified":"2026-01-09T19:02:58","modified_gmt":"2026-01-09T19:02:58","slug":"video-play-button-with-animated-background-overlay-2","status":"publish","type":"page","link":"https:\/\/aredunet.co.uk\/","title":{"rendered":"Mainatance Homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"107\" class=\"elementor elementor-107\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e01264f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"e01264f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8d3d1b5 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"8d3d1b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7524b59 elementor-widget elementor-widget-heading\" data-id=\"7524b59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">AR Education Network<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b608823 elementor-widget elementor-widget-text-editor\" data-id=\"b608823\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We are so glad you stopped by!<br \/>Currently our site is under maintanance. Check back soon.\u00a0<br \/>Thank You.\u00a0<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e048c1 elementor-widget elementor-widget-ucaddon_uc_icon_hover_effect_button\" data-id=\"7e048c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_uc_icon_hover_effect_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Button Icon Hover Effect -->\n\t\t<link id='font-awesome-css' href='https:\/\/aredunet.co.uk\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/aredunet.co.uk\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Button Icon Hover Effect *\/\n\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 *{\n\tmargin:0;\n\tbox-sizing: border-box;\n}\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 .uc_container_holder {\n\tposition:relative;\n}\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 .uc_container_holder .uc_btn {\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tposition: relative;\n\ttransition: all 0.3s;\n  overflow: hidden;\n\tbackface-visibility: hidden;\n}\n\/**\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 .uc_container_holder .uc_btn:after {\n\tcontent: '';\n\tposition: absolute;\n\tz-index: -1;\n\t-webkit-transition: all 0.3s;\n\t-moz-transition: all 0.3s;\n\ttransition: all 0.3s;\n}\n**\/\n\n\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 .uc_container_holder .uc_btn-5 span {\n\tdisplay: inline-block;\n\twidth: 100%;\n\theight: 100%;\n\ttransition: all 0.3s;\n\tbackface-visibility: hidden;\n}\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 .uc_container_holder .uc_btn-5 .ue-icon {\n\tposition: absolute;\n\theight: 100%;\n\twidth: 100%;\n\ttransition: all 0.3s;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    line-height:1em;\n}\n\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 .uc_container_holder .uc_btn-5 .ue-icon svg\n{\n  height:1em;\n  width:1em;\n}\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 .uc_container_holder .uc_btn-5a:hover span {\n\ttransform: translateY(300%);\n}\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 .uc_container_holder .uc_btn-5a .ue-icon {\n\tleft: 0;\n\ttop: -100%;\n}\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 .uc_container_holder .uc_btn-5a:hover .ue-icon {\n\ttop: 0;\n}\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 .uc_container_holder .uc_btn-5b:hover span {\n\ttransform: translateX(200%);\n}\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 .uc_container_holder .uc_btn-5b .ue-icon {\n\tleft: -100%;\n\ttop: 0;\n}\n#uc_uc_icon_hover_effect_button_elementor_7e048c1 .uc_container_holder .uc_btn-5b:hover .ue-icon {\n\tleft: 0;\n}\n\n<\/style>\n\n<div class=\"uc_icon_hover_effect_button\" id=\"uc_uc_icon_hover_effect_button_elementor_7e048c1\">\n    \t<div class=\"uc_container_holder\" style=\"text-align:left;\">\n            <div class=\"uc_color-5\">\n                <a style=\"text-align:center;\" href=\"\" class=\"uc_btn uc_btn-5 uc_btn-5a uc_icon-cart uc_btn-5a\" >\n                  <div class=\"ue-icon\"><i class='fas fa-leaf'><\/i><\/div>\n                  <span>Learn More<\/span>\n                <\/a>\n            <\/div>  \n        <\/div>\n    <\/div>\n<!-- end Button Icon Hover Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa876e7 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"fa876e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5a8507f elementor-widget elementor-widget-ucaddon_blox_play_button\" data-id=\"5a8507f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_blox_play_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Video Play Button -->\n\t\t<link id='lity-css' href='https:\/\/aredunet.co.uk\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/lity\/lity.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Video Play Button *\/\n\n#uc_blox_play_button_elementor_5a8507f{\n width:100%;\n}\n\n.container_uc_blox_play_button_elementor_5a8507f{\n  display: flex;\n  justify-content: center;\n}\n\n#uc_blox_play_button_elementor_5a8507f a{\n  display:inline-block;\n  transition:0.5s;\n  text-decoration:none;\n}\n\n.ue_play_button{\n  text-align:center;\n}\n\n#uc_blox_play_button_elementor_5a8507f a:hover{\n  transform:scale(1.1,1.1);\n}\n\n#uc_blox_play_button_elementor_5a8507f a span.video-button{\n  display:inline-block;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column; \n  display:flex;\n  position:relative;\n  transition:0.3s;\n  line-height:1em;\n}\n\n.ue-play-bg{\n  background-size:cover;\n  background-position:center;\n  background-repeat:none;\n  max-width:100%; \n}\n\n#uc_blox_play_button_elementor_5a8507f a span.video-button svg{\n  height:1em;\n  width:1em;\n}\n\n#uc_blox_play_button_elementor_5a8507f i{\n  vertical-align:middle;\n  transition:0.3s;\n}\n\n#uc_blox_play_button_elementor_5a8507f a span:before{\n  content: '';\n    display: inline-block;\n    position: absolute;\n    top: -2px;\n    left: -2px;\n    bottom: -2px;\n    right: -2px;\n    border-radius: inherit;\n    border: 1px solid #000000;\n    -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;\n    animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;\n    border-color: #000000;\n}\n\n@keyframes btnIconRipple {\n  0% {\n    border-width: 4px;\n            transform: scale(1);\n  }\n  80% {\n    border-width: 1px;\n            transform: scale(1.35);\n  }\n  100% {\n    opacity: 0;\n  }\n}\n\n\n.ue-play-bg{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n}\n\n\n\t\n\t\t\n\t        .button_uc_blox_play_button_elementor_5a8507f {\n          animation: ue-video-popup-blink 1.33s ease-out infinite;\n      }\n\n      @keyframes ue-video-popup-blink {\n          0% {\n              opacity: 1;\n          }\n\n          20% {\n              opacity: .5;\n          }\n\n          100% {\n              opacity: 1;\n          }\n      }\n\t\n\t\n\t\n\t\n\t\n\n.lity-close{\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding:0!important;\n  color:;\n  font-size: !important;\n  background-color:;\n      }\n\n.lity-close *{\n  transition: all 200ms;\n}\n\n.lity-close:hover{\n  background-color:;\n  color:;\n}\n\n.lity-iframe .lity-container, \n.lity-youtube .lity-container, \n.lity-vimeo .lity-container, \n.lity-facebookvideo .lity-container, \n.lity-googlemaps .lity-container{\n  max-width: 1000px;\n}\n\n@media (max-width: 767px) {\n .lity-close{\n    font-size: !important;\n  }\n}\n@media (max-width: 1024px) {\n .lity-close{\n    font-size: !important;\n  }\n}\n\n<\/style>\n\n  <div class=\"container_uc_blox_play_button_elementor_5a8507f\">\n     <div class=\"ue-play-bg\" id=\"ue-play-bg_uc_blox_play_button_elementor_5a8507f\" style=\"--imgurl: url(https:\/\/aredunet.co.uk\/wp-content\/uploads\/2025\/12\/Logo-For-display-scaled.png); background-image: linear-gradient(rgba(0, 0, 0, 0.17), rgba(0, 0, 0, 0.17)), var(--imgurl);\">\n\t\n     <div id=\"uc_blox_play_button_elementor_5a8507f\" class=\"ue_play_button\" data-path=\"\/\/www.youtube.com\/watch?v=\">\n          <a href=\"\/\/www.youtube.com\/watch?v=exydCvl_M8E&autoplay=1&mute=1\" class=\"button_uc_blox_play_button_elementor_5a8507f\" data-lity>\n         <span class=\"video-button\">\n          <i class='fas fa-play'><\/i>\n  <\/span>  \n<\/a>\n<\/div>\n<\/div><\/div>\n<!-- end Video Play Button -->\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 class=\"unlimited-elements-background-overlay\" data-forid=\"e01264f\" data-location=\"back\" style=\"display:none\">\n\t\t\t<template>\n\t\t\t\n<!-- start Animated Floating Elements Background -->\n<style>\/* widget: Animated Floating Elements Background *\/\n\n#uc_css_animated_squares_background_bg_addon18943{\n    position:absolute;\n    top:0px;\n    bottom:0px;\n    left:0px;\n    right:0px;\n    width:100%;\n}\n\n#uc_css_animated_squares_background_bg_addon18943 .uc-circles{\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n}\n\n#uc_css_animated_squares_background_bg_addon18943 .uc-circles li{\n    position: absolute;\n    display: block;\n    list-style: none;\n    width: 20px;\n    height: 20px;\n    background-color:#FFFFFF;\n    opacity:0.5;\n    animation: animate-bg-squares 25s linear infinite;\n    bottom: -150px;\n    border-radius:10px;\n    \n}\n\n#uc_css_animated_squares_background_bg_addon18943 .uc-circles li:nth-child(1){\n    left: 25%;\n    width: 80px;\n    height: 80px;\n    animation-delay: 0s;\n}\n\n\n#uc_css_animated_squares_background_bg_addon18943 .uc-circles li:nth-child(2){\n    left: 10%;\n    width: 20px;\n    height: 20px;\n    animation-delay: 2s;\n    animation-duration: 12s;\n}\n\n#uc_css_animated_squares_background_bg_addon18943 .uc-circles li:nth-child(3){\n    left: 70%;\n    width: 20px;\n    height: 20px;\n    animation-delay: 4s;\n}\n\n#uc_css_animated_squares_background_bg_addon18943 .uc-circles li:nth-child(4){\n    left: 40%;\n    width: 60px;\n    height: 60px;\n    animation-delay: 0s;\n    animation-duration: 18s;\n}\n\n#uc_css_animated_squares_background_bg_addon18943 .uc-circles li:nth-child(5){\n    left: 65%;\n    width: 20px;\n    height: 20px;\n    animation-delay: 0s;\n}\n\n#uc_css_animated_squares_background_bg_addon18943 .uc-circles li:nth-child(6){\n    left: 75%;\n    width: 110px;\n    height: 110px;\n    animation-delay: 3s;\n}\n\n#uc_css_animated_squares_background_bg_addon18943 .uc-circles li:nth-child(7){\n    left: 35%;\n    width: 150px;\n    height: 150px;\n    animation-delay: 7s;\n}\n\n#uc_css_animated_squares_background_bg_addon18943 .uc-circles li:nth-child(8){\n    left: 50%;\n    width: 25px;\n    height: 25px;\n    animation-delay: 15s;\n    animation-duration: 45s;\n}\n\n#uc_css_animated_squares_background_bg_addon18943 .uc-circles li:nth-child(9){\n    left: 20%;\n    width: 15px;\n    height: 15px;\n    animation-delay: 2s;\n    animation-duration: 35s;\n}\n\n#uc_css_animated_squares_background_bg_addon18943 .uc-circles li:nth-child(10){\n    left: 85%;\n    width: 150px;\n    height: 150px;\n    animation-delay: 0s;\n    animation-duration: 11s;\n}\n\n\n\n@keyframes animate-bg-squares {\n\t  \n    0%{\n        transform: translateY(-601px) rotate(0deg);\n    }\n\n    100%{\n        transform: translateY(-2000px) rotate(720deg);\n    }\n  \n    \n}\n\n<\/style>\n\n<div class=\"uc-squaresbg-area\" id=\"uc_css_animated_squares_background_bg_addon18943\">\n            <ul class=\"uc-circles\" style=\"margin:0;padding:0;\">\n                    <li><\/li>\n                    <li><\/li>\n                    <li><\/li>\n                    <li><\/li>\n                    <li><\/li>\n                    <li><\/li>\n                    <li><\/li>\n                    <li><\/li>\n                    <li><\/li>\n                    <li><\/li>\n            <\/ul>\n    <\/div >\n<script type=\"text\/javascript\"  id=\"ue_script_css_animated_squares_background\">\n\n\/* Animated Floating Elements Background scripts: *\/ \n\n\n<\/script>\n<!-- end Animated Floating Elements Background -->\t\t\t<\/template>\n\t\t<\/div>\n\t\t\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AR Education Network We are so glad you stopped by!Currently our site is under maintanance. Check back soon.\u00a0Thank You.\u00a0 Learn More<\/p>\n","protected":false},"author":3,"featured_media":68,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-107","page","type-page","status-publish","has-post-thumbnail","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/aredunet.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aredunet.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aredunet.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aredunet.co.uk\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/aredunet.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=107"}],"version-history":[{"count":33,"href":"https:\/\/aredunet.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions"}],"predecessor-version":[{"id":153,"href":"https:\/\/aredunet.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/107\/revisions\/153"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aredunet.co.uk\/index.php?rest_route=\/wp\/v2\/media\/68"}],"wp:attachment":[{"href":"https:\/\/aredunet.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}