text: class Section2 extends HTMLElement {
      constructor() {
        super();
  
        document.addEventListener("mousemove", parallax);
        function parallax(e){
            document.querySelectorAll(".object").forEach(function(move){
  
                var moving_value = move.getAttribute("data-value");
                var x = (e.clientX * moving_value) / 50;
                var y = (e.clientY * moving_value) / 50;
  
                move.style.transform = "translateX(" + x +"px) translateY("+ y +"px)";
            });
        }
      }
      connectedCallback() {
          this.innerHTML = `
          <div class="bg2">
          <div class="container">
          <div class="row mb-5">
  
            <div class="col">
              <div  class="card text-white shadow dark-bg ">
              <!--Add Icon -->
                <div class="card-body">
                  <div id="signup" class="mx-2 mb-5"></div>
                  <br>
                  <br>
                  <br>
                  <code class="py-4 card-text"><span class="Mkd"><</span><span class="Mkd">div</span><span class="Mkd">></span></code>
                 
                  <code class="typewriter">
                  <span>Don't miss out any of the cool stuff! Free courses, tutorials, training and much more......</span> Get latest releases of free courses, code, hackathons, contest, videos, and Free stuff sign up below.
                  If you would like to contribute and help me grow check out my Patreon and get Early release episodes, discount codes and priority access to VIP content, live streams and much more.
               </span>
                  </code>
                  <code><span class="Mkd"><</span><span class="Mkd">/</span><span class="Mkd">div</span><span class="Mkd">></span></code>
  
                  <!-- Button row-->
                      <div class="row py-5 text-center">
                          <div class="col-sm-6"> <input class="w-50"> </input><button class="btn btn-lg btn-C1 px-5">Sign Up</button></div>
                          <div class="col-sm-6"> <a class=""><div id="patreon"></div><small>Join My Patreon Channel</small></a></div> 
                      </div>
                </div>
              </div>
            </div>
  
  
  
  
  
  
          </div>
        </div>
          </div>
          `;
      }
  
    }
    
    customElements.define('section2-component', Section2);