Nila Recruitment



      <!-- PAGE MAIN -->
      <div class="js-smooth-scroll bg-light-1" id="page-wrapper" data-barba="container">
        <main class="page-wrapper__content">
          <!-- section MASTHEAD FULLSCREEN -->
          <section class="section section-masthead section-fullheight text-center text-lg-left pt-large pt-md-0" data-arts-os-animation="data-arts-os-animation" data-background-color="var(--color-light-1)">
            <div class="section-masthead__inner section-fullheight__inner section-fullheight__inner_mobile-auto">
              <div class="row no-gutters h-100 align-items-center">
                <div class="col-lg-6 h-100">
                  <div class="container-fluid container-fluid_paddings h-100 container_py-xs-0">
                    <div class="row align-items-center h-100">
                      <div class="col">
                        <header class="section-masthead__header justify-content-center">
                          <div class="section-masthead__subheading small-caps mt-0 mb-1 mb-md-2 split-text js-split-text" data-split-text-type="lines,words" data-split-text-set="words"><span>Sector</span></div>
                          <div class="w-100"></div>
                          <div class="section-masthead__heading split-text js-split-text" data-split-text-type="lines,words" data-split-text-set="words">
                            <h1 class="h1 mt-0 mb-0">Energy</h1>
                          </div>
                        </header>
                      </div>
                    </div>
                    <div class="section-masthead__wrapper-scroll-down section-masthead__wrapper-scroll-down_left d-none d-lg-block">
                      <div class="circle-button js-circle-button" data-arts-os-animation="true">
                        <!-- curved label -->
                        <div class="circle-button__outer">
                          <div class="circle-button__wrapper-label">
                            <div class="circle-button__label small-caps">Scroll Down</div>
                          </div>
                        </div>
                        <!-- - curved label -->
                        <!-- geometry wrapper -->
                        <div class="circle-button__inner">
                          <div class="circle-button__circle" data-arts-scroll-down="data-arts-scroll-down" data-arts-cursor="data-arts-cursor" data-arts-cursor-hide-native="true" data-arts-cursor-scale="0">
                            <svg class="svg-circle" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                              <circle class="circle" cx="30" cy="30" r="29" fill="none"></circle>
                            </svg>
                          </div>
                          <!-- browsers with touch support -->
                          <div class="circle-button__icon circle-button__icon-touch">
                            <svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg">
                              <path d="m32 8c-1.104 0-2 .896-2 2v39.899l-14.552-15.278c-.761-.799-2.026-.832-2.828-.069-.8.762-.831 2.027-.069 2.827l16.62 17.449c.756.756 1.76 1.172 2.829 1.172 1.068 0 2.073-.416 2.862-1.207l16.586-17.414c.762-.8.73-2.065-.069-2.827-.799-.763-2.065-.731-2.827.069l-14.552 15.342v-39.963c0-1.104-.896-2-2-2z"></path>
                            </svg>
                          </div>
                          <!-- - browsers with touch support -->
                          <!-- - browsers without touch support -->
                          <div class="circle-button__icon circle-button__icon-mouse">
                            <svg class="svg-mouse" width="23px" height="35px" viewBox="0 0 23 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                              <!-- border -->
                              <path class="svg-mouse__border" d="M11.5,0 C5.15875132,0 0,5.23135343 0,11.6610111 L0,23.3396542 C0,29.7691456 5.15875132,35 11.5,35 C17.8412487,35 23,29.7693119 23,23.3396542 L23,11.6610111 C23,5.23135343 17.8410847,0 11.5,0 Z M21.7222404,23.3396542 C21.7222404,29.0545544 17.136538,33.7037222 11.5,33.7037222 C5.86346203,33.7037222 1.27775956,29.0545544 1.27775956,23.3396542 L1.27775956,11.6610111 C1.27775956,5.946111 5.86346203,1.29627781 11.5,1.29627781 C17.136538,1.29627781 21.7222404,5.94594466 21.7222404,11.6610111 L21.7222404,23.3396542 Z"></path>
                              <!-- - border -->
                              <!-- wheel -->
                              <path class="svg-mouse__wheel" d="M11.5,4 C11.2238902,4 11,4.28321727 11,4.63321727 L11,10.3667827 C11,10.7167827 11.2238902,11 11.5,11 C11.7761098,11 12,10.7167827 12,10.3667827 L12,4.63321727 C11.9998717,4.28321727 11.7761098,4 11.5,4 Z"></path>
                              <!-- - wheel -->
                            </svg>
                          </div>
                          <!-- - browsers without touch support -->
                        </div>
                        <!-- - geometry wrapper -->
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-6 align-self-stretch">
                  <div class="section-image section-masthead__background section-masthead__background_halfscreen section-masthead__background_halfscreen-gutters mt-small mt-md-0">
                    <div class="section-image__wrapper js-transition-img" data-arts-parallax="data-arts-parallax" data-arts-parallax-factor="0.15">
                      <div class="js-transition-img__transformed-el">
                        <div class="lazy-bg" data-src="img/sectors/energy.jpg"></div>
                      </div>
                    </div>
                    <div class="section-masthead__bg bg-white"></div>
                  </div>
                </div>
              </div>
            </div>
          </section>
          <!-- - section MASTHEAD FULLSCREEN -->





          



        


<!-- /////////////////////////// Page content /////////////////////////// -->

        <!-- section CONTENT #1 -->
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-lg-8">
              <section class="section section-content clearfix pt-medium text-center"
                data-arts-os-animation="data-arts-os-animation">
                <div class="section-content__inner">
                  <div class="w-100"></div>
                  <div class="section__headline mb-1 mb-md-2 mx-auto"></div>
                  <div class="w-100"></div>
                  <div class="section-content__heading split-text js-split-text" data-split-text-type="lines,words"
                    data-split-text-set="words">
                    <h3>Experts in energy sector talent solutions. From engineers to technical specialists, we connect top-tier professionals with sustainable opportunities.</h3>
                  </div>
                </div>
              </section>
            </div>
          </div>
        </div>
        <!-- - section CONTENT #1 -->

        <!-- aside COUNTERS -->
        <aside class="aside aside-counters section pt-xsmall pb-medium text-center">
          <div class="container">
            <div class="row justify-content-center">
              <!-- counter -->
              <div class="aside-counters__wrapper-item col-12">
                <div class="counter js-counter" data-counter-start="0" data-counter-target="4"
                  data-counter-duration="4">
                  <!-- animated number -->
                  <div class="counter__number js-counter__number">6</div>
                  <!-- - animated number -->
                  <div class="counter__label">Roles Filled This Month</div>
                </div>
              </div>
              <!-- - counter -->
            </div>
          </div>
        </aside>
        <!-- - aside COUNTERS -->


        <!-- section SERVICE # 2 -->
        <section class="section section-services section-content mb-medium mt-medium"
          data-arts-os-animation="data-arts-os-animation">
          <div class="container section-services__container">
            <div class="row no-gutters align-items-center">
              <div class="col-lg-5 order-lg-2">
                <div class="section-content__image overflow">
                  <div class="section-content__image-inner">
                    <section class="section section-image">
                      <div class="section-image__wrapper" data-arts-parallax="data-arts-parallax"
                        data-arts-parallax-factor="0.15">
                        <div class="lazy"><img data-src="img/sectors/energy_3.jpg" src="#" alt=""
                            width="1280" height="1920" /></div>
                      </div>
                    </section>
                  </div>
                </div>
              </div>
              <div class="col-lg-7 order-lg-1">
                <div class="section-services__wrapper-content">
                  <section class="section section-content clearfix container-fluid pt-md-0 pb-md-0 pt-small pl-md-0"
                    data-arts-os-animation="data-arts-os-animation">
                    <div class="section-content__inner">
                      <div class="w-100"></div>
                      <div class="section-content__heading split-text js-split-text mb-0-5"
                        data-split-text-type="lines,words" data-split-text-set="words">
                        <div class="small-caps">Comprehensive talent</div>
                      </div>
                      <div class="w-100"></div>
                      <div class="section-content__heading split-text js-split-text" data-split-text-type="lines,words"
                        data-split-text-set="words">
                        <h2>Solutions</h2>
                      </div>
                      <div class="w-100"></div>
                      <div class="section-content__text split-text js-split-text mt-1" data-split-text-type="lines"
                        data-split-text-set="lines">
                        <p>We have a team of recruiters experienced in providing specialised talent solutions for the energy sector. With a deep understanding of the unique challenges and complexities within the industry, we excel in identifying and placing skilled professionals across various roles, from engineers and project managers to technical specialists.</p>
                      </div>
                      <div class="w-100"></div>
                      
                    </div>
                  </section>
                </div>
              </div>
            </div>
          </div>
          
        </section>
        <!-- - section SERVICE # 2 -->


        <!-- section SERVICE # 3 -->
        <section class="section section-services section-content mb-medium mt-medium"
          data-arts-os-animation="data-arts-os-animation">
          <div class="container-fluid section-services__container">
            <div class="row no-gutters align-items-center justify-content-center">
              <div class="col-lg-5 order-lg-1">
                <div class="section-content__image overflow">
                  <div class="section-content__image-inner">
                    <section class="section section-image">
                      <div class="section-image__wrapper" data-arts-parallax="data-arts-parallax"
                        data-arts-parallax-factor="0.15">
                        <div class="lazy"><img data-src="img/sectors/energy_1.jpg" src="#" alt=""
                            width="1920" height="1920" /></div>
                      </div>
                    </section>
                  </div>
                </div>
              </div>
              <div class="col-lg-5 order-lg-2">
                <div class="section-services__wrapper-content">
                  <section class="section section-content clearfix container-fluid pt-md-0 pb-md-0 pt-small pr-md-0"
                    data-arts-os-animation="data-arts-os-animation">
                    <div class="section-content__inner">
                      <div class="w-100"></div>
                      <div class="section-content__heading split-text js-split-text mb-0-5"
                        data-split-text-type="lines,words" data-split-text-set="words">
                        <div class="small-caps">Finding candidates in many</div>
                      </div>
                      <div class="w-100"></div>
                      <div class="section-content__heading split-text js-split-text" data-split-text-type="lines,words"
                        data-split-text-set="words">
                        <h2>Roles</h2>
                      </div>
                      <div class="w-100"></div>
                      <div class="section-content__text split-text js-split-text mt-1" data-split-text-type="lines"
                        data-split-text-set="lines">
                        <p>Our expertise extends to renewable energy, oil and gas, and emerging technologies. We prioritize sourcing candidates with the right technical knowledge and a commitment to sustainability. Whether you are an energy company seeking top-tier talent or a professional looking for a rewarding role in the sector, our recruitment solutions are tailored to meet the dynamic demands of the ever-evolving energy landscape.</p>
                      </div>
                      <div class="w-100"></div>
                      
                    </div>
                  </section>
                </div>
              </div>
            </div>
          </div>
          <!-- <div class="section-services__wrapper-letter section-services__wrapper-letter_right">
            <div class="section-services__letter" data-arts-parallax="element" data-arts-parallax-y="-30%">C</div>
          </div> -->
        </section>
        <!-- - section SERVICE # 3 -->


        


        <!-- section IMAGE #1 -->
        <section class="section section-image section_h-800">
          <div class="section-image__wrapper" data-arts-parallax="data-arts-parallax" data-arts-parallax-factor="0.15">
            <div>
              <div class="lazy-bg" data-src="img/sectors/banners/energy.jpg"></div>
            </div>
          </div>
        </section>
        <!-- - section IMAGE #1 -->

      </main>









      <!-- ///////////////////////////////////////////////////////////// PAGE FOOTER ///////////////////////////////////////////////////////////// -->
      <footer class="footer container-fluid" id="page-footer" data-arts-theme-text="dark"
        data-arts-footer-logo="primary">
        <!-- widgets top area -->
        <div class="footer__area pt-md-5 pt-sm-3 pb-md-3 pb-sm-1 pt-2 pb-0">
          <div class="row">
            <!-- call to action -->
            <div class="col-lg-5">
              <section class="widget widget_rhye_cta">
                <!-- header -->
                <h2 class="h3 mt-0 mb-0-5">Ready to find the <br>perfect candidate?</h2>
                <!-- - header -->
                <!-- button --><a class="button button_solid button_black mb-0-5" data-hover="Get in Touch"
                  href="page-inner-contacts-1.html"><span class="button__label-hover">Get in Touch</span></a>
                <!-- - button -->
              </section>
            </div>
            <!-- - call to action -->
            <div class="col-lg-7">
              <div class="row justify-content-lg-between">
                <!-- widget MENU #1 -->
                <div class="col-lg-4 col-sm-6 col-12">
                  <section class="widget widget_nav_menu">
                    <!-- header -->
                    <h2 class="widgettitle">Company</h2>
                    <!-- - header -->
                    <!-- content -->
                    <ul class="menu js-menu">
                      <li><a href="about.html">About</a>
                      </li>
                      
                      <li><a href="sectors.html">Sectors</a>
                      </li>
                      <!-- <li><a href="why-nila.html">Why Nila</a>
                      </li> -->
                      <li><a href="services.html">Services</a>
                      </li>
                      <!-- <li><a href="roles.html">Roles</a>
                      </li> -->
                      <li><a href="contact.html">Contact</a>
                      </li>


                    </ul>
                    <!-- - content -->
                  </section>
                </div>
                <!-- - widget MENU #1 -->
                <!-- widget MENU #2 -->
                <div class="col-lg-4 col-sm-6 col-12">
                  <section class="widget widget_nav_menu">
                    <!-- header -->
                    <h2 class="widgettitle">Sectors</h2>
                    <!-- - header -->
                    <!-- content -->
                    <ul class="menu js-menu">
                      <li><a href="healthcare.html">Healthcare
                        </a>
                      </li>
                      <li><a href="education.html"> Education
                        </a>
                      </li>
                      <li><a href="finance.html">Finance </a>
                      </li>
                      <li><a href="hr.html">Human Resources</a>
                      </li>
                      <li><a href="construction.html">Construction
                        </a>
                      </li>
                      <li><a href="energy.html">Energy
                        </a>
                      </li>
                      <li><a href="property.html">
                          Real Estate & Property</a>
                      </li>
                    </ul>
                    <!-- - content -->
                  </section>
                </div>
                <!-- - widget MENU #2 -->
                <!-- widget MENU #3 -->
                <div class="col-lg-4 col-sm-6 col-12">
                  <section class="widget widget_nav_menu">
                    <!-- header -->
                    <h2 class="widgettitle">Legal</h2>
                    <!-- - header -->
                    <!-- content -->
                    <ul class="menu js-menu">
                      <li><a href="terms.html">Terms & Conditions</a>
                      </li>
                      <li><a href="privacy.html">Privacy Policy</a>
                      </li>
                      <li><a href="cookies.html">Cookie Policy</a>
                      </li>

                    </ul>
                    <!-- - content -->
                  </section>
                </div>
                <!-- - widget MENU #3 -->

              </div>
            </div>
          </div>
        </div>
        <!-- - widgets top area -->
        <!-- widgets bottom area -->
        <div class="footer__area footer__area-border-top pt-sm-3 pb-sm-1 pt-2 pb-0">
          <div class="row align-items-center">
            <!-- widget LOGO -->
            <div class="col-lg-3 footer__column text-center text-lg-left order-lg-1">
              <section class="widget widget_rhye_logo">
                <!-- content --><a class="logo" href="index.html">
                  <div class="logo__wrapper-img">
                    <!-- primary logo version (for light backgrounds)--><img class="logo__img-primary"
                      src="img/general/logo-black.svg" alt="Rhye HTML5 Template" height="20" />
                    <!-- secondary logo version (for dark backgrounds)--><img class="logo__img-secondary"
                      src="img/general/logo-white.svg" alt="Rhye HTML5 Template" height="20" />
                  </div>
                </a>
                <!-- - content -->
              </section>
            </div>
            <!-- - widget LOGO -->
            <!-- widget SOCIAL -->
            <div class="col-lg-3 footer__column text-center text-lg-right order-lg-3">
              <section class="widget widget_rhye_social">
                <!-- content -->
                <ul class="social">
                  <li class="social__item"><a target=“_blank” class="fa fa-linkedin" href="https://www.linkedin.com/company/nila-recruitment/"></a></li>
                  <!-- <li class="social__item"><a class="fa fa-x" href="#"></a></li>
                  <li class="social__item"><a class="fa fa-instagram" href="#"></a></li> -->

                </ul>
                <!-- - content -->
              </section>
            </div>
            <!-- - widget SOCIAL -->
            <!-- widget TEXT -->
            <div class="col-lg-6 footer__column text-center text-lg-center order-lg-2">
              <section class="widget widget_text">
                <!-- content -->
                <div class="textwidget">
                  <p><small>© 2024 Nila Recruitment | Website built with &#9825; by <a href="https://story-x.co.uk"
                        target="_blank">StoryX</a></small></p>
                </div>
                <!-- - content -->
              </section>
            </div>
            <!-- - widget TEXT -->
          </div>
        </div>
        <!-- - widgetst bottom area -->
      </footer>
      <!-- - PAGE FOOTER -->
    </div>
    <!-- - PAGE MAIN -->
  </div>
  <canvas id="js-webgl"></canvas>
  <!-- PhotoSwipe -->
  <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true" data-arts-theme-text="light">
    <!-- background -->
    <div class="pswp__bg"></div>
    <!-- - background -->
    <!-- slider wrapper -->
    <div class="pswp__scroll-wrap">
      <!-- slides holder (don't modify)-->
      <div class="pswp__container">
        <div class="pswp__item">
          <div class="pswp__img pswp__img--placeholder"></div>
        </div>
        <div class="pswp__item"></div>
        <div class="pswp__item"></div>
      </div>
      <!-- - slides holder (don't modify)-->
      <!-- UI -->
      <div class="pswp__ui pswp__ui--hidden">
        <!-- top bar -->
        <div class="pswp__top-bar">
          <div class="pswp__counter"></div>
          <button class="pswp__button pswp__button--close" title="Close (Esc)" data-arts-cursor="data-arts-cursor"
            data-arts-cursor-scale="1.2" data-arts-cursor-magnetic="data-arts-cursor-magnetic"
            data-arts-cursor-hide-native="true"></button>
          <button class="pswp__button pswp__button--fs" title="Toggle fullscreen" data-arts-cursor="data-arts-cursor"
            data-arts-cursor-scale="1.2" data-arts-cursor-magnetic="data-arts-cursor-magnetic"
            data-arts-cursor-hide-native="true"></button>
          <div class="pswp__preloader">
            <div class="pswp__preloader__icn">
              <div class="pswp__preloader__cut">
                <div class="pswp__preloader__donut"></div>
              </div>
            </div>
          </div>
        </div>
        <!-- - top bar -->
        <!-- left arrow -->
        <div class="pswp__button pswp__button--arrow--left">
          <div class="arrow arrow-left js-arrow" data-arts-cursor="data-arts-cursor" data-arts-cursor-hide-native="true"
            data-arts-cursor-scale="0" data-arts-cursor-magnetic="data-arts-cursor-magnetic">
            <svg class="svg-circle" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink">
              <circle class="circle" cx="30" cy="30" r="29" fill="none"></circle>
            </svg>
            <div class="arrow__pointer arrow-left__pointer"></div>
            <div class="arrow__triangle"></div>
          </div>
        </div>
        <!-- - left arrow -->
        <!-- right arrow -->
        <div class="pswp__button pswp__button--arrow--right">
          <div class="arrow arrow-right js-arrow" data-arts-cursor="data-arts-cursor"
            data-arts-cursor-hide-native="true" data-arts-cursor-scale="0"
            data-arts-cursor-magnetic="data-arts-cursor-magnetic">
            <svg class="svg-circle" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg"
              xmlns:xlink="http://www.w3.org/1999/xlink">
              <circle class="circle" cx="30" cy="30" r="29" fill="none"></circle>
            </svg>
            <div class="arrow__pointer arrow-right__pointer"></div>
            <div class="arrow__triangle"></div>
          </div>
        </div>
        <!-- - right arrow -->
        <!-- slide caption holder (don't modify) -->
        <div class="pswp__caption">
          <div class="pswp__caption__center text-center"></div>
        </div>
        <!-- - slide caption holder (don't modify) -->
      </div>
      <!-- - UI -->
    </div>
    <!-- slider wrapper -->
  </div>
  <!-- - PhotoSwipe -->
  <!-- List Hover Shaders -->
  <script id="list-hover-vs" type="x-shader/x-vertex">
      uniform vec2 uOffset;
      
      varying vec2 vUv;
      
      vec3 deformationCurve(vec3 position, vec2 uv, vec2 offset) {
        float M_PI = 3.1415926535897932384626433832795;
        position.x = position.x + (sin(uv.y * M_PI) * offset.x);
        position.y = position.y + (sin(uv.x * M_PI) * offset.y);
        return position;
      }
      
      void main() {
        vUv =  uv + (uOffset * 2.);
        vec3 newPosition = position;
        newPosition = deformationCurve(position,uv,uOffset);
        gl_Position = projectionMatrix * modelViewMatrix * vec4( newPosition, 1.0 );
      }
    </script>
  <script id="list-hover-fs" type="x-shader/x-fragment">
      uniform sampler2D uTexture;
      uniform float uAlpha;
      uniform float uScale;
      
      varying vec2 vUv;
      
      vec2 scaleUV(vec2 uv,float scale) {
        float center = 0.5;
        return ((uv - center) * scale) + center;
      }
      
      void main() {
        vec3 color = texture2D(uTexture,scaleUV(vUv,uScale)).rgb;
        gl_FragColor = vec4(color,uAlpha);
      }
      
    </script>
  <!-- - List Hover Shaders -->
  <!-- Slider Textures Shaders -->
  <script id="slider-textures-vs" type="x-shader/x-vertex">
      varying vec2 vUv;
      void main() {
        vUv = uv;
        gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
      }
    </script>
  <script id="slider-textures-horizontal-fs" type="x-shader/x-fragment">
      varying vec2 vUv;
      
      uniform sampler2D texture;
      uniform sampler2D texture2;
      uniform sampler2D disp;
      
      uniform float dispFactor;
      uniform float effectFactor;
      
      void main() {
      
        vec2 uv = vUv;
      
        vec4 disp = texture2D(disp, uv);
      
        vec2 distortedPosition = vec2(uv.x + dispFactor * (disp.r*effectFactor), uv.y);
        vec2 distortedPosition2 = vec2(uv.x - (1.0 - dispFactor) * (disp.r*effectFactor), uv.y);
      
        vec4 _texture = texture2D(texture, distortedPosition);
        vec4 _texture2 = texture2D(texture2, distortedPosition2);
      
        vec4 finalTexture = mix(_texture, _texture2, dispFactor);
      
        gl_FragColor = finalTexture;
      
      }
    </script>
  <script id="slider-textures-vertical-fs" type="x-shader/x-fragment">
      varying vec2 vUv;
      
      uniform sampler2D texture;
      uniform sampler2D texture2;
      uniform sampler2D disp;
      
      uniform float dispFactor;
      uniform float effectFactor;
      
      void main() {
      
        vec2 uv = vUv;
      
        vec4 disp = texture2D(disp, uv);
      
        vec2 distortedPosition = vec2(uv.x, uv.y - dispFactor * (disp.r*effectFactor));
        vec2 distortedPosition2 = vec2(uv.x, uv.y + (1.0 - dispFactor) * (disp.r*effectFactor));
      
        vec4 _texture = texture2D(texture, distortedPosition);
        vec4 _texture2 = texture2D(texture2, distortedPosition2);
      
        vec4 finalTexture = mix(_texture, _texture2, dispFactor);
      
        gl_FragColor = finalTexture;
      
      }
      
    </script>
  <!-- - Slider Textures Shaders -->
  <script src="js/navigation.js"></script>
  <script src="js/footer.js"></script>
  <!-- VENDOR SCRIPTS -->
  <script src="js/vendor.js"></script>
  <!-- - VENDOR SCRIPTS -->
  <!-- COMPONENTS -->
  <script src="js/components.js"></script>
  <!-- - COMPONENTS -->
  <script
    src="https://maps.googleapis.com/maps/api/js?callback=Function.prototype&amp;key=AIzaSyBwR_TrF6h7-pMxkKv_q2t8BXX3w6QuFOc"
    async></script>
</body>

</html>