| Server IP : 160.25.81.117 / Your IP : 216.73.216.137 Web Server : Apache/2 System : Linux sv05.hilab.cloud 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : bellizen ( 1045) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/bellizen/public_html/public/images/partner/ |
Upload File : |
<!doctype html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<meta charset="UTF-8" />
<title>COMPANY - checkout</title>
<link href="plugin/fonts/transfonter/stylesheet.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
<link href="plugin/fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<link href="plugin/animate/css/animate.css" rel="stylesheet" />
<link href="plugin/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.2.13/dist/semantic.min.css">
<link href="plugin/mmenu/jquery.mmenu.all.css" rel="stylesheet" />
<link href="plugin/animsition/css/animsition.min.css" rel="stylesheet" />
<link href="plugin/slick/slick.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<script src="plugin/modernizr.js"></script>
</head>
<body ontouchstart="">
<div class="animsition main-wrapper">
<nav class="vk-menu__main collapse" id="collapseExample">
<div class="row no-gutter" data-layout="full-height">
<div class="col-lg-6 vk-menu__left">
</div>
<div class="col-lg-6">
<div class="vk-menu__right">
<div class="vk-header__button vk-header__button--close">
<label for="buttonMenuClose">Close</label>
<button class="vk-btn vk-btn--menu-close vk-menu__close" id="buttonMenuClose" data-toggle="collapse" data-target="#collapseExample">
<img src="images/icon/menu-close.png" alt="">
</button>
</div>
<div class="vk-menu__logo">
<a href="index.html" title="">
<img src="images/logo/logo-4.png" alt="" class="img-fluid">
</a>
</div>
<div class="vk-menu__menu">
<ul class="vk-list vk-menu__list">
<li class="vk-list__item"><a href="about.html" title=""><i class="fa fa-caret-right"></i>
About </a></li>
<li class="vk-list__item"><a href="shop.html" title=""><i class="fa fa-caret-right"></i>
Blanket pillow </a></li>
<li class="vk-list__item"><a href="shop.html" title=""><i class="fa fa-caret-right"></i>
Bedding blanket </a></li>
<li class="vk-list__item"><a href="shop.html" title=""><i class="fa fa-caret-right"></i>
Newborn toys </a></li>
<li class="vk-list__item"><a href="combo.html" title=""><i class="fa fa-caret-right"></i>
Combo Package </a></li>
<li class="vk-list__item"><a href="news.html" title=""><i class="fa fa-caret-right"></i>
Blog </a></li>
<li class="vk-list__item"><a href="contact.html" title=""><i class="fa fa-caret-right"></i>
Contact </a></li>
</ul>
</div>
<div class="vk-menu__info">
<p>Hotline: <a href="callto:(+84-4) 8586 5555" title=""><b class="vk-text--red-1">(+84-4) 8586
5555</b></a></p>
<p>Email: <a href="mailto:info@bellizeno.com.vn" title="">info@bellizeno.com.vn</a></p>
</div>
</div>
</div>
</nav>
<header class="vk-header" data-layout="sticky">
<div class="container">
<div class="vk-header__content">
<div class="vk-header__left">
<!--<div class="vk-form__search vk-header__search">-->
<!--<input type="text" class="form-control" id="headerSearch" placeholder="Search...">-->
<!--<label class="vk-form__label" for="headerSearch"><i class="fa fa-search"></i></label>-->
<!--</div>-->
<div class="vk-header__logo">
<a href="index.html" title="">
<img src="images/logo/logo-1.png" alt="">
</a>
</div>
<ul class="vk-menu__sub vk-menu__sub--mod vk-list text-uppercase d-none d-lg-flex">
<li class="vk-list__item"><a href="about.html" title="">About </a></li>
<li class="vk-list__item">
<a href="shop.html" title="">Shop </a>
<ul class="vk-list vk-menu__child">
<li class="vk-list__item"><a href="shop.html" title="">Blanket pillow </a></li>
<li class="vk-list__item"><a href="shop.html" title="">Bedding blanket </a></li>
<li class="vk-list__item"><a href="shop.html" title="">Newborn toys </a></li>
</ul>
</li>
<li class="vk-list__item"><a href="combo.html" title="">Combo Package </a></li>
<li class="vk-list__item"><a href="news.html" title="">Blog </a></li>
<li class="vk-list__item"><a href="contact.html" title="">Contact </a></li>
</ul>
<div class="vk-form__search vk-header__search">
<input type="text" class="form-control" id="headerSearch" placeholder="Search...">
<label class="vk-form__label" for="headerSearch"><i class="fa fa-search"></i></label>
</div>
</div> <!--./left-->
<div class="vk-header__right">
<div class="vk-header__button d-lg-none">
<a href="#" class="vk-btn vk-btn--menu" id="buttonMenu" data-toggle="collapse" data-target="#collapseExample">
<span></span>
<span></span>
<span></span>
</a>
<label for="buttonMenu" data-toggle="collapse" data-target="#collapseExample">Menu</label>
</div>
<ul class="vk-menu__sub vk-list d-none d-lg-flex">
<li class="vk-list__item">
<a href="#" title="" data-toggle="modal" data-target="#account"><i class="fa fa-user-o"></i> Account</a>
</li>
<li class="vk-list__item"><a href="shopcart.html" title=""><i class="fa fa-shopping-cart"></i> 0 item</a>
</li>
</ul>
<div class="vk-lang d-none d-lg-flex">
<a href="#" title="" class="active">ENG</a>
<a href="#" title="">VIE</a>
</div>
</div> <!--./right-->
</div>
</div>
</header> <!--./vk-header-->
<section class="vk-content">
<div class="vk-banner vk-background--image-1">
<div class="container">
<div class="vk-banner__content">
<div class="vk-banner__logo">
<a href="index.html" title="">
<img src="images/logo/logo-1.png" alt="">
</a>
</div> <!--./logo-->
<h2 class="vk-banner__heading text-uppercase"><span>Checkout</span></h2>
</div>
</div>
<div class="vk-breadcrumb vk-banner__breadcrumb">
<nav class="container">
<ul class="vk-list vk-list--inline vk-breadcrumb__list">
<li class="vk-list__item"><a href="index.html">Home</a></li>
<li class="vk-list__item active">Checkout</li>
</ul>
</nav>
</div>
</div>
<!--./vk-banner-->
<div id="anchor"></div>
<div class="vk-page vk-page--checkout">
<div class="vk-checkout">
<div class="container">
<div class="row">
<div class="col-lg-9">
<div id="checkoutConfirm" hidden>
<h3 class="vk-checkout__title">Thank you</h3>
<p>
You have successfully set the product of shop as_endo, your order code is: 1497275284.
<br>
Order is pending confirmation. Please make a transfer with the details below:
</p>
<div class="vk-checkout__bank">
<div class="vk-checkout-bank">
<div class="vk-img vk-img--mw100">
<img src="images/bank/vietinbank.jpg" alt="">
</div>
<div class="vk-checkout-bank__brief">
<h3 class="vk-checkout-bank__title"> VIETTIN BANK</h3>
<p> Branch: Ben Thanh</p>
<p> Account name: <b>FPT Wallet Company</b></p>
<p> Account number: 88247247001</p>
<p>Payment amount: 89,000 VND</p>
<p>Note: Payment for order 1497275284</p>
</div>
</div> <!--./box-->
<p>
After making a transfer, please click here to confirm your payment. Red Crescent will
carry out a payment confirmation within 24 hours of your transfer. <br>
You can also send a text message (1,500 VND / SMS) to confirm payment with the following
syntax: <br>
- Transfer via Internet Banking or ATM: 11027348
<Your Bank Account Number> to 8100 <br>
- Cash deposit at the counter: TT 11027348 TM sent to 8100 <br>
After confirming the delivery, the product will be delivered to your address in Ho
Chi Minh City in 1-2 days
</p>
<p>
All information about the order will be sent to your email, please check email for
more details. <br>
Thank you for your trust and transaction at www.sendo.vn <br>
Sendo.vn Management <br>
For inquiries, please contact: <b class="vk-text--red-1">1900 6000</b>
</p>
</div>
</div>
<div id="checkoutReview">
<div class="vk-checkout__box">
<h1 class="vk-heading vk-heading--line"><span>1</span>Receiver's info</h1>
<div class="vk-form__checkout row">
<div class="col-lg-4">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope-o"></i></span>
<input type="text" class="form-control" placeholder="Email address">
</div>
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user-o"></i></span>
<input type="text" class="form-control" placeholder="Full name">
</div>
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-phone"></i></span>
<input type="text" class="form-control" placeholder="Hotline">
</div>
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<select name="" id="" class="form-control">
<option value="0" hidden>Province</option>
<option value="0">select option</option>
<option value="0">select option</option>
<option value="0">select option</option>
</select>
<!-- /# -->
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<select name="" id="" class="form-control">
<option value="0" hidden>Distric</option>
<option value="0">select option</option>
<option value="0">select option</option>
<option value="0">select option</option>
</select>
<!-- /# -->
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-map-marker"></i></span>
<input type="text" class="form-control" placeholder="Address">
</div>
</div>
</div>
</div>
</div>
<div class="vk-checkout__box">
<h3 class="vk-heading vk-heading--line"><span>2</span> Payments</h3>
<nav class="nav nav-tabs nav-justified vk-nav__tab" id="myTab" role="tablist">
<a class="nav-item vk-nav__item active" id="nav-home-tab" data-toggle="tab" href="#nav-1" role="tab" aria-controls="nav-home" aria-selected="true"><b>Banking transfer</b></a>
<a class="nav-item vk-nav__item" id="nav-profile-tab" data-toggle="tab" href="#nav-2" role="tab" aria-controls="nav-profile" aria-selected="false"><b>Online payment</b></a>
<a class="nav-item vk-nav__item" id="nav-contact-tab" data-toggle="tab" href="#nav-3" role="tab" aria-controls="nav-contact" aria-selected="false"><b>Ship COD</b></a>
</nav>
<div class="tab-content vk-nav__content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-1" role="tabpanel">
<p><span class="vk-text--red-1">Note: You need to register for Internet Banking or online payment service at the bank before proceeding.</span>
<br>
We help you with bank transfer payments with the banks below. Select a bank
to complete the payment</p>
<div class="vk-bank__list">
<label class="vk-bank__item">
<input type="radio" name="bank" checked>
<span class="vk-bank__img">
<img src="images/bank/bank-1.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-2.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-3.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-1.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-2.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-3.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-1.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-2.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-3.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-1.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-2.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-3.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-1.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-2.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank">
<span class="vk-bank__img">
<img src="images/bank/bank-3.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
</div>
</div>
<div class="tab-pane fade" id="nav-2" role="tabpanel">
<p><span class="vk-text--red-1">Note: You need to register for Internet Banking or online payment service at the bank before proceeding.</span>
<br>
We help you with bank transfer payments with the banks below. Select a bank
to complete the payment</p>
<div class="vk-bank__list">
<label class="vk-bank__item">
<input type="radio" name="bank1" checked>
<span class="vk-bank__img">
<img src="images/bank/bank-1.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-2.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-3.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-1.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-2.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-3.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-1.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-2.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-3.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-1.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-2.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-3.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-1.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-2.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
<label class="vk-bank__item">
<input type="radio" name="bank1">
<span class="vk-bank__img">
<img src="images/bank/bank-3.png" alt="" class="img-fluid">
</span>
</label> <!--./item-->
</div>
</div>
<div class="tab-pane fade" id="nav-3" role="tabpanel">
2
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="vk-checkout__review">
<h3 class="vk-heading vk-heading--style-1">Cart</h3>
<table class="vk-table vk-shopcart__table vk-shopcart__table--mod">
<tr>
<td>
<div class="vk-shopcart-item">
<div class="vk-img vk-img--mw100">
<a href="shop.html" title="" class="vk-img__link">
<img src="images/shop/shopcart-item-1.png" alt="" class="vk-img__img">
</a>
<div class="vk-rate vk-text--yellow-1">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
</div>
<div class="vk-shopcart-item__brief">
<h3 class="vk-shopcart-item__title">
<a href="shop.html" title="">Blanket</a></h3>
<p>Blanket 2mx2m5 </p>
<p>Size: 2mx2.5m</p>
<p>Color: <span class="vk-shop-item__color grey"></span></p>
</div>
</div> <!--./vk-shopcart-item-->
</td>
</tr>
<tr>
<td>
<div class="vk-shopcart-item">
<div class="vk-img vk-img--mw100">
<a href="shop.html" title="" class="vk-img__link">
<img src="images/shop/shopcart-item-2.png" alt="" class="vk-img__img">
</a>
<div class="vk-rate vk-text--yellow-1">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
</div>
<div class="vk-shopcart-item__brief">
<h3 class="vk-shopcart-item__title">
<a href="shop.html" title="">Blanket</a></h3>
<p>Blanket 2mx2m5 </p>
<p>Size: 2mx2.5m</p>
<p>Color: <span class="vk-shop-item__color grey"></span></p>
</div>
</div> <!--./vk-shopcart-item-->
</td>
</tr>
<tr>
<td>
<div class="vk-shopcart-item">
<div class="vk-img vk-img--mw100">
<a href="shop.html" title="" class="vk-img__link">
<img src="images/shop/shopcart-item-3.png" alt="" class="vk-img__img">
</a>
<div class="vk-rate vk-text--yellow-1">
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
<span><i class="fa fa-star"></i></span>
</div>
</div>
<div class="vk-shopcart-item__brief">
<h3 class="vk-shopcart-item__title">
<a href="shop.html" title="">Blanket</a></h3>
<p>Blanket 2mx2m5 </p>
<p>Size: 2mx2.5m</p>
<p>Color: <span class="vk-shop-item__color grey"></span></p>
</div>
</div> <!--./vk-shopcart-item-->
</td>
</tr>
</table>
<div class="vk-shopcart__total vk-shopcart__total--mod">
<div class="vk-shopcart__label">Total cart: $195</div>
<a href="shopcart.html" title="" class="vk-btn vk-btn--secondary">View cart</a>
</div>
<button class="vk-btn vk-btn--red-1 vk-checkout__btn d-inline-block" id="checkoutProcess" data-scroll-to="#anchor">CHECKOUT</button>
</div>
</div>
</div>
</div>
</div> <!--./vk-checkout-->
</div> <!--./vk-page-->
<div class="vk-follow">
<div class="container">
<div class="row vk-follow__content">
<div class="col-lg-6">
<h3 class="vk-follow__title">Sign up for the latest news and deals</h3>
</div>
<div class="col-lg-6">
<div class="vk-form__search vk-follow__search">
<input type="text" class="form-control" id="followForm" placeholder="Your email address...">
<label class="vk-form__label" for="followForm"><i class="fa fa-paper-plane"></i></label>
</div>
</div>
</div>
</div>
</div>
</section>
<!--./content-->
<footer class="vk-footer">
<div class="container">
<div class="vk-footer__top">
<div class="row">
<div class="col-lg-3 vk-footer__item">
<div class="vk-footer__logo">
<a href="index.html" title="">
<img src="images/logo/logo-2.png" alt="" class="img-fluid">
</a>
</div>
</div> <!--./footer-item-->
<div class="col-lg-5 vk-footer__item">
<div class="vk-footer__info">
<h3 class="vk-footer__title">HIEP HUNG GROUPS</h3>
<p><i class="fa fa-map-marker"></i> 130D - Thuy Khue - Tay Ho - Hanoi</p>
<p><i class="fa fa-map-marker"></i> 1st floor, 130D Thuy Khue:
<a href="callto:(84-4) 8586 5555" title="">(84-4) 8586 5555</a></p>
<p><i class="fa fa-phone"></i> <a href="callto:(84-4) 3728 1634" title="">(84-4) 3728 1634</a></p>
</div>
</div> <!--./footer-item-->
<div class="col-lg-2 vk-footer__item">
<h3 class="vk-footer__heading">SHOP</h3>
<ul class="vk-footer__list vk-list">
<li class="vk-list__item"><a href="#" title="">Best sellers</a></li>
<li class="vk-list__item"><a href="#" title="">Classic Sheets</a></li>
<li class="vk-list__item"><a href="#" title="">Luxe Sheets</a></li>
</ul>
</div> <!--./footer-item-->
<div class="col-lg-2 vk-footer__item">
<h3 class="vk-footer__heading">ABOUT</h3>
<ul class="vk-footer__list vk-list">
<li class="vk-list__item"><a href="#" title="">FAQ</a></li>
<li class="vk-list__item"><a href="#" title="">Returns & Exchanges</a></li>
<li class="vk-list__item"><a href="#" title="">Privecy policy</a></li>
</ul>
</div> <!--./footer-item-->
</div>
</div>
<div class="vk-footer__bot">
© GCO GROUP 2017. All rights reserved _ Design by Funny
</div> <!--./vk-footer__bot-->
</div>
</footer><!--./vk-footer-->
</div>
<!-- Modal -->
<div class="modal fade" id="account" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<button type="button" class="close vk-modal__close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<nav class="nav nav-tabs vk-modal-nav__tab nav-justified" id="myTab" role="tablist">
<a class="nav-item vk-modal-nav__item active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">LOGIN</a>
<a class="nav-item vk-modal-nav__item" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">REGISTER</a>
</nav>
<div class="tab-content vk-modal-nav__content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
<div class="vk-modal__form">
<div class="form-group">
<input type="text" class="form-control" id="username" placeholder="Username">
<label class="vk-form__label" for="headerSearch"><i class="fa fa-user-o"></i></label>
</div> <!--./form-group-->
<div class="form-group">
<input type="password" class="form-control" id="pwd" placeholder="Password">
<label class="vk-form__label" for="pwd"><i class="fa fa-key"></i></label>
</div> <!--./form-group-->
<div class="form-group">
<button class="vk-btn vk-btn--red-1 d-block btn-block"><b>LOGIN</b></button>
</div> <!--./form-group-->
<div class="form-group row">
<div class="col-sm-6">
<button class="vk-btn btn-block vk-btn--fb"><img src="images/icon/login-fb.jpg" alt="" class="w-100"></button>
</div>
<div class="col-sm-6">
<button class="vk-btn btn-block vk-btn--fb"><img src="images/icon/login-gg.jpg" alt="" class="w-100"></button>
</div>
</div> <!--./form-group-->
</div>
</div>
<div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
<div class="vk-modal__form">
<div class="form-group">
<input type="text" class="form-control" id="username" placeholder="Username">
<label class="vk-form__label" for="headerSearch"><i class="fa fa-user-o"></i></label>
</div> <!--./form-group-->
<div class="form-group">
<input type="text" class="form-control" id="email" placeholder="Email">
<label class="vk-form__label" for="email"><i class="fa fa-envelope-o"></i></label>
</div> <!--./form-group-->
<div class="form-group">
<input type="password" class="form-control" id="pwd" placeholder="Password">
<label class="vk-form__label" for="pwd"><i class="fa fa-key"></i></label>
</div> <!--./form-group-->
<div class="form-group">
<input type="password" class="form-control" id="rePwd" placeholder="Re-Password">
<label class="vk-form__label" for="rePwd"><i class="fa fa-key"></i></label>
</div> <!--./form-group-->
<div class="form-group">
<button class="vk-btn vk-btn--red-1 d-block btn-block"><b>Register</b></button>
</div> <!--./form-group-->
</div>
</div>
</div>
<div class="vk-modal__logo">
<img src="images/logo/logo-4.png" alt="" class="img-fluid">
</div>
</div>
</div>
</div>
<!--./main-wrapper-->
<!-- BEGIN: SCRIPT -->
<script src="plugin/jquery/jquery-3.2.1.min.js"></script>
<script src="plugin/jquery/jquery-migrate-3.0.0.min.js"></script>
<script src="plugin/popper/popper.min.js"></script>
<script src="plugin/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.2.13/dist/semantic.min.js"></script>
<script src="plugin/mmenu/jquery.mmenu.all.js"></script>
<script src="plugin/animsition/js/animsition.min.js"></script>
<script src="plugin/waypoint/jquery.waypoints.min.js"></script>
<script src="plugin/stellar/jquery.stellar.min.js"></script>
<script src="plugin/slick/slick.min.js"></script>
<script src="plugin/scrollup/jquery.scrollUp.min.js"></script>
<script src="plugin/stickOnScroll/jquery.stickOnScroll.min.js"></script>
<script src="plugin/main.js"></script>
<!-- END: SCRIPT -->
</body>
</html>