title: User name are duplicated for each login in html?
body: <p>I have been using firebase cloud firestore. My issue is when user logged in, the user name displays on header with drop down option account, payment and logout. When user logged out and login again with same or another account details user name keeps on adding on header with previous logged in user name.</p>
  
  <p><strong>Note: here i am using firebase authentication and cloud firestore database.</strong></p>
  
  <p>here is my screen shot:</p>
  
  <p><a href="https://i.stack.imgur.com/Z6xjD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Z6xjD.png" alt="enter image description here"></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function(){
    //initialize the firebase app
    var config = {
       apiKey: "AIzaSyBDwqFKPt4D0eIspjsziweLI0nc49BRDrU",
      authDomain: "cloudthrifty-demo.firebaseapp.com",
      databaseURL: "https://cloudthrifty-demo.firebaseio.com",
      projectId: "cloudthrifty-demo",
      storageBucket: "cloudthrifty-demo.appspot.com",
      messagingSenderId: "638814042535"
    };
    firebase.initializeApp(config);
  
    //create firebase references
    var Auth = firebase.auth(); 
    var dbRef = firebase.database();
    var contactsRef = dbRef.ref('contacts')
    var usersRef = dbRef.ref('users')
    var auth = null;
    var db = firebase.firestore();
  
    //Register
    $('#registerForm').on('submit', function (e) {
      e.preventDefault();
      $('#registerModal').modal('hide');
      $('#messageModalLabel').html(spanText('&lt;i class="fa fa-cog fa-spin"&gt;&lt;/i&gt;', ['center', 'info']));
      $('#messageModal').modal('show');
      var data = {
        email: $('#registerEmail').val(), //get the email from Form
        firstName: $('#registerFirstName').val(), // get firstName
        lastName: $('#registerLastName').val(), // get lastName
      };
      var passwords = {
        password : $('#registerPassword').val(), //get the pass from Form
        cPassword : $('#registerConfirmPassword').val(), //get the confirmPass from Form
      }
      if( data.email != '' &amp;&amp; passwords.password != ''  &amp;&amp; passwords.cPassword != '' ){
        if( passwords.password == passwords.cPassword ){
          //create the user
            firebase.auth().createUserWithEmailAndPassword(data.email, passwords.password).catch(function(error) {
              // Handle Errors here.
              var errorCode = error.code;
              var errorMessage = error.message;
  
            })
            .then(function(user){
              //now user is needed to be logged in to save data
              auth = user;
              //now saving the profile data
            
            var uid = firebase.auth().currentUser.uid;
            console.log(uid);
            db.collection("users").doc(uid).set({
              name: data.firstName
              
          })
          .then(function() {
              console.log("Document successfully written!");
              $('#messageModal').modal('hide');
              $('.modal-backdrop').remove();
          })
          .catch(function(error) {
              console.error("Error writing document: ", error);
              $('#messageModal').modal('hide');
              $('.modal-backdrop').remove();
          });
  
  
              $('#messageModalLabel').html(spanText('Success!', ['center', 'success']))
              
              $('#messageModal').modal('hide');
              $('.modal-backdrop').remove();
  
            })
            .catch(function(error){
              console.log("Error creating user:", error);
              $('#messageModalLabel').html(spanText('ERROR: '+error.code, ['danger']))
              
            });
        } else {
          //password and confirm password didn't match
          $('#messageModalLabel').html(spanText("ERROR: Passwords didn't match", ['danger']))
        }
      }  
    });
  
    //Login
    $('#loginForm').on('submit', function (e) {
      e.preventDefault();
      $('#loginModal').modal('hide');
      $('#messageModalLabel').html(spanText('&lt;i class="fa fa-cog fa-spin"&gt;&lt;/i&gt;', ['center', 'info']));
      $('#messageModal').modal('show');
  
      if( $('#loginEmail').val() != '' &amp;&amp; $('#loginPassword').val() != '' ){
        //login the user
        var data = {
          email: $('#loginEmail').val(),
          password: $('#loginPassword').val()
        };
        firebase.auth().signInWithEmailAndPassword(data.email, data.password)
          .then(function(authData) {
            auth = authData;
            $('#messageModalLabel').html(spanText('Success!', ['center', 'success']))
            $('#loginModal').modal('hide');
            $('#messageModal').modal('hide');
            $('.modal-backdrop').remove();
          })
          .catch(function(error) {
            console.log("Login Failed!", error);
            $('#messageModalLabel').html(spanText('ERROR: '+error.code, ['danger']))
            $('#messageModal').modal('hide');
            $('.modal-backdrop').remove();
          });
      }
    });
  
    $('#logout').on('click', function(e) {
      e.preventDefault();
      
      firebase.auth().signOut().then(function() {
        // Sign-out successful.
        // window.location='index.html';
      }).catch(function(error) {
        // An error happened.
      });
    });
  
    //save contact
    $('#contactForm').on('submit', function( event ) {  
      event.preventDefault();
      if( auth != null ){
        if( $('#name').val() != '' || $('#email').val() != '' ){
          contactsRef.child(auth.uid)
            .push({
              name: $('#name').val(),
              email: $('#email').val(),
              location: {
                city: $('#city').val(),
                state: $('#state').val(),
                zip: $('#zip').val()
              }
            })
            document.contactForm.reset();
        } else {
          alert('Please fill at-lease name or email!');
        }
      } else {
        //inform user to login
      }
    });
  
    // firebase.auth().onAuthStateChanged(function(user) {
    //   if (user) {
    //     auth = user;
    //     $('body').removeClass('auth-false').addClass('auth-true');
    //     usersRef.child(user.uid).once('value').then(function (data) {
    //       var info = data.val();
    //       console.log(info);
    //       // if(user.photoUrl) {
    //       //   $('.user-info img').show();
    //       //   $('.user-info img').attr('src', user.photoUrl);
    //       //   $('.user-info .user-name').hide();
    //       // } else if(user.displayName) {
    //       //   $('.user-info img').hide();
    //       //   $('.user-info').append('&lt;span class="user-name"&gt;'+user.displayName+'&lt;/span&gt;');
    //       // } else if(info.firstName) {
    //       //   $('.user-info img').hide();
    //       //   $('.user-info').append('&lt;span class="user-name"&gt;'+info.firstName+'&lt;/span&gt;');
    //       // }
    //     });
    //     contactsRef.child(user.uid).on('child_added', onChildAdd);
    //   } else {
    //     // No user is signed in.
    //     $('body').removeClass('auth-true').addClass('auth-false');
    //     auth &amp;&amp; contactsRef.child(auth.uid).off('child_added', onChildAdd);
    //     $('#contacts').html('');
    //     auth = null;
    //   }
    // });
  
    firebase.auth().onAuthStateChanged(function(user) {
      if (user) {
        // User is signed in.
        auth = user;
        var uid = firebase.auth().currentUser.uid;
        console.log(uid);
        $('body').removeClass('auth-false').addClass('auth-true');
        db.collection("users").doc(uid)
      .onSnapshot(function(doc) {
          console.log("Current data: ", doc.data());
  
          var name = doc.data().name
          $('.user-info').append('&lt;span class="user-name"&gt;'+name+'&lt;span class="caret"&gt;&lt;/span&gt;&lt;/span&gt;');
          console.log(name);
      });
      } else {
        // User is signed out.
  
        $('body').removeClass('auth-true').addClass('auth-false');
        auth &amp;&amp; contactsRef.child(auth.uid).off('child_added', onChildAdd);
        
        $('#contacts').html('');
        auth = null;
      }
    });
  });
  
  function onChildAdd (snap) {
    $('#contacts').append(contactHtmlFromObject(snap.key, snap.val()));
  }
   
  //prepare contact object's HTML
  function contactHtmlFromObject(key, contact){
    return '&lt;div class="card contact" style="width: 18rem;" id="'+key+'"&gt;'
      + '&lt;div class="card-body"&gt;'
        + '&lt;h5 class="card-title"&gt;'+contact.name+'&lt;/h5&gt;'
        + '&lt;h6 class="card-subtitle mb-2 text-muted"&gt;'+contact.email+'&lt;/h6&gt;'
        + '&lt;p class="card-text" title="' + contact.location.zip+'"&gt;'
          + contact.location.city + ', '
          + contact.location.state
        + '&lt;/p&gt;'
        // + '&lt;a href="#" class="card-link"&gt;Card link&lt;/a&gt;'
        // + '&lt;a href="#" class="card-link"&gt;Another link&lt;/a&gt;'
      + '&lt;/div&gt;'
    + '&lt;/div&gt;';
  }
  
  function spanText(textStr, textClasses) {
    var classNames = textClasses.map(c =&gt; 'text-'+c).join(' ');
    return '&lt;span class="'+classNames+'"&gt;'+ textStr + '&lt;/span&gt;';
  }</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>*, *:before, *:after {
    box-sizing: border-box;
  }
  
  html {
    overflow-y: scroll;
  }
  
  body {
    background: #fff;
    font-family: 'Titillium Web', sans-serif;
  }
  
  a {
    text-decoration: none;
    color: #4F5459;
    transition: .5s ease;
  }
  a:hover {
    color: #71D72C;
  }
  
  
  
  /* @media only screen and (min-width: 640px) and (orientation: portrait) {
  
  
  
  }
  
  
  @media only screen and (min-width: 640px) and (orientation: landscape) {
  
  } */
  
  
  .userAuth {
    display: block;
    margin: 0px 0 0;
  }
  .modal-header:last-child{
    border-bottom: 0;
  }
  .card {
    display: inline-block;
    margin: 1em;
    max-width: calc(25% - 2em);
  }
  
  .user-info {
    display: inline-block;
    margin: 0 0.5em;
  }
  .user-info img{
    display: inline-block;
    max-width: 2em;
  }
  
  .auth-true .authenticated,
  .auth-false .unauthenticated {
    display: block;
  }
  .auth-true .unauthenticated,
  .auth-false .authenticated {
    display: none;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --&gt;
      &lt;title&gt;Sign-Up/Login Form&lt;/title&gt;
      &lt;!-- Bootstrap --&gt;
     
      &lt;link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600' rel='stylesheet' type='text/css'&gt;
        &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"&gt;
        &lt;link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css"&gt;
    
  
          &lt;link rel="stylesheet" href="css/style.css"&gt;
          &lt;link rel="stylesheet" href="css/captcha.css"&gt;
    
      &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
  
      &lt;!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
        &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"&gt;&lt;/script&gt;
        &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
    &lt;/head&gt;
    &lt;body onLoad="ChangeCaptcha()" class="auth-false"&gt;
  
        &lt;nav class="navbar navbar-default" style="background-color: #6c757d; min-height: 50px"&gt; 
            &lt;div class="container-fluid"&gt;
              &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
              &lt;div class="navbar-header"&gt;
                &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"&gt;
                  &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                &lt;/button&gt;
                &lt;a class="navbar-brand" style="color: aliceblue; font-size: 25px" href="#"&gt;demo&lt;/a&gt;
              &lt;/div&gt;
          
              &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
              &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
                &lt;ul class="nav navbar-nav navbar-right" &gt;
                  &lt;!-- &lt;li class="active" &gt;&lt;a href="#" style="color: #4F5459; font-size: 18px; font-weight: 600"&gt;What We Do &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; --&gt;
                  &lt;li&gt;&lt;a href="#" style="color: #4F5459; font-size: 18px; font-weight: 600"&gt;menu1&lt;/a&gt;&lt;/li&gt;
  
                  &lt;li&gt;&lt;a href="#" style="color: #4F5459; font-size: 18px; font-weight: 600"&gt;menu2 &lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" style="color: #4F5459; font-size: 18px; font-weight: 600"&gt;menu3&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" style="color: #4F5459; font-size: 18px; font-weight: 600"&gt;menu4&lt;/a&gt;&lt;/li&gt;
                 
                  &lt;!-- &lt;li&gt;&lt;button type="button" class="btn navbar-btn  userAuth unauthenticated" style="color: #4F5459; font-size: 18px; font-weight: 600; background-color: #ffffff00; outline: 0; box-shadow: none!important;" data-toggle="modal" data-target="#registerModal"&gt;Register&lt;/button&gt;&lt;/li&gt; --&gt;
                  &lt;li&gt;&lt;button type="button" class="btn navbar-btn  userAuth unauthenticated" style="color: #4F5459; font-size: 18px; font-weight: 600; background-color: #ffffff00; outline: 0; box-shadow: none!important;" data-toggle="modal" data-target="#loginModal"&gt;Login&lt;/button&gt;&lt;/li&gt;
                 &lt;!-- &lt;li&gt;&lt;a href="#" class=" userAuth authenticated user-info" style="color: #71D72C; font-size: 18px; font-weight: 600" alt="User"&gt;&lt;/a&gt;&lt;/li&gt; --&gt;
                 &lt;!-- &lt;li&gt;&lt;span class="userAuth authenticated user-info"&gt;&lt;img src="./user.svg" alt="User" class="rounded-circle"&gt;&lt;/span&gt;&lt;/li&gt; --&gt;
  
                 &lt;!-- &lt;div class="userAuth authenticated pull-right"&gt;
                    &lt;span class="user-info"&gt;
                      &lt;img src="./user.svg" alt="User" class="rounded-circle"&gt;
                    &lt;/span&gt;
                    &lt;button type="button" class="btn btn-success" id="logout"&gt;Logout&lt;/button&gt;
                  &lt;/div&gt; --&gt;
                  &lt;!-- &lt;li&gt;&lt;button type="button" class="btn navbar-btn userAuth authenticated" id="logout"   style="color: #4F5459; font-size: 18px; font-weight: 600; background-color: #ffffff00; outline: 0; box-shadow: none!important;"&gt;Logout&lt;/button&gt;&lt;/li&gt; --&gt;
  
                  &lt;button class="btn  navbar-btn userAuth unauthenticated" style="background-color: #71D72C; color: #4F5459; font-size: 18px;"&gt;Free Trail&lt;/button&gt;
  
  
                  &lt;li class="dropdown"&gt;
                    &lt;a href="#" id="options" class="navbar-btn dropdown-toggle userAuth authenticated user-info" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="color: #fff; font-size: 18px; font-weight: 600; background-color: #ffffff00;" alt="User"&gt;&lt;/a&gt;
                    &lt;ul class="dropdown-menu"&gt;
          
                        &lt;li&gt;&lt;a href="#" role="button" class="btn  userAuth authenticated" id="Account"  style="color: #4F5459; font-size: 18px; text-align: left;" &gt;Account&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#" role="button" class="btn  userAuth authenticated" id="Scheduler"  style="color: #4F5459; font-size: 18px; text-align: left;" &gt;payment&lt;/a&gt;&lt;/li&gt;
                        &lt;li&gt;&lt;a href="#" role="button" class="btn  userAuth authenticated" id="logout"  style="color: #4F5459; font-size: 18px; text-align: left;" &gt;Logout&lt;/a&gt;&lt;/li&gt;
  
                    &lt;/ul&gt;
                  &lt;/li&gt;
                &lt;/ul&gt;
  
              &lt;/div&gt;&lt;!-- /.navbar-collapse --&gt;
            &lt;/div&gt;&lt;!-- /.container-fluid --&gt;
          &lt;/nav&gt;
          &lt;main class="authenticated"&gt;
            &lt;center&gt;
                &lt;h1&gt;welcome to cloud thrifty&lt;/h1&gt;
            &lt;/center&gt;
            &lt;div id="contacts"&gt;&lt;/div&gt;
          &lt;/main&gt;
          &lt;div class="modal fade" id="registerModal" tabindex="-1" role="dialog" aria-labelledby="Register" aria-hidden="true" &gt;
            &lt;div class="modal-dialog"&gt;
              &lt;div class="modal-content"&gt;
                &lt;form id="registerForm" method="POST"&gt;
                  &lt;div class="modal-header"&gt;
                    &lt;h4 class="modal-title" id="registerModalLabel"&gt;Register&lt;/h4&gt;
                    &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-body"&gt;
                    &lt;div class="form-group"&gt;
                      &lt;label for="recipient-name" class="control-label"&gt;First Name:&lt;/label&gt;
                      &lt;input type="text" class="form-control" id="registerFirstName"required&gt;
                      
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                      &lt;label for="recipient-name" class="control-label"&gt;Last Name:&lt;/label&gt;
                      &lt;input type="text" class="form-control" id="registerLastName"required&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                      &lt;label for="recipient-name" class="control-label"&gt;Email:&lt;/label&gt;
                      &lt;input type="text" class="form-control" id="registerEmail"required&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                      &lt;label for="message-text" class="control-label"&gt;Password:&lt;/label&gt;
                      &lt;input type="password" class="form-control" id="registerPassword"required&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                      &lt;label for="message-text" class="control-label"&gt;Confirm Password:&lt;/label&gt;
                      &lt;input type="password" class="form-control" id="registerConfirmPassword"required&gt;
                    &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-footer"&gt;
                    &lt;button type="button" class="btn pull-left" data-toggle="modal" data-target="#loginModal" data-dismiss="modal" style="background-color: #71D72C; border: 0px; color:#fff;"&gt;Login&lt;/button&gt;
                    &lt;button type="button" class="btn btn-danger" data-dismiss="modal"&gt;Close&lt;/button&gt;
                    &lt;button type="submit" class="btn btn-primary" id="doRegister" style="background-color: #71D72C; border: 0px"&gt;Register&lt;/button&gt;
                  &lt;/div&gt;
                &lt;/form&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="Login" aria-hidden="true" &gt;
            &lt;div class="modal-dialog"&gt;
              &lt;div class="modal-content"&gt;
                &lt;form id="loginForm" method="POST"&gt;
                  &lt;div class="modal-header"&gt;
                    &lt;h4 class="modal-title" id="loginModalLabel"&gt;Login&lt;/h4&gt;
                    &lt;button type="button" class="close" data-dismiss="modal" aria-label="Close"&gt;&lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;&lt;/button&gt;
                  &lt;/div&gt;
                  
                  &lt;div class="modal-body"&gt;
                    &lt;div class="form-group"&gt;
                      &lt;label for="recipient-name" class="control-label"&gt;Email:&lt;/label&gt;
                      &lt;input type="text" class="form-control" id="loginEmail"required&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                      &lt;label for="message-text" class="control-label"&gt;Password:&lt;/label&gt;
                      &lt;input type="password" class="form-control" id="loginPassword"required&gt;
                    &lt;/div&gt;
                    &lt;div class="form-group"&gt;
                        &lt;button class="btn pull-right" style="background-color: #ffffff00; color: #4F5459; font-size: 14px; text-align: left"&gt;Forgot password?&lt;/button&gt;&lt;br&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="modal-footer"&gt;
                    &lt;button type="button" class="btn btn-primary pull-left" data-toggle="modal" data-target="#registerModal" data-dismiss="modal" style="background-color: #71D72C; border: 0px;color:#fff;"&gt;Register Now&lt;/button&gt;
                    &lt;button type="button" class="btn btn-danger" data-dismiss="modal"&gt;Close&lt;/button&gt;
                    &lt;button type="submit" class="btn btn-primary" id="doLogin" style="background-color: #71D72C; border: 0px" &gt;Login&lt;/button&gt;
                  &lt;/div&gt;
                &lt;/form&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
          
      &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'&gt;&lt;/script&gt;
  
      &lt;!-- Firebase App is always required and must be first --&gt;
      &lt;!-- &lt;script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-app.js"&gt;&lt;/script&gt; --&gt;
  
      &lt;!-- Add additional services that you want to use --&gt;
      &lt;script src="https://www.gstatic.com/firebasejs/4.3.1/firebase.js"&gt;&lt;/script&gt;
      &lt;script src="https://www.gstatic.com/firebasejs/5.8.4/firebase-app.js"&gt;&lt;/script&gt;
      &lt;script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-auth.js"&gt;&lt;/script&gt;
      &lt;script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-database.js"&gt;&lt;/script&gt;
      &lt;script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-firestore.js"&gt;&lt;/script&gt;
      &lt;script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-messaging.js"&gt;&lt;/script&gt;
      &lt;script src="https://www.gstatic.com/firebasejs/5.9.1/firebase-functions.js"&gt;&lt;/script&gt;
  
      &lt;!-- Comment out (or don't include) services that you don't want to use --&gt;
      &lt;!-- &lt;script src="https://www.gstatic.com/firebasejs/5.9.0/firebase-storage.js"&gt;&lt;/script&gt; --&gt;
  
      &lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"&gt;&lt;/script&gt;
    &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"&gt;&lt;/script&gt;
    
      &lt;!-- &lt;script  src="js/index.js"&gt;&lt;/script&gt; --&gt;
      &lt;!-- &lt;script  src="js/login.js"&gt;&lt;/script&gt; --&gt;
      &lt;!-- &lt;script  src="js/captcha.js"&gt;&lt;/script&gt; --&gt;
      &lt;script src="js/script.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>