title: Google Sign In Button Won't Render
body: <p>I'm trying to make a sign in page for my web application and I followed the steps on this website:<a href="https://developers.google.com/identity/sign-in/web/sign-in" rel="nofollow noreferrer">https://developers.google.com/identity/sign-in/web/sign-in</a>
  but the google sign in button won't show up, it's just a blank screen but I see that the google icon shows up and fades so it is connecting to google. 
  this is my index.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Google SignIn&lt;/title&gt;
     &lt;!-- Bootstrap CDN: Latest compiled and minified CSS --&gt;
     &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
     &lt;!-- Google Sign In Client ID --&gt;
     &lt;meta name="google-signin-client_id" content="**MY GOOGLE CLIENT ID**"&gt;
     &lt;script src="https://apis.google.com/js/platform.js" async defer&gt;&lt;/script&gt;
     &lt;!-- Jquery --&gt;
     &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
     &lt;script src="script.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;style&gt;
         .g-signin2{
             margin-left:500px;
             margin-top:200px;
         }   
          .data{
              display:none;
          }
     &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="g-signin2" data-onsuccess="onSignIn"&gt;&lt;/div&gt;
      &lt;div class="data"&gt;
          &lt;p&gt;Profile Details&lt;/p&gt;
          &lt;img id="pic" class="img-circle" width="100" height="100"/&gt;
          &lt;p&gt;Email Address&lt;/p&gt;
          &lt;p id="email" class="alert alert-danger"&gt;&lt;/p&gt;
          &lt;button onclick="signOut()" class="btn btn-danger"&gt;SignOut&lt;/button&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>