hsbc-holdings.com.ng Open in urlscan Pro
2606:4700:3032::6815:1c8f  Public Scan

Form analysis
1 forms found in the DOM

POST https://hsbc-holdings.com.ng/h5/index.html/come

<form action="https://hsbc-holdings.com.ng/h5/index.html/come" method="post">
  <input type="hidden" name="_token" value="HmQLmD0kbnwM9hcHMeoBLzxRbxpoFhO25h9wTeCc">
  <meta charset="utf-8">
  <title>Login</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="keywords" content="">
  <meta name="description" content="">
  <link rel="stylesheet" href="https://hsbc-holdings.com.ng/core/css/layui.css">
  <script src="https://hsbc-holdings.com.ng/core/css/layui.js"></script>
  <script src="https://hsbc-holdings.com.ng/core/css/comm.js"></script>
  <script src="https://hsbc-holdings.com.ng/core/css/jquery-1.11.0.min.js"></script>
  <script src="https://hsbc-holdings.com.ng/core/css/i18n.js"></script>
  <link href="https://hsbc-holdings.com.ng/core/css/main.css" rel="stylesheet">
  <style>
    html,
    body {
      width: 100%;
      height: 100%;
      max-width: 600px;
      margin: 0 auto;
    }

    .divxxx {
      width: 60px;
      height: 60px;
      position: fixed;
      z-index: 101;
      bottom: 15%;
      right: -15px;
    }

    .layui-form-checkbox[lay-skin=primary]:hover i {
      border-color: #000;
      color: #fff;
    }

    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
      margin-top: 4px;
    }

    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
      margin-top: 2px;
      padding-left: 22px;
      background: rgba(0, 0, 0, 0.00) !important;
    }

    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
      margin-top: 2px;
      padding-left: 22px;
    }

    .layui-form-checkbox[lay-skin=primary] span {
      padding-left: 0;
      padding-right: 15px;
      line-height: 18px;
      background: 0 0;
      color: #4000B5;
    }

    .layui-form-pane .layui-form-checkbox {
      margin: 5px 3px 4px 2px;
    }

    .layui-form-checked[lay-skin=primary] i {
      border-color: #4000B5 !important;
      background: linear-gradient(to right, #fff, #fff);
      color: #4000B5 !important;
      border-radius: 5px;
    }

    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
      margin-top: 2px;
      padding-left: 22px;
      background: #fff;
    }

    .layui-form-item {
      margin-bottom: 6px;
      clear: both;
      *zoom: 1;
    }

    div#div1 {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: -1;
    }

    div#div1>img {
      height: 100%;
      width: 100%;
      border: 0;
    }

    .inputdiv {
      display: flex;
      border: 1px solid #999 !important;
      background-color: #fff !important;
      height: 45px;
      line-height: 45px;
      padding: 0px 10px;
      border-radius: 25px;
      color: #000;
      box-shadow: 0 10px 5px 1px rgb(0 0 0 / 30%);
    }

    .layui-input {
      border-style: none;
      background-color: #fff !important;
    }

    .bgimg {
      position: absolute;
      height: 95%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: auto;
      width: 90%;
      padding: 10px;
      padding-top: 4px;
      background: rgba(255, 255, 255, 0.50);
      color: #000;
      /*border-width: 1px;
            border-color: #e6e6e6;
            border-style: solid;
            border-radius: 5px;
            box-shadow: 0 5px 15px 0 rgb(0 0 0 / 50%);*/
      border-radius: 5px;
    }

    .topname {
      line-height: 46px;
      font-weight: 700;
      width: 50%;
      text-align: center;
      color: #fff;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      margin: auto;
    }

    .layui-container {
      position: relative;
      margin: 0 auto;
      padding: 0 20px;
      box-sizing: border-box;
    }

    .ttt {
      margin: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 10;
      width: 100%;
      max-width: 450px;
      margin-top: 200px;
    }

    div#div1 {
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: -1;
    }

    div#div1>img {
      height: 100%;
      width: 100%;
      border: 0;
    }

    .nav {
      width: 100%;
      position: fixed;
      bottom: 0px;
      background-color: #222;
      z-index: 100;
      text-align: center;
      max-width: 450px;
      left: 50%;
      transform: translate(-50%, 0%);
    }
  </style>
  <div style=" max-width:450px; margin:0 auto;">
    <div style="padding-top:70px;">
      <div style="text-align: center;  padding-top:10px; padding-bottom:30px;">
        <div style="width: 100px; height: 100px; margin: 0 auto; border-radius: 15px; background: #fff; box-shadow: 0 6px 5px 3px rgb(0 0 0 / 30%);">
          <img src="https://hsbc-holdings.com.ng/assets/images/logoIcon/logo_2.png" style="height:60px; padding-top:25px;padding-bottom:25px;">
        </div>
      </div>
      <div style="width: 95%; margin: 0 auto; border-radius: 10px; ">
        <div class="layui-form" style="margin:0 auto; width:95%;">
          <div class="layui-form-item" style="height: 48px; margin-top: 30px;">
            <div class="inputdiv">
              <img src="https://hsbc-holdings.com.ng/core/img/i1.png" style="margin-left:5px;  margin-right:5px;color:#000; height:25px;  margin-top:11px;">
              <font style="color: #be8768; height: 45px; line-height: 46px;" id="moblie_qu">+234</font>
              <!--<i id="demo6" class="layui-icon layui-icon-triangle-d" style="margin-left:2px;margin-right:2px"></i>-->
              <input type="number" pattern="[0-9]*" style="height:45px; border-radius:25px;" name="username" oninput="if(value.length>11)value=value.slice(0,11)" placeholder="Please enter your mobile number" class="layui-input" autocomplete="off"
                id="username">
            </div>
          </div>
          <div class="layui-form-item" style="height: 48px; margin-top: 30px; height: auto; overflow: hidden; padding-bottom: 15px; ">
            <div class="inputdiv">
              <img src="https://hsbc-holdings.com.ng/core/img/i2.png" style="margin-left: 5px; margin-right: 5px; color: #000; height: 25px; margin-top: 11px; ">
              <input type="password" name="password" style="height:45px;border-radius:25px;" maxlength="20" placeholder="Please enter your password" autocomplete="off" class="layui-input" id="password">
            </div>
          </div>
          <div class="layui-form-item" style="margin-top: 40px; color: #000; text-align: center; font-size: 14px; height: auto; overflow: hidden;">
            <div style="float: left; width: 48%; text-align: left; margin-left: 2%; height: 25px; line-height: 25px; color: #4000B5;">
              <input type="checkbox" id="rememberpassword" lay-filter="rememberpassword" lay-skin="primary" title="Remember" style="margin-left:0px;">
            </div>
            <a href="https://hsbc-holdings.com.ng/h5/index.html/signup.html" style="float: left; width: 48%; text-decoration: underline;
                         color:#be8768; text-align: right; font-style: italic; margin-right: 2%; height: 25px; line-height: 25px; ">Click to account &gt; </a>
          </div>
          <div class="layui-form-item" style="margin-top: 10px; text-align: center; height: auto; overflow: hidden; padding-bottom:15px; ">
            <button class="layui-btn" style="width: 80%; font-weight: 600; height: 45px; line-height: 15px; font-size: 16px; display: inline-block; color: #fff; border: 1px groove #fff;
                                background: linear-gradient(90deg, #e5b69a, #be8768);
                                 box-shadow: 0 10px 5px 1px rgb(0 0 0 / 30%); border-radius: 25px; " type="submit">Sign in Now</button>
          </div>
          <div style="color: #fff; text-align: center; margin-top: 25px; height: 75px; height: auto; overflow: hidden;">
            <div style="color: #0C95B3; font-size: 14px; width: 100%; margin: 0 auto; margin-top: 30px; ">
              <div style="float: left; width: 50%; padding-bottom: 15px;">
                <img src="https://hsbc-holdings.com.ng/core/img/t1.png" style="height: 60px; box-shadow: 0 6px 5px 1px rgb(0 0 0 / 30%); border-radius: 100px; " id="service">
              </div>
              <div style="float: left; width: 50%; padding-bottom: 15px;">
                <img src="https://hsbc-holdings.com.ng/core/img/t2.png" style="height: 60px; box-shadow: 0 6px 5px 1px rgb(0 0 0 / 30%); border-radius: 100px; " id="service1">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ=="
    data-cf-beacon="{&quot;rayId&quot;:&quot;8f1fcbde6ece1031&quot;,&quot;version&quot;:&quot;2024.10.5&quot;,&quot;r&quot;:1,&quot;token&quot;:&quot;e2e581a1420f49f198d70a234a254022&quot;,&quot;serverTiming&quot;:{&quot;name&quot;:{&quot;cfExtPri&quot;:true,&quot;cfL4&quot;:true,&quot;cfSpeedBrain&quot;:true,&quot;cfCacheStatus&quot;:true}}}"
    crossorigin="anonymous"></script>
  <a href="" target="_blank" style="display:none;"><span id="jump"></span></a>
  <script src="https://hsbc-holdings.com.ng/assets/global/js/jquery-3.6.0.min.js"></script>
  <script src="https://hsbc-holdings.com.ng/assets/global/js/bootstrap.bundle.min.js"></script>
  <!-- Pluglin Link -->
  <script src="https://hsbc-holdings.com.ng/assets/templates/invester/js/lib/slick.min.js"></script>
  <script src="https://hsbc-holdings.com.ng/assets/templates/invester/js/lib/magnific-popup.min.js"></script>
  <script src="https://hsbc-holdings.com.ng/assets/templates/invester/js/lib/apexcharts.min.js"></script>
  <!-- Main js -->
  <script src="https://hsbc-holdings.com.ng/assets/templates/invester/js/main.js"></script>
  <link rel="stylesheet" href="https://hsbc-holdings.com.ng/assets/global/css/iziToast.min.css">
  <script src="https://hsbc-holdings.com.ng/assets/global/js/iziToast.min.js"></script>
  <script>
    "use strict";

    function notify(status, message) {
      iziToast[status]({
        message: message,
        position: "topRight"
      });
    }
  </script>
  <script>
    $(".langSel").on("change", function() {
      window.location.href = "https://hsbc-holdings.com.ng/change/" + $(this).val();
    });
    Array.from(document.querySelectorAll('table')).forEach(table => {
      let heading = table.querySelectorAll('thead tr th');
      Array.from(table.querySelectorAll('tbody tr')).forEach((row) => {
        Array.from(row.querySelectorAll('td')).forEach((colum, i) => {
          colum.setAttribute('data-label', heading[i].innerText)
        });
      });
    });
    $.each($('input, select, textarea'), function(i, element) {
      var elementType = $(element);
      if (elementType.attr('type') != 'checkbox') {
        if (element.hasAttribute('required')) {
          $(element).closest('.form-group').find('label').addClass('required');
        }
      }
    });
    var inputElements = $('[type=text],[type=password],[type=email],[type=number],select,textarea');
    $.each(inputElements, function(index, element) {
      element = $(element);
      element.closest('.form-group').find('label').attr('for', element.attr('name'));
      element.attr('id', element.attr('name'))
    });
    $('.policy').on('click', function() {
      $.get('https://hsbc-holdings.com.ng/cookie/accept', function(response) {
        $('.cookies-card').addClass('d-none');
      });
    });
    setTimeout(function() {
      $('.cookies-card').removeClass('hide')
    }, 2000);
  </script>
</form>

Text Content

Login
+234


Click to account >
Sign in Now