{"id":761,"date":"2021-03-12T17:15:01","date_gmt":"2021-03-12T11:45:01","guid":{"rendered":"https:\/\/www.codingbroz.com\/?page_id=761"},"modified":"2024-01-18T21:59:33","modified_gmt":"2024-01-18T16:29:33","slug":"home","status":"publish","type":"page","link":"https:\/\/www.codingbroz.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"761\" class=\"elementor elementor-761\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e45f5ba elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e45f5ba\" 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-ee43b03\" data-id=\"ee43b03\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-74acbe5 elementor-widget elementor-widget-html\" data-id=\"74acbe5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Hero Section -->\r\n<div class=\"hero__container\">\r\n  <!-- Hero Section Left Side -->\r\n  <div class=\"hero__leftside\">\r\n    <!-- Hero Section Title -->\r\n    <h1 class=\"hero__title\">\r\n      <span class=\"hero__title--first--color\">\r\n        Elevate Your Coding Skills with Our<\/span\r\n      >\r\n      <span class=\"hero__title--second--color\">Minimal<\/span>\r\n      <span class=\"hero__title--first--color\">and<\/span>\r\n      <span class=\"hero__title--second--color\">Easy to Understand<\/span>\r\n      <span class=\"hero__title--first--color\">Tutorials.<\/span>\r\n    <\/h1>\r\n\r\n    <!-- Hero Section Description -->\r\n    <p class=\"hero__description\">\r\n      We help people enhance their coding skills and uplift their career growth\r\n      with our simple and easy to understand tutorials.\r\n    <\/p>\r\n\r\n    <!-- Hero Section Search Bar -->\r\n    <div class=\"hero__searchbar\">\r\n      <input type=\"text\" id=\"search-box\" placeholder=\"Search tutorials. . .\" \/>\r\n      <button id=\"search-button\">Search<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Hero Section Right Side -->\r\n  <div class=\"home__rightside\">\r\n    <!-- Hero Section Main Image -->\r\n    <div class=\"hero__mainImage\">\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/www.codingbroz.com\/wp-content\/uploads\/2023\/11\/codingbroz-hero-section.png\"\r\n        alt=\"\"\r\n      \/>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n<style>\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;900&display=swap\");\r\n\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Hero Section *\/\r\n\r\n  .hero__container {\r\n    width: 100%;\r\n    padding: 6em 6.25em;\r\n    background: #f7f8f9;\r\n    font-family: \"Poppins\", Arial, Helvetica, sans-serif;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Hero Section Left Side *\/\r\n\r\n  .hero__leftside {\r\n    width: 65%;\r\n    background-color: #f7f8f9;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Hero Section Title *\/\r\n\r\n  .hero__title {\r\n    font-size: 2.5rem;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .hero__title--first--color {\r\n    color: #27313c;\r\n  }\r\n\r\n  .hero__title--second--color {\r\n    color: #0090ff;\r\n  }\r\n\r\n  \/* Hero Section Description *\/\r\n  .hero__description {\r\n    margin-top: 1rem;\r\n    font-size: 1.125rem;\r\n    font-weight: 500;\r\n    color: #27313c;\r\n  }\r\n\r\n  \/* Hero Section Search Bar *\/\r\n\r\n  .hero__searchbar {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-top: 1rem;\r\n    width: 85%;\r\n    margin-left: 0;\r\n    margin-right: auto;\r\n  }\r\n\r\n  #search-box {\r\n    width: 100%;\r\n    height: 60px;\r\n    padding: 10px;\r\n    border: none;\r\n    font-family: \"Poppins\";\r\n    font-size: 18px;\r\n    border: none;\r\n    background: #fff;\r\n  }\r\n\r\n  #search-button {\r\n    font-family: \"Poppins\";\r\n    font-size: 18px;\r\n    padding: 10px;\r\n    height: 60px;\r\n    width: 40%;\r\n    font-weight: bold;\r\n    border: none;\r\n    background-color: #0090ff;\r\n    color: white;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* Hero Section Right Side *\/\r\n\r\n  .hero__rightside {\r\n    width: 35%;\r\n    background: #f7f8f9;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  \/* Hero Section Main Image *\/\r\n\r\n  .hero__mainImage {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  .hero__mainImage img {\r\n    width: 80%;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n\r\n  @media only screen and (max-width: 768px) {\r\n    \/* Responsive Hero Section *\/\r\n    .hero__container {\r\n      flex-direction: column;\r\n      width: 100%;\r\n      padding: 1rem 1rem;\r\n    }\r\n\r\n    \/* Responsive Hero Left Section *\/\r\n\r\n    .hero__leftside {\r\n      width: 100%;\r\n    }\r\n\r\n    .hero__title {\r\n      margin-top: 2rem;\r\n      font-size: 1.6rem;\r\n    }\r\n\r\n    .hero__description {\r\n      font-size: 1.25rem;\r\n    }\r\n\r\n    .hero__searchbar {\r\n      width: 100%;\r\n    }\r\n\r\n    \/* Responsive Hero Right Section *\/\r\n\r\n    .hero__rightside {\r\n      width: 100%;\r\n    }\r\n\r\n    .hero__mainImage {\r\n      margin-top: 2rem;\r\n    }\r\n\r\n    .hero__mainImage img {\r\n      width: 95%;\r\n    }\r\n  }\r\n\r\n  \/* Tablet Responsive *\/\r\n  @media only screen and (max-width: 1200px) {\r\n    \/* Responsive Hero Section *\/\r\n    .hero__container {\r\n      flex-direction: column;\r\n      width: 100%;\r\n      padding: 1rem 1rem;\r\n    }\r\n\r\n    .hero__leftside {\r\n      width: 100%;\r\n    }\r\n\r\n    .hero__searchbar {\r\n      width: 100%;\r\n    }\r\n\r\n    .hero__rightside {\r\n      width: 100%;\r\n    }\r\n  }\r\n<\/style>\r\n<!-- Javascript: Search Bar -->\r\n<script>\r\n  const searchButton = document.getElementById(\"search-button\");\r\n  const searchBox = document.getElementById(\"search-box\");\r\n\r\n  searchButton.addEventListener(\"click\", () => {\r\n    const searchTerm = searchBox.value;\r\n    const url = `?s=${searchTerm}`;\r\n    window.location.href = url;\r\n  });\r\n<\/script>\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<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-920ad0d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"920ad0d\" 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-4c18d7a\" data-id=\"4c18d7a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c3c1814 elementor-widget elementor-widget-html\" data-id=\"c3c1814\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- 300x300 bottom lazy loaded (homepage, desktop only - can only be inserted once per page) -->\r\n<div id='codingbroz_com_300x300_bottom_lazy_loaded' style=\"text-align: center;\">\r\n    <script type=\"text\/javascript\">\r\n        inView('#codingbroz_com_300x300_bottom_lazy_loaded').once('enter', (function() {\r\n            if(window.innerWidth > 1000) {\r\n                googletag.cmd.push(function() {\r\n                    googletag.defineSlot('\/147246189,22647839722\/codingbroz.com_300x300_bottom_lazy_loaded', [[300,250],[336,280]], 'codingbroz_com_300x300_bottom_lazy_loaded').addService(googletag.pubads());\r\n                    googletag.display('codingbroz_com_300x300_bottom_lazy_loaded');\r\n                    stpd.initializeAdUnit('codingbroz_com_300x300_bottom_lazy_loaded')\r\n                });\r\n            }\r\n        }));\r\n    <\/script>\r\n<\/div>\r\n\r\n\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<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Elevate Your Coding Skills with Our Minimal and Easy to Understand Tutorials. We help people enhance their coding skills and uplift their career growth with our simple and easy to understand tutorials. Search<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"jetpack_sharing_enabled":true,"jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/pages\/761"}],"collection":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/comments?post=761"}],"version-history":[{"count":255,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/pages\/761\/revisions"}],"predecessor-version":[{"id":9926,"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/pages\/761\/revisions\/9926"}],"wp:attachment":[{"href":"https:\/\/www.codingbroz.com\/wp-json\/wp\/v2\/media?parent=761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}