<!DOCTYPE html>
<html lang="vi">

<head>
  <title>NGHETHUATSEO.COM | Hệ thống Seeding hàng đầu Việt Nam</title>
  
<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Favicon -->
<link rel="shortcut icon" href="/assets/images/favicon.ico">
<link rel="apple-touch-icon" href="/assets/images/favicon.ico">

<meta name="description" content="Hệ thống tăng like, sub, comment, view, tăng tương tác, chia sẻ livestream, dịch vụ tiktok, tăng tim instagram, theo dõi youtube, theo dõi twitter, theo dõi shopee, lượt xem tiktok nghethuatseo.com nghethuatseo">
<meta itemprop="description" content="Hệ thống tăng like, sub, comment, view, tăng tương tác, chia sẻ livestream, dịch vụ tiktok, tăng tim instagram, theo dõi youtube, theo dõi twitter, theo dõi shopee, lượt xem tiktok nghethuatseo.com nghethuatseo" />
<meta name=keyword content="Hệ thống tăng like, sub, comment, view, tăng tương tác, chia sẻ livestream... Hệ thống mua like uy tín, Tăng like giá rẻ, Dịch vụ tăng like tăng sub giá rẻ, tăng view video FB, Tăng người xem Livestream, tăng theo dõi, tăng like Facebook, tuongtaccheo, traodoisub, tăng like, tăng follow facebook, tiktok, instagram, miễn phí, tương tác chéo, trao đổi sub, giá rẻ đảm bảo uy tín, chất lượng...,nghethuatseo.com,nghethuatseo">

<meta property="og:title" content="NGHETHUATSEO.COM HỆ THỐNG DỊCH VỤ MẠNG XÃ HỘI, SOCIAL MEDIA MARKETING">
<meta property="og:site_name" content="NGHETHUATSEO.COM HỆ THỐNG DỊCH VỤ MẠNG XÃ HỘI, SOCIAL MEDIA MARKETING">
<meta property="og:description" content="Hệ thống tăng like, sub, comment, view, tăng tương tác, chia sẻ livestream, dịch vụ tiktok, tăng tim instagram, theo dõi youtube, theo dõi twitter, theo dõi shopee, lượt xem tiktok">
<meta property="og:type" content="services">
<meta property="og:url" content="https://nghethuatseo.com">
<meta property="og:keywords" content="Hệ thống tăng like, sub, comment, view, tăng tương tác, chia sẻ livestream... Hệ thống mua like uy tín, Tăng like giá rẻ, Dịch vụ tăng like tăng sub giá rẻ, tăng view video FB, Tăng người xem Livestream, tăng theo dõi, tăng like Facebook, tuongtaccheo, traodoisub, tăng like, tăng follow facebook, tiktok, instagram, miễn phí, tương tác chéo, trao đổi sub, giá rẻ đảm bảo uy tín, chất lượng...">
<meta property="og:image" content="https://s3.ap-northeast-1.amazonaws.com/h.files/images/1641916441312_72B9rctC3t.png">





  <!-- page css -->
  <link href="/assets/css/login.css?t=1678425260050" rel="stylesheet">

  <!-- Core css -->
  <link href="/assets/css/app.min.css" rel="stylesheet">

</head>

<body class="auth-page">



<div class="app">
  <div class="container-fluid p-h-0 p-v-20 bg full-height d-flex"
       style="background-image: url(/assets/images/background/default.png)">
    <div class="d-flex flex-column justify-content-between w-100">
      <div class="container d-flex h-100">
        <div class="row align-items-center w-100">
          <div class="col-md-7 col-lg-5 m-h-auto">
            <div class="card shadow-lg">
              <div class="card-body">
                <div class="d-flex align-items-center justify-content-between m-b-30">
                  <img class="img-fluid" alt="" src="/assets/images/logo/default.png">
                  <h2 class="m-b-0">Đăng nhập</h2>
                </div>
                <form id="formAuth" action="/login">
                  <div class="form-group">
                    <label class="font-weight-semibold" for="userName">Tên đăng nhập:</label>
                    <div class="input-affix">
                      <i class="prefix-icon anticon anticon-user"></i>
                      <input type="text" class="form-control" id="userName" name="username" placeholder="Tên đăng nhập" tabindex="1">
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="font-weight-semibold" for="password">Mật khẩu:</label>
                    <a class="float-right font-size-13 text-muted" href="/forgot_pass">Quên mật khẩu?</a>
                    <div class="input-affix m-b-10">
                      <i class="prefix-icon anticon anticon-lock"></i>
                      <input type="password" class="form-control" id="password" name="password" placeholder="Mật khẩu" tabindex="2">
                    </div>
                  </div>
                  <div class="form-group">
                    <div class="d-flex align-items-center justify-content-between">
                      <span class="font-size-13 text-muted">
                        Chưa có tài khoản?
                        <a href="/register"> Đăng ký</a>
                      </span>
                      <button class="btn btn-primary" tabindex="3">Đăng nhập</button>
                    </div>
                  </div>

                  <div class="form-group">
                    
    <link rel="stylesheet" type="text/css" href="/assets/css/auth_common.css?t=1678425260050">

    <div class="translate-wrapper">
        <div id="button_translate"></div>
    </div>

    
    <script>
      function googleTranslate() {
        new google.translate['TranslateElement']({pageLanguage: 'vi'}, 'button_translate');
      }
    </script>

    <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslate"></script>


                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="d-none d-md-flex p-h-40 justify-content-between">
        <span class="">© 2021</span>
      </div>
    </div>
  </div>
</div>

<style>
    /*OTP widget*/
    .otp-auth-widget {

    }
    .otp-auth-widget .otp-label {
        font-size: 17px;
        margin-bottom: 15px;
    }
    .otp-auth-widget .input-container {
        margin-bottom: 15px;
    }
    #otp {
        border: none !important;
        border-radius: 0 !important;
        border-bottom: 1px solid #b2b2b2 !important;
        transition: all .3s;
        outline: none !important;
        box-shadow: none !important;

        display: block;
        padding: .5rem .75rem;
        font-size: 1rem;
        line-height: 1.25;
        color: #495057;
        background-color: #fff;
        background-image: none;
        background-clip: padding-box;
    }
    #otp:focus {
        border-color: #57b846 !important;
    }
    .otp-auth-widget .input-container #otp {
        margin: 0 auto;
        width: 150px;
        max-width: 100%;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
    }
    .otp-auth-widget .btn-confirm-otp {
        font-weight: bold;
        font-size: 16px;
    }
</style>

<!--begin::Modal-->
<div class="modal fade" id="modalOTP" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Xác thực OTP</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body text-center">
                <div class="otp-auth-widget">
                    <div class="otp-label">Nhập mã OTP được gửi tới Telegram</div>

                    <div class="input-container">
                        <input class="form-control" id="otp" placeholder="XXXXXX" maxlength="6" type="tel">
                    </div>

                    <button class="btn btn-success btn-confirm-otp">Xác nhận</button>
                </div>

            </div>
        </div>
    </div>
</div>
<!--end::Modal-->

<!-- Core Vendors JS -->
<script src="/assets/js/vendors.min.js"></script>

<!-- page js -->
<script src="/assets/js/auth.js?t=1678425260050"></script>


<style>
    .icon-middle {
        position: fixed;
        right: 15px;
        bottom: 200px;
        transition: all .2s;
        z-index: 5;
    }
    .icon-middle .icon {
        margin-bottom: 10px;
        z-index: 1;
        width: 55px;
        height: 55px;
        background: #3697D7;
        color: #fff;
        display: inherit;
        text-align: center;
        line-height: 53px;
        cursor: pointer;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: all .3s;
    }
    .icon-middle .icon:hover {
        box-shadow: 0 8px 25px -8px #071666;
    }
    .icon-middle .icon img {
        width: auto;
        max-width: 100%;
    }
    .icon-middle .icon img.icon-svg {
        width: calc(100% - 25px);
        vertical-align: middle;
    }
    .icon-middle i {
        font-size: 23px;
        padding-top: 15px
    }
    .mini-icons .icon-middle {
        right: -60px;
    }
    #middle-control {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 40px;
        height: 40px;
        position: fixed;
        bottom: 30px;
        right: 20px;
        cursor: pointer;
        z-index: 90;
        background: #3697D7;
        -webkit-box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2);
        box-shadow: 0 0 15px 1px rgba(69, 65, 78, 0.2);
        opacity: 1;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 4px;
        padding: 9px;
    }
    #middle-control i {
        font-size: 21px;
        color: #ffffff;
    }
</style>

<div class="icon-middle">
    
        <a class="icon" href="https://zalo.me/0972782255" target="_blank"
           data-toggle="tooltip" data-placement="left" title="Chat Zalo">
            <img src="/assets/images/icon_zalo.png" alt="" />
        </a>
    

    
        <a class="icon" href="https://fb.com/truongdinhnamonline" target="_blank"
           data-toggle="tooltip" data-placement="left" title="Chat Messenger">
            <img src="/assets/images/icon_mess.png" alt="" />
        </a>
    

    

    
        <a class="icon" href="tel:0972782255" data-toggle="tooltip"
           data-placement="left" title="Liên Hệ">
            <img src="/assets/images/icon_phone.svg" alt="" class="icon-svg" />
        </a>
    
</div>

<div id="middle-control" data-toggle="tooltip" data-placement="left" title="Bạn cần hỗ trợ?">
    <img src="/assets/images/icon_comment.svg" alt="" class="icon-svg" style="vertical-align: top" />
</div>

<script>
  var miniIcon = !!localStorage.getItem('miniIcon');

  $('#middle-control').click(function() {
    miniIcon = !miniIcon;
    localStorage.setItem('miniIcon', miniIcon ? 'true' : '');
    $('body')[miniIcon ? 'addClass' : 'removeClass']('mini-icons');
  });

  // Mini icon if selected or mobile
  if (localStorage.getItem('miniIcon') || $(window).width() < 768 ) {
    $('body').addClass('mini-icons');
    miniIcon = true;
  }
</script>

</body>

</html>