index.html

<html>
<head>
  <title>Log-In page</title>
  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
  <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
  <link href="css/login.css" rel="stylesheet" id="style">
  <!-- Google font -->
  <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  <!-- Font Awesome-->
  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  <script defer src="https://www.gstatic.com/firebasejs/6.2.4/firebase-app.js"></script>
  <script defer src="https://www.gstatic.com/firebasejs/6.2.4/firebase-auth.js"></script>
  <script defer src="https://www.gstatic.com/firebasejs/6.2.4/firebase-firestore.js"></script>
  <script defer src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <script defer src="js/login.js"></script>
  <script src="https://cdn.firebase.com/libs/firebaseui/3.5.2/firebaseui.js"></script>
  <link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/3.5.2/firebaseui.css" />
  <link href="https://fonts.googleapis.com/css?family=Noto+Sans&display=swap" rel="stylesheet">
</head>
<body>

   <!-- <input type="email" placeholder="Email..." id="email_field" />
    <input type="password" placeholder = "Password..." id="password_field" />
    <button id = "btnFacebook">Login to Errandly</button> -->

<!-- Page Content -->
<div id="layer">
<div class="container">
    <div class="container2">
        <div class=''>
            <div class='image'>
            <img src="./images/logo.png" width="169.5" height="54.5" margin-left="2px"></img>
            </div> 
        </div>
        <div>
            <div class="">
                <div class="form-login"></br>
                    </br>
                    <div id="firebaseui-auth-container"></div>
                    <div id="loader">Loading...</div>
                    </br></br>
                    <div class="wrapper">
                            <span class="group-btn">
                            </span>
                    </div>
                </div>
            </div>
        </div>
        </br></br></br>
    </div>
    <!--footer-->
    <div class="footer text-white text-center">
    </div>
    <!--//footer-->
</div>
</div>
</body>

</html>