{"id":228,"date":"2021-09-13T08:55:50","date_gmt":"2021-09-13T08:55:50","guid":{"rendered":"http:\/\/onthe.web.za\/?page_id=228"},"modified":"2022-01-18T13:03:08","modified_gmt":"2022-01-18T13:03:08","slug":"temp-4","status":"publish","type":"page","link":"https:\/\/onthe.web.za\/?page_id=228","title":{"rendered":"Temp 4"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"228\" class=\"elementor elementor-228\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-465923c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"465923c\" data-element_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-top-column elementor-element elementor-element-b0886d4\" data-id=\"b0886d4\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4a83df2 elementor-widget elementor-widget-ucaddon_transparent_split_hero\" data-id=\"4a83df2\" data-element_type=\"widget\" data-widget_type=\"ucaddon_transparent_split_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- start Transparent Split Hero -->\n\t\t<link id='uc_assets_uc_photography_header_uc_photography_header_css-css' href='https:\/\/onthe.web.za\/wp-content\/uploads\/ac_assets\/uc_photography_header\/uc_photography_header.css' type='text\/css' rel='stylesheet' >\n\n\t\t\t<style type=\"text\/css\">\/* widget: Transparent Split Hero *\/\n\n.uc_photography_header *{\n\tmargin:0;\n\tpadding:0;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t\n}\n#uc_transparent_split_hero_elementor15109\n{\n\tposition:relative;\n\twidth:100%;\n    background-position:center;\n    background-size:cover;\n    background-image:url();\n    display:flex;\n    \n}\n\n#uc_transparent_split_hero_elementor15109 > div\n{\n  height:100%;\n  display:flex;\n    align-items:center;\n}\n\n.uc_photography_header .uc_container_text_box{ \n  text-align:left;\n}\n\n.uc_photography_header .uc_subtitle\n{\n  font-size:42px;\n}\n\n.uc_photography_header .uc_container_text_box a{\n\tborder-style:solid;\n\tdisplay:inline-block;\n}\n\n<\/style>\n\n\t\t\t<div class=\"uc_photography_header\" id=\"uc_transparent_split_hero_elementor15109\">    \t      \n  <div class=\"uc_container_text_box\">  \n  <div>\n        <div class=\"uc_title\"><\/div>\n        <div class=\"uc_subtitle\">Install YOUR Solar Solution<\/div>\n        <div class=\"uc_text\">Do not waste time and money on inadequate or oversized solutions.<\/div>\n        <a class=\"uc_btn\" href=\"#contact\" >Get in Touch<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t<!-- end Transparent Split Hero -->\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7ce7400 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"7ce7400\" data-element_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-33 elementor-top-column elementor-element elementor-element-6055677\" data-id=\"6055677\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8610dd9 elementor-widget elementor-widget-ucaddon_hover_text_reveal_content_box\" data-id=\"8610dd9\" data-element_type=\"widget\" data-widget_type=\"ucaddon_hover_text_reveal_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- start Content Box Hover Text Reveal -->\n\t\t\t<style type=\"text\/css\">\/* widget: Content Box Hover Text Reveal *\/\n\n.uc_long_content_box {\n\toverflow:hidden;\n}\n.uc_long_content_box *{\n\tbox-sizing: border-box;\n}\n#uc_hover_text_reveal_content_box_elementor21118 .uc_long_content_box_holder{\n\tposition: relative;\n    text-align:left;\n    overflow:hidden;\n}\n#uc_hover_text_reveal_content_box_elementor21118 .uc_long_content_box_holder .uc_long_content_box_box{\n\tposition: relative;\n}\n\n#uc_hover_text_reveal_content_box_elementor21118 .uc_long_content_box_holder .uc_long_content_box_box .uc_image_box{\n\tposition: relative;\n\tbackground-size: cover !important;\n\tbackground-repeat: no-repeat !important;\n\tbackground-position: center center !important;\n\twidth: 100%;\n    background-blend-mode:normal;\n}\n\n#uc_hover_text_reveal_content_box_elementor21118 .uc_long_content_box_holder .uc_long_content_box_box .uc_overlay{\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n    right:0;\n    bottom:0;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 2;\n    transition:1s;\n}\n\n#uc_hover_text_reveal_content_box_elementor21118 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{\n\tleft: 0;\n    bottom: 0;\n    position: absolute;\n    margin: 0;\n    width: 100%;\n\tz-index: 3;\n\toverflow: hidden;\n\tdisplay: flex;\n    height: 100%;\n    flex-direction: column;\n    justify-content: flex-end;\n}\n#uc_hover_text_reveal_content_box_elementor21118 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content .uc_title{\n\tfont-weight: 400;\n\tfont-size: 22px;\n\ttransition:0.5s;\n    transform: translateY(10px);\n}\n#uc_hover_text_reveal_content_box_elementor21118 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_title{\n    transform: translateY(-10px);\n\t\n}\n#uc_hover_text_reveal_content_box_elementor21118 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content .uc_hidden_content{\n\toverflow: hidden;\n    transform: scaleY(0);\n    transform-origin: bottom;\n   transition:0.5s;\n    max-height: 0;\n\topacity: 0;\n}\n#uc_hover_text_reveal_content_box_elementor21118 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_hidden_content{\n    max-height: 100%;\n    transform: scaleY(1);\n    overflow: visible;\n\topacity: 1;\n\t\n}\n\n.uc_box_content .uc_description{\n\tcolor: #fff;\n}\n#uc_hover_text_reveal_content_box_elementor21118 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content .uc_btn{\n\ttext-decoration: none;\n\tdisplay: inline-block;\n    text-align:center;\n    transition:0.5s;\n}\n\n<\/style>\n\n\t\t\t<div class=\"uc_long_content_box\" id=\"uc_hover_text_reveal_content_box_elementor21118\">\n\t\t<div class=\"uc_long_content_box_holder\">\n\t\t\t\n\t\t\t<div class=\"uc_long_content_box_box\">\n\t\t\t\t<div class=\"uc_image_box\" style=\" background-image: url(https:\/\/onthe.web.za\/wp-content\/uploads\/2021\/09\/measure.png);\"><\/div>\n\t\t\t\t<div class=\"uc_overlay\" ><\/div>\n\t\t\t\t<div class=\"uc_box_content\">\n\t\t\t\t\t<div class=\"uc_title\">Measure<\/div>\t\t\t\t\t<div class=\"uc_hidden_content\">\n\t\t\t\t\t\t<div class=\"uc_description\">Accurate power consumption measurement.<\/div>\t\t\t\t\t\t<a  href=\"#measure\" class=\"uc_btn\" >Learn More<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n    <\/div>\n\t\t\t<!-- end Content Box Hover Text Reveal -->\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-33 elementor-top-column elementor-element elementor-element-19ac447\" data-id=\"19ac447\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-aef6a98 elementor-widget elementor-widget-ucaddon_hover_text_reveal_content_box\" data-id=\"aef6a98\" data-element_type=\"widget\" data-widget_type=\"ucaddon_hover_text_reveal_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- start Content Box Hover Text Reveal -->\n\t\t\t<style type=\"text\/css\">\/* widget: Content Box Hover Text Reveal *\/\n\n.uc_long_content_box {\n\toverflow:hidden;\n}\n.uc_long_content_box *{\n\tbox-sizing: border-box;\n}\n#uc_hover_text_reveal_content_box_elementor31463 .uc_long_content_box_holder{\n\tposition: relative;\n    text-align:center;\n    overflow:hidden;\n}\n#uc_hover_text_reveal_content_box_elementor31463 .uc_long_content_box_holder .uc_long_content_box_box{\n\tposition: relative;\n}\n\n#uc_hover_text_reveal_content_box_elementor31463 .uc_long_content_box_holder .uc_long_content_box_box .uc_image_box{\n\tposition: relative;\n\tbackground-size: cover !important;\n\tbackground-repeat: no-repeat !important;\n\tbackground-position: center center !important;\n\twidth: 100%;\n    background-blend-mode:normal;\n}\n\n#uc_hover_text_reveal_content_box_elementor31463 .uc_long_content_box_holder .uc_long_content_box_box .uc_overlay{\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n    right:0;\n    bottom:0;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 2;\n    transition:1s;\n}\n\n#uc_hover_text_reveal_content_box_elementor31463 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{\n\tleft: 0;\n    bottom: 0;\n    position: absolute;\n    margin: 0;\n    width: 100%;\n\tz-index: 3;\n\toverflow: hidden;\n\tdisplay: flex;\n    height: 100%;\n    flex-direction: column;\n    justify-content: flex-end;\n}\n#uc_hover_text_reveal_content_box_elementor31463 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content .uc_title{\n\tfont-weight: 400;\n\tfont-size: 22px;\n\ttransition:0.5s;\n    transform: translateY(10px);\n}\n#uc_hover_text_reveal_content_box_elementor31463 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_title{\n    transform: translateY(-10px);\n\t\n}\n#uc_hover_text_reveal_content_box_elementor31463 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content .uc_hidden_content{\n\toverflow: hidden;\n    transform: scaleY(0);\n    transform-origin: bottom;\n   transition:0.5s;\n    max-height: 0;\n\topacity: 0;\n}\n#uc_hover_text_reveal_content_box_elementor31463 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_hidden_content{\n    max-height: 100%;\n    transform: scaleY(1);\n    overflow: visible;\n\topacity: 1;\n\t\n}\n\n.uc_box_content .uc_description{\n\tcolor: #fff;\n}\n#uc_hover_text_reveal_content_box_elementor31463 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content .uc_btn{\n\ttext-decoration: none;\n\tdisplay: inline-block;\n    text-align:center;\n    transition:0.5s;\n}\n\n<\/style>\n\n\t\t\t<div class=\"uc_long_content_box\" id=\"uc_hover_text_reveal_content_box_elementor31463\">\n\t\t<div class=\"uc_long_content_box_holder\">\n\t\t\t\n\t\t\t<div class=\"uc_long_content_box_box\">\n\t\t\t\t<div class=\"uc_image_box\" style=\" background-image: url(https:\/\/onthe.web.za\/wp-content\/uploads\/2021\/09\/reportgraph.png);\"><\/div>\n\t\t\t\t<div class=\"uc_overlay\" ><\/div>\n\t\t\t\t<div class=\"uc_box_content\">\n\t\t\t\t\t<div class=\"uc_title\">Consumption Report<\/div>\t\t\t\t\t<div class=\"uc_hidden_content\">\n\t\t\t\t\t\t<div class=\"uc_description\">Detailed analysis of your usage.<\/div>\t\t\t\t\t\t<a  href=\"#report\" class=\"uc_btn\" >Learn More<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n    <\/div>\n\t\t\t<!-- end Content Box Hover Text Reveal -->\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-33 elementor-top-column elementor-element elementor-element-0dadf9a\" data-id=\"0dadf9a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dc28d78 elementor-widget elementor-widget-ucaddon_hover_text_reveal_content_box\" data-id=\"dc28d78\" data-element_type=\"widget\" data-widget_type=\"ucaddon_hover_text_reveal_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- start Content Box Hover Text Reveal -->\n\t\t\t<style type=\"text\/css\">\/* widget: Content Box Hover Text Reveal *\/\n\n.uc_long_content_box {\n\toverflow:hidden;\n}\n.uc_long_content_box *{\n\tbox-sizing: border-box;\n}\n#uc_hover_text_reveal_content_box_elementor46431 .uc_long_content_box_holder{\n\tposition: relative;\n    text-align:right;\n    overflow:hidden;\n}\n#uc_hover_text_reveal_content_box_elementor46431 .uc_long_content_box_holder .uc_long_content_box_box{\n\tposition: relative;\n}\n\n#uc_hover_text_reveal_content_box_elementor46431 .uc_long_content_box_holder .uc_long_content_box_box .uc_image_box{\n\tposition: relative;\n\tbackground-size: cover !important;\n\tbackground-repeat: no-repeat !important;\n\tbackground-position: center center !important;\n\twidth: 100%;\n    background-blend-mode:normal;\n}\n\n#uc_hover_text_reveal_content_box_elementor46431 .uc_long_content_box_holder .uc_long_content_box_box .uc_overlay{\n\tposition: absolute;\n\tleft: 0;\n\ttop: 0;\n    right:0;\n    bottom:0;\n\twidth: 100%;\n\theight: 100%;\n\tz-index: 2;\n    transition:1s;\n}\n\n#uc_hover_text_reveal_content_box_elementor46431 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content{\n\tleft: 0;\n    bottom: 0;\n    position: absolute;\n    margin: 0;\n    width: 100%;\n\tz-index: 3;\n\toverflow: hidden;\n\tdisplay: flex;\n    height: 100%;\n    flex-direction: column;\n    justify-content: flex-end;\n}\n#uc_hover_text_reveal_content_box_elementor46431 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content .uc_title{\n\tfont-weight: 400;\n\tfont-size: 22px;\n\ttransition:0.5s;\n    transform: translateY(10px);\n}\n#uc_hover_text_reveal_content_box_elementor46431 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_title{\n    transform: translateY(-10px);\n\t\n}\n#uc_hover_text_reveal_content_box_elementor46431 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content .uc_hidden_content{\n\toverflow: hidden;\n    transform: scaleY(0);\n    transform-origin: bottom;\n   transition:0.5s;\n    max-height: 0;\n\topacity: 0;\n}\n#uc_hover_text_reveal_content_box_elementor46431 .uc_long_content_box_holder:hover .uc_long_content_box_box .uc_box_content .uc_hidden_content{\n    max-height: 100%;\n    transform: scaleY(1);\n    overflow: visible;\n\topacity: 1;\n\t\n}\n\n.uc_box_content .uc_description{\n\tcolor: #fff;\n}\n#uc_hover_text_reveal_content_box_elementor46431 .uc_long_content_box_holder .uc_long_content_box_box .uc_box_content .uc_btn{\n\ttext-decoration: none;\n\tdisplay: inline-block;\n    text-align:center;\n    transition:0.5s;\n}\n\n<\/style>\n\n\t\t\t<div class=\"uc_long_content_box\" id=\"uc_hover_text_reveal_content_box_elementor46431\">\n\t\t<div class=\"uc_long_content_box_holder\">\n\t\t\t\n\t\t\t<div class=\"uc_long_content_box_box\">\n\t\t\t\t<div class=\"uc_image_box\" style=\" background-image: url(https:\/\/onthe.web.za\/wp-content\/uploads\/2021\/09\/quotes.png);\"><\/div>\n\t\t\t\t<div class=\"uc_overlay\" ><\/div>\n\t\t\t\t<div class=\"uc_box_content\">\n\t\t\t\t\t<div class=\"uc_title\">Quote<\/div>\t\t\t\t\t<div class=\"uc_hidden_content\">\n\t\t\t\t\t\t<div class=\"uc_description\">Find the best solution in the market.<\/div>\t\t\t\t\t\t<a  href=\"#quote\" class=\"uc_btn\" >Learn More<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n    <\/div>\n\t\t\t<!-- end Content Box Hover Text Reveal -->\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-806e661 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"806e661\" data-element_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-33 elementor-top-column elementor-element elementor-element-20fd7e9\" data-id=\"20fd7e9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-525fef7 elementor-widget elementor-widget-ucaddon_icon_pricing_table\" data-id=\"525fef7\" data-element_type=\"widget\" data-widget_type=\"ucaddon_icon_pricing_table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- start Pricing Table -->\n\t\t<link id='font-awesome-css' href='https:\/\/onthe.web.za\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome5\/css\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/onthe.web.za\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome5\/css\/fontawesome-v4-shims.css' type='text\/css' rel='stylesheet' >\n\n\t\t\t<style type=\"text\/css\">\/* widget: Pricing Table *\/\n\n#uc_icon_pricing_table_elementor55242 *{\n\tbox-sizing: border-box;\n}\n\n#uc_icon_pricing_table_elementor55242\n{\n  overflow:hidden;\n  position:relative;\n}\n#uc_icon_pricing_table_elementor55242 .ue_badge\n{\n  position: absolute;\n    top: 16px;\n    \t\n    left: -70px;transform: rotate(-45deg);    padding: 5px 0px;\n    width: 200px;\n    text-align: center;\n    box-sizing: border-box;\n    z-index:2;\n}\n\n.ue_badge\n{\n  font-size:10px;\n  line-height:1em;\n}\n#uc_icon_pricing_table_elementor55242 .uc_ispt_container{\n}\n.uc_ispt_header_title{\n\tfont-size:18px;\n}\n#uc_icon_pricing_table_elementor55242 .uc_ispt_container .uc_ispt_container_main{\n\tposition:relative;\n\tz-index:1;\n}\n\n\n#uc_icon_pricing_table_elementor55242 .uc_ispt_container_icon{\n\tdisplay:flex;\n    align-items:center;\n    justify-content:center;\n\ttext-align:center;\n    line-height:1em;\n}\n\n#uc_icon_pricing_table_elementor55242 .uc_ispt_container_icon svg\n{\n  height:1em;\n  width:1em;\n}\n\n.uc_ispt_container_price{\n\tfont-size:35px;\n}\n\n.uc_ispt_container_price .uc_ispt_sub{\n\tfont-size:15px;\n\tdisplay:inline-block;\n}\n\n\t\n#uc_icon_pricing_table_elementor55242 .uc_ispt_container .uc_ispt_container_main .uc_ispt_btn{\n\ttext-decoration:none;\n    text-align:center;\n\ttransition:all 0.3s ease;\n}\n\n.ue_old_price\n{\n  text-decoration: line-through;\n}\n\n#uc_icon_pricing_table_elementor55242 .uc_ispt_header_content\n{\n  display:flex;\n}\n\n#uc_icon_pricing_table_elementor55242 .ue_pricing_above_header\n{\n  display:flex;\n}\n\n\n#uc_icon_pricing_table_elementor55242 .uc_ispt_container_list_row\n{\n  display:flex;\n  align-items:center;\n}\n\n#uc_icon_pricing_table_elementor55242 .uc_ispt_container_list_row_spacing\n{\n  flex-grow:0;\n  flex-shrink:0;\n}\n\n#uc_icon_pricing_table_elementor55242 .uc_ispt_container_list_row_icon\n{\n  flex-grow:0;\n  flex-shrink:0;\n}\n\n#uc_icon_pricing_table_elementor55242 .uc_ispt_container_list_row_icon svg\n{\n  height:1em;\n  width:1em;\n}\n\n\n#uc_icon_pricing_table_elementor55242 .ue_pricing_table_content\n{\n  display:flex;\n  flex-direction:column;\n}\n\n<\/style>\n\n\t\t\t<div class=\"uc_icon_solid_pricing_table\" id=\"uc_icon_pricing_table_elementor55242\">\n  \n \n\t<div class=\"ue_badge\">In Stock<\/div>  \n\t\n\n  \n  \n        <div class=\"uc_ispt_container\">\n          \n           <div class=\"ue_pricing_above_header\">\n                                            <div class=\"uc_ispt_container_icon\"><i class='fas fa-bolt'><\/i><\/div>  \n                                 \n                                        <div class=\"uc_ispt_header_title\"> Home Office Solution <\/div>\n                                        \n                                        <div class=\"uc_ispt_header_subtitle\"> 600w  <\/div>\n                               <\/div>\n           \n            <div class=\"uc_ispt_header\">\n                \n                <div class=\"uc_ispt_header_content\">\n                    \n                    \t\n                    \n                    \t\n                  \n                                      \n                  \n                                        <div class=\"ue_old_price\"><\/div>                    <div class=\"uc_ispt_container_price\"><div class=\"uc_ispt_sub ue_pricing_table_currency\"><\/div> R8,950 <div class=\"uc_ispt_sub ue_pricing_table_duration\"><\/div><\/div>\n                                    <\/div>\n                \n            <\/div>         \n           \n           <div class=\"uc_ispt_container_main\">\n           \t\t\n             \t\t\n                    <div class=\"ue_pricing_table_content\">\n                                        \n                    \t\n                      \n                                        \n                                        <\/div>\n             \n                <div class=\"uc_ispt_container_list\">\n\t\t\t\t\t<div class=\"uc_ispt_container_list_row\">\n    <div class=\"uc_ispt_container_list_row_icon\"><i class='fas fa-check'><\/i><\/div>\n  <div class=\"uc_ispt_container_list_row_spacing\"><\/div>\n    <div class=\"uc_ispt_container_list_row_txt\">600w Battery<\/div>\n<\/div>\n<div class=\"uc_ispt_container_list_row\">\n    <div class=\"uc_ispt_container_list_row_icon\"><i class='fas fa-check'><\/i><\/div>\n  <div class=\"uc_ispt_container_list_row_spacing\"><\/div>\n    <div class=\"uc_ispt_container_list_row_txt\">Trolley<\/div>\n<\/div>\n<div class=\"uc_ispt_container_list_row\">\n    <div class=\"uc_ispt_container_list_row_icon\"><i class='fas fa-check'><\/i><\/div>\n  <div class=\"uc_ispt_container_list_row_spacing\"><\/div>\n    <div class=\"uc_ispt_container_list_row_txt\">Inverter<\/div>\n<\/div>\n<div class=\"uc_ispt_container_list_row\">\n    <div class=\"uc_ispt_container_list_row_icon\"><i class='fas fa-check'><\/i><\/div>\n  <div class=\"uc_ispt_container_list_row_spacing\"><\/div>\n    <div class=\"uc_ispt_container_list_row_txt\">Multiplug<\/div>\n<\/div>\n\n                <\/div>\n                \n                \n           <\/div>\n          \n            <div class=\"ue_pricing_table_footer\">\n                <a href=\"#\" class=\"uc_ispt_btn uc_more_btn\" >Purchase<\/a>                <div class=\"ue_pricing_table_footer_text\">T's & C's Apply<\/div>            <\/div>\n            \n        <\/div>\n    <\/div>\n\t\t\t<!-- end Pricing Table -->\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-33 elementor-top-column elementor-element elementor-element-49f4c2c\" data-id=\"49f4c2c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-14348fd elementor-widget elementor-widget-heading\" data-id=\"14348fd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Plug & Power<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-730fe85 elementor-widget elementor-widget-heading\" data-id=\"730fe85\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">The Home Office Solution That will not leave you powerless!<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7d36119 elementor-widget elementor-widget-ucaddon_hotspot\" data-id=\"7d36119\" data-element_type=\"widget\" data-widget_type=\"ucaddon_hotspot.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- start Hotspots -->\n\t\t<link id='uc_assets_hotspot_tooltipster_bundle_min_css-css' href='https:\/\/onthe.web.za\/wp-content\/uploads\/ac_assets\/Hotspot\/tooltipster.bundle.min.css' type='text\/css' rel='stylesheet' >\n\n\t\t\t<style type=\"text\/css\">\/* widget: Hotspots *\/\n\n#uc_hotspot_elementor67032\n{\n  position:relative;\n}\n#uc_hotspot_elementor67032 img\n{\n  display:block;\n  width:100%;\n}\n\n#uc_hotspot_elementor67032 .spot\n{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  text-align:center;\n  cursor:pointer;\n  position:absolute;\n  transform:translate(-50%,-50%);\n  padding-right:10px;\n  padding-left:10px;\n  box-sizing:border-box;\n  transition:0.5s;\n}\n\n#uc_hotspot_elementor67032 .spot:hover\n{\n  transform:translate(-50%,-50%) scale(0.9,0.9);\n}\n\n#uc_hotspot_elementor67032 .spot:before\n{\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    -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}\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#uc_hotspot_elementor67032 .tooltipster-base\n{\n  max-width:300px;\n}\n.tooltipster-sidetip .tooltipster-box {\n\tbackground: #357BA1 !important;\n\tborder: 3px solid #357BA1 !important;\n    \n\n}\n\n.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {\n\tborder-bottom-color: #357BA1 !important;\n}\n\n.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {\n\tborder-left-color: #357BA1 !important;\n}\n\n.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {\n\tborder-right-color: #357BA1 !important;\n}\n\n.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {\n\tborder-top-color: #357BA1 !important;\n}\n\n.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {\n\tborder-bottom-color: #357BA1 !important;\n}\n\n.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {\n\tborder-left-color: #357BA1 !important;\n}\n\n.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {\n\tborder-right-color: #357BA1 !important;\n}\n\n.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {\n\tborder-top-color: #357BA1 !important;\n}\n\n.ue-popup-overlay\n{\n  position:fixed;\n  top:0;\n  bottom:0;\n  right:0;\n  left:0;\n  width:100%;\n  display:none;\n\n}\n\n.item-popup\n{\n  display:none;\n  background-color:white;\n  position:absolute;\n  top:50%;\n  left:50%;\n  transform:translate(-50%,-50%);\n  z-index:100000000;\n}\n\n.item-popup-title\n{\n  justify-content:space-between;\n  align-items:center;\n  display:flex;\n}\n\n.item-popup-close\n{\n  cursor:pointer;\n}\n\n.item-popup-text\n{\n  padding:20px;\n}\n#uc_hotspot_elementor67032 #uc_hotspot_elementor67032_item1\n{\n\n  background:#7899D3;\n  text-decoration:none;\n}\n\n\n\n#uc_hotspot_elementor67032 #uc_hotspot_elementor67032_item1:before\n{\n  \n    border: 1px solid #3047E6;\n    border-color: #3047E6;\n}\n#uc_hotspot_elementor67032 #uc_hotspot_elementor67032_item2\n{\n\n  background:#7899D3;\n  text-decoration:none;\n}\n\n\n\n#uc_hotspot_elementor67032 #uc_hotspot_elementor67032_item2:before\n{\n  \n    border: 1px solid #3047E6;\n    border-color: #3047E6;\n}\n#uc_hotspot_elementor67032 #uc_hotspot_elementor67032_item3\n{\n\n  background:#7899D3;\n  text-decoration:none;\n}\n\n\n\n#uc_hotspot_elementor67032 #uc_hotspot_elementor67032_item3:before\n{\n  \n    border: 1px solid #3047E6;\n    border-color: #3047E6;\n}\n#uc_hotspot_elementor67032 #uc_hotspot_elementor67032_item4\n{\n\n  background:#7899D3;\n  text-decoration:none;\n}\n\n\n\n#uc_hotspot_elementor67032 #uc_hotspot_elementor67032_item4:before\n{\n  \n    border: 1px solid #3047E6;\n    border-color: #3047E6;\n}\n\n\n<\/style>\n\n\t\t\t<div id=\"uc_hotspot_elementor67032\">\n  <img decoding=\"async\" src=\"https:\/\/onthe.web.za\/wp-content\/uploads\/2021\/09\/solar.png\">\n  <a class=\"spot elementor-repeater-item-3a1ab00\" id=\"uc_hotspot_elementor67032_item1\" title=\"600w Battery\" href=\"#\" >1<\/a>\n<a class=\"spot elementor-repeater-item-71b3fae\" id=\"uc_hotspot_elementor67032_item2\" title=\"Trolley\" href=\"#\" >2<\/a>\n<a class=\"spot elementor-repeater-item-9991880\" id=\"uc_hotspot_elementor67032_item3\" title=\"Inverter\" href=\"#\" >3<\/a>\n<a class=\"spot elementor-repeater-item-97074a4\" id=\"uc_hotspot_elementor67032_item4\" title=\"Multiplug\" href=\"#\" >4<\/a>\n\n\n<\/div>\n\n\n\n\n\t\t\t<!-- end Hotspots -->\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-33 elementor-top-column elementor-element elementor-element-11a6c46\" data-id=\"11a6c46\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d26c2f3 elementor-widget elementor-widget-ucaddon_icon_pricing_table\" data-id=\"d26c2f3\" data-element_type=\"widget\" data-widget_type=\"ucaddon_icon_pricing_table.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- start Pricing Table -->\n\n\t\t\t<style type=\"text\/css\">\/* widget: Pricing Table *\/\n\n#uc_icon_pricing_table_elementor71878 *{\n\tbox-sizing: border-box;\n}\n\n#uc_icon_pricing_table_elementor71878\n{\n  overflow:hidden;\n  position:relative;\n}\n#uc_icon_pricing_table_elementor71878 .ue_badge\n{\n  position: absolute;\n    top: 16px;\n    \t\n    left: -70px;transform: rotate(-45deg);    padding: 5px 0px;\n    width: 200px;\n    text-align: center;\n    box-sizing: border-box;\n    z-index:2;\n}\n\n.ue_badge\n{\n  font-size:10px;\n  line-height:1em;\n}\n#uc_icon_pricing_table_elementor71878 .uc_ispt_container{\n}\n.uc_ispt_header_title{\n\tfont-size:18px;\n}\n#uc_icon_pricing_table_elementor71878 .uc_ispt_container .uc_ispt_container_main{\n\tposition:relative;\n\tz-index:1;\n}\n\n\n#uc_icon_pricing_table_elementor71878 .uc_ispt_container_icon{\n\tdisplay:flex;\n    align-items:center;\n    justify-content:center;\n\ttext-align:center;\n    line-height:1em;\n}\n\n#uc_icon_pricing_table_elementor71878 .uc_ispt_container_icon svg\n{\n  height:1em;\n  width:1em;\n}\n\n.uc_ispt_container_price{\n\tfont-size:35px;\n}\n\n.uc_ispt_container_price .uc_ispt_sub{\n\tfont-size:15px;\n\tdisplay:inline-block;\n}\n\n\t\n#uc_icon_pricing_table_elementor71878 .uc_ispt_container .uc_ispt_container_main .uc_ispt_btn{\n\ttext-decoration:none;\n    text-align:center;\n\ttransition:all 0.3s ease;\n}\n\n.ue_old_price\n{\n  text-decoration: line-through;\n}\n\n#uc_icon_pricing_table_elementor71878 .uc_ispt_header_content\n{\n  display:flex;\n}\n\n#uc_icon_pricing_table_elementor71878 .ue_pricing_above_header\n{\n  display:flex;\n}\n\n\n#uc_icon_pricing_table_elementor71878 .uc_ispt_container_list_row\n{\n  display:flex;\n  align-items:center;\n}\n\n#uc_icon_pricing_table_elementor71878 .uc_ispt_container_list_row_spacing\n{\n  flex-grow:0;\n  flex-shrink:0;\n}\n\n#uc_icon_pricing_table_elementor71878 .uc_ispt_container_list_row_icon\n{\n  flex-grow:0;\n  flex-shrink:0;\n}\n\n#uc_icon_pricing_table_elementor71878 .uc_ispt_container_list_row_icon svg\n{\n  height:1em;\n  width:1em;\n}\n\n\n#uc_icon_pricing_table_elementor71878 .ue_pricing_table_content\n{\n  display:flex;\n  flex-direction:column;\n}\n\n<\/style>\n\n\t\t\t<div class=\"uc_icon_solid_pricing_table\" id=\"uc_icon_pricing_table_elementor71878\">\n  \n \n\t<div class=\"ue_badge\">In Stock<\/div>  \n\t\n\n  \n  \n        <div class=\"uc_ispt_container\">\n          \n           <div class=\"ue_pricing_above_header\">\n                                            <div class=\"uc_ispt_container_icon\"><i class='fas fa-bolt'><\/i><\/div>  \n                                 \n                                        <div class=\"uc_ispt_header_title\"> Home Office Solution <\/div>\n                                        \n                                        <div class=\"uc_ispt_header_subtitle\"> 1200w <\/div>\n                               <\/div>\n           \n            <div class=\"uc_ispt_header\">\n                \n                <div class=\"uc_ispt_header_content\">\n                    \n                    \t\n                    \n                    \t\n                  \n                                      \n                  \n                                        <div class=\"ue_old_price\"><\/div>                    <div class=\"uc_ispt_container_price\"><div class=\"uc_ispt_sub ue_pricing_table_currency\"><\/div> R13,500 <div class=\"uc_ispt_sub ue_pricing_table_duration\"><\/div><\/div>\n                                    <\/div>\n                \n            <\/div>         \n           \n           <div class=\"uc_ispt_container_main\">\n           \t\t\n             \t\t\n                    <div class=\"ue_pricing_table_content\">\n                                        \n                    \t\n                      \n                                        \n                                        <\/div>\n             \n                <div class=\"uc_ispt_container_list\">\n\t\t\t\t\t<div class=\"uc_ispt_container_list_row\">\n    <div class=\"uc_ispt_container_list_row_icon\"><i class='fas fa-check'><\/i><\/div>\n  <div class=\"uc_ispt_container_list_row_spacing\"><\/div>\n    <div class=\"uc_ispt_container_list_row_txt\">2x 600w Batteries<\/div>\n<\/div>\n<div class=\"uc_ispt_container_list_row\">\n    <div class=\"uc_ispt_container_list_row_icon\"><i class='fas fa-check'><\/i><\/div>\n  <div class=\"uc_ispt_container_list_row_spacing\"><\/div>\n    <div class=\"uc_ispt_container_list_row_txt\">Trolley<\/div>\n<\/div>\n<div class=\"uc_ispt_container_list_row\">\n    <div class=\"uc_ispt_container_list_row_icon\"><i class='fas fa-check'><\/i><\/div>\n  <div class=\"uc_ispt_container_list_row_spacing\"><\/div>\n    <div class=\"uc_ispt_container_list_row_txt\">Inverter<\/div>\n<\/div>\n<div class=\"uc_ispt_container_list_row\">\n    <div class=\"uc_ispt_container_list_row_icon\"><i class='fas fa-check'><\/i><\/div>\n  <div class=\"uc_ispt_container_list_row_spacing\"><\/div>\n    <div class=\"uc_ispt_container_list_row_txt\">Multiplug<\/div>\n<\/div>\n\n                <\/div>\n                \n                \n           <\/div>\n          \n            <div class=\"ue_pricing_table_footer\">\n                <a href=\"#\" class=\"uc_ispt_btn uc_more_btn\" >Purchase<\/a>                <div class=\"ue_pricing_table_footer_text\">T's & C's Apply<\/div>            <\/div>\n            \n        <\/div>\n    <\/div>\n\t\t\t<!-- end Pricing Table -->\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2568a5e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2568a5e\" data-element_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-5fe15dd\" data-id=\"5fe15dd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\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-e68c2ec\" data-id=\"e68c2ec\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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-33d4622 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"33d4622\" data-element_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-b157211\" data-id=\"b157211\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1638903 elementor-widget elementor-widget-spacer\" data-id=\"1638903\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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-32624e1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32624e1\" data-element_type=\"section\" id=\"measure\" 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-top-column elementor-element elementor-element-d864aa7\" data-id=\"d864aa7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ab1d65f elementor-invisible elementor-widget elementor-widget-ucaddon_transparent_split_hero\" data-id=\"ab1d65f\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ucaddon_transparent_split_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- start Transparent Split Hero -->\n\n\t\t\t<style type=\"text\/css\">\/* widget: Transparent Split Hero *\/\n\n.uc_photography_header *{\n\tmargin:0;\n\tpadding:0;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t\n}\n#uc_transparent_split_hero_elementor86732\n{\n\tposition:relative;\n\twidth:100%;\n    background-position:center;\n    background-size:cover;\n    background-image:url(https:\/\/onthe.web.za\/wp-content\/uploads\/2021\/09\/first-sectionpng.png);\n    display:flex;\n    \n}\n\n#uc_transparent_split_hero_elementor86732 > div\n{\n  height:100%;\n  display:flex;\n    align-items:center;\n}\n\n.uc_photography_header .uc_container_text_box{ \n  text-align:right;\n}\n\n.uc_photography_header .uc_subtitle\n{\n  font-size:42px;\n}\n\n.uc_photography_header .uc_container_text_box a{\n\tborder-style:solid;\n\tdisplay:inline-block;\n}\n\n<\/style>\n\n\t\t\t<div class=\"uc_photography_header\" id=\"uc_transparent_split_hero_elementor86732\">    \t      \n  <div class=\"uc_container_text_box\">  \n  <div>\n        <div class=\"uc_title\">Measure<\/div>\n        <div class=\"uc_subtitle\">Measure to identify REAL consumption<\/div>\n        <div class=\"uc_text\">We use instruments to log your actual usage over a set period of time. This provides us with the data we require to determine your typical day to day power usage.<\/div>\n        <a class=\"uc_btn\" href=\"#\" >Learn More<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t<!-- end Transparent Split Hero -->\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f7e3e9f elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"f7e3e9f\" data-element_type=\"section\" id=\"report\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:500}\">\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-b2a1488\" data-id=\"b2a1488\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-80a7dde elementor-widget elementor-widget-ucaddon_transparent_split_hero\" data-id=\"80a7dde\" data-element_type=\"widget\" data-widget_type=\"ucaddon_transparent_split_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- start Transparent Split Hero -->\n\n\t\t\t<style type=\"text\/css\">\/* widget: Transparent Split Hero *\/\n\n.uc_photography_header *{\n\tmargin:0;\n\tpadding:0;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t\n}\n#uc_transparent_split_hero_elementor91305\n{\n\tposition:relative;\n\twidth:100%;\n    background-position:center;\n    background-size:cover;\n    background-image:url(https:\/\/onthe.web.za\/wp-content\/uploads\/2021\/09\/second-section-1.png);\n    display:flex;\n    \n}\n\n#uc_transparent_split_hero_elementor91305 > div\n{\n  height:100%;\n  display:flex;\n    align-items:center;\n}\n\n.uc_photography_header .uc_container_text_box{ \n  text-align:left;\n}\n\n.uc_photography_header .uc_subtitle\n{\n  font-size:42px;\n}\n\n.uc_photography_header .uc_container_text_box a{\n\tborder-style:solid;\n\tdisplay:inline-block;\n}\n\n<\/style>\n\n\t\t\t<div class=\"uc_photography_header\" id=\"uc_transparent_split_hero_elementor91305\">    \t      \n  <div class=\"uc_container_text_box\">  \n  <div>\n        <div class=\"uc_title\">Report<\/div>\n        <div class=\"uc_subtitle\">Define a solution for YOUR needs<\/div>\n        <div class=\"uc_text\">We use the data gathered to perform analysis and generate a report, which allows us to find the best fit for your needs. We propose suggestions as to what can be changed in order to simplify or present a cost effective solution. The data contains the actual usage and transient spikes which we use to determine the correct inverter, solar, and battery capacity for your needs.<\/div>\n        <a class=\"uc_btn\" href=\"#\" >Learn More<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t<!-- end Transparent Split Hero -->\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-aff3b12 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"aff3b12\" data-element_type=\"section\" id=\"quote\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;,&quot;animation_delay&quot;:700}\">\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-20c6f7e\" data-id=\"20c6f7e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1b721ea elementor-widget elementor-widget-ucaddon_transparent_split_hero\" data-id=\"1b721ea\" data-element_type=\"widget\" data-widget_type=\"ucaddon_transparent_split_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- start Transparent Split Hero -->\n\n\t\t\t<style type=\"text\/css\">\/* widget: Transparent Split Hero *\/\n\n.uc_photography_header *{\n\tmargin:0;\n\tpadding:0;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t\n}\n#uc_transparent_split_hero_elementor104168\n{\n\tposition:relative;\n\twidth:100%;\n    background-position:center;\n    background-size:cover;\n    background-image:url(https:\/\/onthe.web.za\/wp-content\/uploads\/2021\/09\/third-section1.png);\n    display:flex;\n    \n}\n\n#uc_transparent_split_hero_elementor104168 > div\n{\n  height:100%;\n  display:flex;\n    align-items:center;\n}\n\n.uc_photography_header .uc_container_text_box{ \n  text-align:left;\n}\n\n.uc_photography_header .uc_subtitle\n{\n  font-size:42px;\n}\n\n.uc_photography_header .uc_container_text_box a{\n\tborder-style:solid;\n\tdisplay:inline-block;\n}\n\n<\/style>\n\n\t\t\t<div class=\"uc_photography_header\" id=\"uc_transparent_split_hero_elementor104168\">    \t      \n  <div class=\"uc_container_text_box\">  \n  <div>\n        <div class=\"uc_title\">Quote<\/div>\n        <div class=\"uc_subtitle\">Find the BEST price in the market.<\/div>\n        <div class=\"uc_text\">The data analysis and report helps us to give you the right solution. Finding an affordable install is just a few steps away.<\/div>\n        <a class=\"uc_btn\" href=\"#\" >Learn More<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t<!-- end Transparent Split Hero -->\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d723825 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d723825\" data-element_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-88fbd05\" data-id=\"88fbd05\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d9967b8 elementor-widget elementor-widget-spacer\" data-id=\"d9967b8\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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-e26350c elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"e26350c\" data-element_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-50 elementor-top-column elementor-element elementor-element-40e7764\" data-id=\"40e7764\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-80d4918 elementor-widget elementor-widget-heading\" data-id=\"80d4918\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">About Us<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08aecff elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"08aecff\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b079062 elementor-widget elementor-widget-text-editor\" data-id=\"b079062\" data-element_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<p>We are a niche company that pride ourselves in giving you the best service and expertise possible. With a background in electronic engineering and development, we bring the same analytical methods to the services we offer. We believe we can bring the same success to your solar installation, as we have done with our past satisfied customers.<\/p>\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-0b5a48e\" data-id=\"0b5a48e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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-a870f37 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"a870f37\" data-element_type=\"section\" id=\"contact\" 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-50 elementor-top-column elementor-element elementor-element-9c383ac\" data-id=\"9c383ac\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3a9d3a5 elementor-widget elementor-widget-heading\" data-id=\"3a9d3a5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contact Us<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4ce66b elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"c4ce66b\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5cfbfcc elementor-widget elementor-widget-heading\" data-id=\"5cfbfcc\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Get is touch with us using any of these:<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82c7b4c elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"82c7b4c\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">CALL<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46f2f28 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"46f2f28\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">EMAIL<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebbf6ca elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"ebbf6ca\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInLeft&quot;,&quot;_animation_delay&quot;:600}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button elementor-size-sm\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">FORM<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\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<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7fbaf1c\" data-id=\"7fbaf1c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Install YOUR Solar Solution Do not waste time and money on inadequate or oversized solutions. Get in Touch Measure Accurate power consumption measurement. Learn More Consumption Report Detailed analysis of your usage. Learn More Quote Find the best solution in the market. Learn More In Stock Home Office Solution 600w R8,950 600w Battery Trolley Inverter [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-228","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/onthe.web.za\/index.php?rest_route=\/wp\/v2\/pages\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onthe.web.za\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onthe.web.za\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onthe.web.za\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/onthe.web.za\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=228"}],"version-history":[{"count":199,"href":"https:\/\/onthe.web.za\/index.php?rest_route=\/wp\/v2\/pages\/228\/revisions"}],"predecessor-version":[{"id":1083,"href":"https:\/\/onthe.web.za\/index.php?rest_route=\/wp\/v2\/pages\/228\/revisions\/1083"}],"wp:attachment":[{"href":"https:\/\/onthe.web.za\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}