| Server IP : 68.65.120.201 / Your IP : 216.73.216.221 Web Server : LiteSpeed System : Linux server179.web-hosting.com 4.18.0-513.18.1.lve.el8.x86_64 #1 SMP Thu Feb 22 12:55:50 UTC 2024 x86_64 User : taxhyuvu ( 2294) PHP Version : 8.1.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/self/root/proc/self/root/home/././././././././././taxhyuvu/public_html/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>User Signup</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<button style="float:right;" class="btn btn-danger" type="button" data-bs-toggle="modal" data-bs-target="#myModal"><i class="fa fa-question-circle" aria-hidden="true"></i>
Help Center</button>
<style type="text/css">
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.border-md {
border-width: 2px;
}
.btn-facebook {
background: #405D9D;
border: none;
}
.btn-facebook:hover, .btn-facebook:focus {
background: #314879;
}
.btn-twitter {
background: #42AEEC;
border: none;
}
.btn-twitter:hover, .btn-twitter:focus {
background: #1799e4;
}
/*
*
* ==========================================
* FOR DEMO PURPOSES
* ==========================================
*
*/
body{background: #d3d3d3;}
/* body {
min-height: 100vh;
} */
.form-control:not(select) {
padding: 1.5rem 0.5rem;
}
select.form-control {
height: 52px;
padding-left: 0.5rem;
}
.form-control::placeholder {
color: #ccc;
font-weight: 300;
font-size: 19px;
}
.form-control:focus {
box-shadow: none;
}
.form-control:not(select) {
padding: 1rem 0.5rem;
}
.px-4 {
PADDING: 1.0REM;
}
.btn-primary {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8;
padding: 10px 15px;
}
.btn{font-size: 17px;}
.py-5 {
padding-top: 3rem!important;
padding-bottom: 3rem!important;
padding-right: 40px;
}
.form-control:not(select) {
padding: 0rem 0.5rem;
font-size: 20px;
}.border-md {
border-width: 1px;
font-size: 20px!important;
height: 48px;
}
.input-group>.form-control, .input-group>.form-select {
height: 48px;
}
input{ font-family: 'Yantramanav', sans-serif !important;}
p{ font-family: 'Yantramanav', sans-serif !important; text-align: justify;}
button{ font-family: 'Yantramanav', sans-serif !important;}
h1{ font-weight: 800; font-size: 50px; font-family: 'Yantramanav', sans-serif !important;}
img{ max-width: 100% !important;}
span {
padding: 10px 0px 5px 0px !important;
font-family: system-ui;
font-weight: 500;
}
</style>
<script type="text/javascript">
// For Demo Purpose [Changing input group text on focus]
$(function () {
$('input, select').on('focus', function () {
$(this).parent().find('.input-group-text').css('border-color', '#80bdff');
});
$('input, select').on('blur', function () {
$(this).parent().find('.input-group-text').css('border-color', '#ced4da');
});
});
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Yantramanav&display=swap" rel="stylesheet">
</head>
<body>
<script>
</script>
<form method="POST" enctype="multipart/form-data">
<div class="container" style="background: #ffffff;box-shadow: 15px 18px #00000017;margin-top:80px;padding: 17px 15px 10px 12px;">
<!-- <center><h4>Sign up</h4></center> -->
<div class="row ">
<!-- For Demo Purpose -->
<div class="col-xl-6 col-lg-7 col-md-12 col-sm-12 ssssms" style="padding: 0px 25px 0px 30px;" >
<h2 style="padding: 0px 0px 0px 0px; color: #007b8f; font-weight:700;" class="sssdddddsssssss">Subscription Plan</h2>
<div class="row" style="font-size: 17px;padding: 0px 0px 5px 0px; display:none;">
<div class="col-md-3"><input type="checkbox" class="subject" onchange="calculateTotal()" name="cus" value="1c"><label style=" margin-left: 9px;" for="" > <h5>Customs</h5> </label></div>
<div class="col-md-3"><input type="checkbox" class="subject" onchange="calculateTotal()" name="sal" value="1s"><label style=" margin-left: 9px;" for=""> <h5> Sales Tax </h5> </label></div>
<div class="col-md-3"><input type="checkbox" class="subject" onchange="calculateTotal()" name="inc" value="1i"><label style=" margin-left: 9px;" for=""> <h5>Income Tax</h5></label></div>
<div class="col-md-3"><input type="checkbox" class="subject" onchange="calculateTotal()" name="fed" value="1f"><label style=" margin-left: 9px;" for=""> <h5>Federal Excise </h5></label></div>
<div class="col-md-5"><input type="checkbox" class="subject" onchange="calculateTotal()" name="sts" value="1ss"><label style=" margin-left: 9px;" for=""> <h5>Sales Tax On Services </h5></label></div>
</div>
<div class="row">
<style> .hii{ width: 46%;
/* background: #68686817; */
height: 210px;
border-radius: 5px;
margin:12px 12px 18.5px 12px; }
.pkr h3{font-size: 19px;margin-top: 7px; }
.cern h3{font-size: 1.5rem;
font-weight: 700;}
.h5, h5 {
font-size: 1.1rem;
line-height: 22px;
}
.fa {padding-right: 6px;
padding-left: 2px;}
.pkr{background:#29a2b7;color: #f5f5f5; }
/* Styling for checkboxes */
/* Create a custom checkbox */
input[type="checkbox"] {
background-color: red;
color: white;
}
input[type="checkbox"]:checked {
background-color: #002B4E !important; /* Change this to the desired color */
color: white;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
line-height: 30px;
}
.blue{font-weight: 900;
background: #29a2b7;
border: 1px solid #ffffff;}
.btn-check:focus+.btn-primary, .btn-primary:focus {
box-shadow: 0 0 0 .25rem rgb(104 104 104 / 20%);
}
.hii .row{
/* background: white; */
box-shadow: 1px 8px 7px -1px #7e7777;
border-radius: 29px;
}
.pkr {
background: #29a2b7;
color: #f5f5f5;
border-radius: 1px 8px 0px 14px;
}
.modal-footer {
padding: 0.25rem 4.75px;
}
.modal-header{padding: 0.45rem 0.75rem!important;}
.mb-4 {
margin-bottom: 1rem !important;
}
@media (max-width: 1441px) {
.container {
margin-bottom: 80px;
}
.col-xl-6.col-lg-7.col-md-12.col-sm-12.ssssms {
max-width: 50%!important;
}
.col-xl-6.col-lg-7.col-md-12.col-sm-12.ssssms {
padding: 0px 0px 0px 15px !important;
}
.col-md-6.hii {
margin: 12px 2px 12px 15px;
}
button.btn.btn-danger {
font-size: 16px !important;
padding: 4px 6px;
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1200px;
}
.col-xl-6.col-lg-5.col-md-12.col-sm-12 {
padding: 0px 10px 0px 12px !important;
}
.col-xl-6.col-lg-5.col-md-12.col-sm-12 {
max-width: 50%!important;
}
h4.sssssewe {
font-size: 1.2rem!important;
}
p.sssssewe {
font-size: 19px ! IMPORTANT;
}
}
@media (max-width: 1025px) {
button.btn.btn-danger {
DISPLAY: NONE;
}
.col-xl-6.col-lg-7.col-md-12.col-sm-12.ssssms {
max-width: 60% !important;
}
}
@media (max-width: 769px) {
.col-xl-6.col-lg-7.col-md-12.col-sm-12.ssssms {
max-width: 100% !important;
}
.col-xl-6.col-lg-5.col-md-12.col-sm-12 {
max-width: 100% !important;
}
input.form-control.jilijili {
width: 102%;
margin-bottom: 20px;
}
}
@media (max-width: 426px) {
.col-md-6.hii {
margin: 0px 2px 25px 15px;
width: 90.3%;
}
.container {
margin: 0px !important;
}
.col-md-7.cern {
width: 65% !important;
}
input.form-control.jilijili {
width: 98%;
margin-bottom: 20px;
}
h2.sssdddddsssssss {
padding: 0px 0px 7px 5px !important;
}
.col-md-5.pkr {
width: 35%;
}
.hii .row {
border: 1px solid #c3c3c3;
}
h4.sssssewe {
margin-bottom: 1px;
}
h4.sssssewe.scccssc {
padding-top: 13px;
}
}
@media (min-width: 1445px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1470px;
}
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
// This function runs when the document is ready
$("#btn1").click(function(){
// This function runs when the button with ID "btn1" is clicked
$("#btn1").html("<i class='fa fa-check-square'></i> Selected");
$("#btn2").html("Select");
$("#btn3").html("Select");
$("#btn4").html("Select");
$("#test3").val("2000");
$("#test4").val("1");
});
$("#btn2").click(function(){
// This function runs when the button with ID "btn2" is clicked
$("#btn2").html("<i class='fa fa-check-square'></i> Selected");
$("#btn1").html("Select");
$("#btn3").html("Select");
$("#btn4").html("Select");
$("#test3").val("3000");
$("#test4").val("3");
});
$("#btn3").click(function(){
// This function runs when the button with ID "btn3" is clicked
$("#btn3").html("<i class='fa fa-check-square'></i> Selected");
$("#btn1").html("Select");
$("#btn2").html("Select");
$("#btn4").html("Select");
$("#test3").val("5000");
$("#test4").val("6");
});
$("#btn4").click(function(){
// This function runs when the button with ID "btn4" is clicked
$("#btn4").html("<i class='fa fa-check-square'></i> Selected");
$("#btn1").html("Select");
$("#btn2").html("Select");
$("#btn3").html("Select");
$("#test3").val("8000");
$("#test4").val("12");
});
});
</script>
<input type="hidden" required id="test3" name="test3" >
<input type="hidden" required id="test4" name="test4" >
<div class="col-md-6 hii"><div class="row" >
<div class="col-md-7 cern"><h3 style="margin-top: 3px; margin-bottom: 0px;">Sliver</h3></div>
<div class="col-md-5 pkr" ><h3 id="plan1Total">PKR. 2500</h3></div>
<div class="col-md-12 mt-2" >
<h5> <i class="fa fa-caret-right"> </i> 1 Month Access</h5>
<h5> <i class="fa fa-caret-right"> </i> Basic Support</h5>
<h5> <i class="fa fa-caret-right"> </i> Unlimited Access</h5>
<h5> <i class="fa fa-caret-right"> </i> 24/7 Support</h5>
<p class="btn btn-primary" id="btn1" style="padding: 3px 10px;font-weight: 500;background: #686868;border: 1px solid #686868;float:right;"> Select
<!-- <input type="checkbox" id="myCheckbox">
<label for="myCheckbox">Checkbox Label</label>--></p>
</div>
</div></div>
<div class="col-md-6 hii"><div class="row">
<div class="col-md-7 cern"><h3 style="margin-top: 3px; margin-bottom: 0px;">Gold</h3></div>
<div class="col-md-5 pkr" ><h3 id="plan2Total">PKR. 4500</h3></div>
<div class="col-md-12 mt-2" >
<h5> <i class="fa fa-caret-right"> </i> 3 Months Access</h5>
<h5> <i class="fa fa-caret-right"> </i> Basic Support</h5>
<h5> <i class="fa fa-caret-right"> </i> Unlimited Access</h5>
<h5> <i class="fa fa-caret-right"> </i> 24/7 Support</h5>
<p class="btn btn-primary" id="btn2" style="padding: 3px 10px;font-weight: 500;background: #686868;border: 1px solid #686868;float:right;">Select </p>
</div>
</div></div>
<div class="col-md-6 hii"><div class="row">
<div class="col-md-7 cern"><h3 style="margin-top: 3px; margin-bottom: 0px;">Platinum</h3></div>
<div class="col-md-5 pkr" ><h3 id="plan3Total">PKR. 6500</h3></div>
<div class="col-md-12 mt-2" >
<h5> <i class="fa fa-caret-right"> </i> 6 Months Access</h5>
<h5> <i class="fa fa-caret-right"> </i> Basic Support</h5>
<h5> <i class="fa fa-caret-right"> </i> Unlimited Access</h5>
<h5> <i class="fa fa-caret-right"> </i> 24/7 Support</h5>
<p class="btn btn-primary" id="btn3" style="padding: 3px 10px;font-weight: 500;background: #686868;border: 1px solid #686868; float:right;">Select </p>
</div>
</div></div>
<div class="col-md-6 hii"><div class="row">
<div class="col-md-7 cern"><h3 style="margin-top: 3px; margin-bottom: 0px;">Diamond</h3></div>
<div class="col-md-5 pkr" ><h3 id="plan4Total">PKR.10000</h3></div>
<div class="col-md-12 mt-2" >
<h5> <i class="fa fa-caret-right"> </i> 12 Months Access</h5>
<h5> <i class="fa fa-caret-right"> </i> Basic Support</h5>
<h5> <i class="fa fa-caret-right"> </i> Unlimited Access</h5>
<h5> <i class="fa fa-caret-right"> </i> 24/7 Support</h5>
<p class="btn btn-primary" id="btn4" style="padding: 3px 10px;font-weight: 500;background: #686868;border: 1px solid #686868; float:right;">Select </p>
</div>
</div>
</div>
<script>
var planValues = [1000, 1800, 2800, 4000];
function calculateTotal() {
for (var i = 0; i < planValues.length; i++) {
var total = 0;
var subjects = document.querySelectorAll('.subject:checked');
subjects.forEach(function(subject) {
var subjectValue = parseInt(subject.value);
total += planValues[i] * subjectValue;
});
document.getElementById('plan' + (i + 1) + 'Total').innerText = 'PKR.' + total;
}
}
</script>
</div>
<h3 style="padding: 10px 0px 5px 0px;color: #007b8f; font-weight: 600;" class="sssdddddsssssss">Subscription Payment</h3>
<div class="row">
<div class="col-md-4">
<h4 class="sssssewe" style="font-size: 1.25rem;">JazzCash</h4>
<p class="sssssewe" style="font-size:20px; font-weight:300;margin: 0px; line-height: 40px;">Syed Hasnain Raza </p>
<p style="font-size:20px; font-weight:300;margin: 0px; line-height: 30px;">Account #: 0304-6577706</p>
</div>
<div class="col-md-4">
<h4 class="sssssewe scccssc" style=" font-size: 1.25rem;">UBL Bank</h4>
<p class="sssssewe" style="font-size:20px; font-weight:300;margin: 0px; line-height: 40px;">Syed Hasnain Raza</p>
<p class="sssssewe" style="font-size:20px; font-weight:300;margin: 0px; line-height: 30px;">Account #:0193325253534
<br>
IBAN: PK75UNIL0109000325253534
</p>
</div>
<div class="col-md-4">
<h4 class="sssssewe scccssc" style=" font-size: 1.25rem;">Meezan Bank</h4>
<p class="sssssewe" style="font-size:20px; font-weight:300;margin: 0px; line-height: 40px;">Syed Nauman Gillani</p>
<p class="sssssewe" style="font-size:20px; font-weight:300;margin: 0px; line-height: 30px;">Account #:99370109828017</p>
<p style="font-size: 11px; font-weight:300;margin: 0px; line-height: 30px;"> IBAN: PK86MEZN0099370109828017</p>
</div>
<div class="col-md-12">
<div class="alert alert-danger">
<strong>Disclaimer !</strong> Dear Members
Subscription Payments should only transferred into following mentioned accounts.
Otherwise access will not be allowed...
</div>
</div>
</div>
<table class="Jazzcash4" style="">
<tbody><tr class="row " style="font-family: nunito;font-size: 20px;">
<td class="col-md-12 saifi pt-2 pb-2" style="padding-top: 0px;padding-bottom: 0px;"><p style="margin:0px; font-size: 22px;font-weight: 700;color: #006676; font-weight:500;">Attach the Screen Shot of the Payment</p> </td>
<td class="col-md-12" style="padding:0px;width: 99%;padding: 5px 10px;"><input type="file" class="form-control jilijili" required name="PSnip" style="border-radius: 2px!important;padding: 6px;height: 40px!important;border: 1px solid #b1b1b1;"> </td>
</tr>
</tbody></table>
</div>
<!-- Registeration Form -->
<div class="col-xl-6 col-lg-5 col-md-12 col-sm-12" style="margin: 0px 0px 0px 0px;padding: 0px 25px 0px 0px;">
<h2 style="padding: 0px 0px 5px 0px; color: #007b8f;font-weight:700">Sign Up</h2>
<div class="row">
<p style="display:block; color:grey; margin: 0px;">*Name must contain only letters, spaces, and hyphens</p>
<!-- First Name -->
<div class="input-group col-lg-6 mb-4" style="margin-top: 5px;">
<div class="input-group-prepend">
<span class="input-group-text bg-white px-4 border-md border-right-0">
<i class="fa fa-user text-muted"></i>
</span>
</div>
<input id="firstName" type="text" name="nam" placeholder="Full Name" class="form-control bg-white border-left-0 border-md">
</div>
<p style="display:block; color:grey; margin: 0px;">*Phone number must contain only digits</p>
<!-- Last Name -->
<div class="input-group col-lg-6 mb-4">
<div class="input-group-prepend">
<span class="input-group-text bg-white px-4 border-md border-right-0">
<i class="fa fa-phone-square text-muted"></i>
</span>
</div>
<input id="lastName" type="Number" name="pnum" placeholder="Phone Number" class="form-control bg-white border-left-0 border-md">
</div>
<p style="display:block; color:grey; margin: 0px;">*Name must contain only letters, spaces, and hyphens</p>
<!-- Company Name -->
<div class="input-group col-lg-12 mb-4">
<div class="input-group-prepend">
<span class="input-group-text bg-white px-4 border-md border-right-0">
<i class="fa fa-building text-muted"></i>
</span>
</div>
<input id="email" type="text" name="cnam" placeholder="Company Name" class="form-control bg-white border-left-0 border-md">
</div>
<p style="display:block; color:grey; margin: 0px;">*Only Email address allowed</p>
<!-- Email Address -->
<div class="input-group col-lg-12 mb-4">
<div class="input-group-prepend">
<span class="input-group-text bg-white px-4 border-md border-right-0">
<i class="fa fa-envelope text-muted"></i>
</span>
</div>
<input id="email" type="email" name="eadd" placeholder="Email Address" class="form-control bg-white border-left-0 border-md">
</div>
<!-- Phone Number -->
<!-- <div class="input-group col-lg-12 mb-4">
<div class="input-group-prepend">
<span class="input-group-text bg-white px-4 border-md border-right-0">
<i class="fa fa-phone-square text-muted"></i>
</span>
</div>
<select id="countryCode" name="countryCode" style="max-width: 80px" class="custom-select form-control bg-white border-left-0 border-md h-100 font-weight-bold text-muted">
<option value="">+12</option>
<option value="">+10</option>
<option value="">+15</option>
<option value="">+18</option>
</select>
<input id="phoneNumber" type="tel" name="phone" placeholder="Phone Number" class="form-control bg-white border-md border-left-0 pl-3">
</div> -->
<!-- Job -->
<!-- <div class="input-group col-lg-12 mb-4">
<div class="input-group-prepend">
<span class="input-group-text bg-white px-4 border-md border-right-0">
<i class="fa fa-black-tie text-muted"></i>
</span>
</div>
<select id="job" name="jobtitle" class="form-control custom-select bg-white border-left-0 border-md">
<option value="">Choose your job</option>
<option value="">Designer</option>
<option value="">Developer</option>
<option value="">Manager</option>
<option value="">Accountant</option>
</select>
</div>
-->
<p style="display:block; color:grey; margin: 0px;">*Password must be at least 8 characters</p>
<!-- Password -->
<div class="input-group col-lg-12 mb-4">
<div class="input-group-prepend">
<span class="input-group-text bg-white px-4 border-md border-right-0">
<i class="fa fa-lock text-muted"></i>
</span>
</div>
<input id="password" type="password" name="pass" placeholder="Password" class="form-control bg-white border-left-0 border-md">
</div>
<p style="display:block; color:grey; margin: 0px;">*Password and Confirm Password must be the same</p>
<!-- Password Confirmation -->
<div class="input-group col-lg-12 mb-4">
<div class="input-group-prepend">
<span class="input-group-text bg-white px-4 border-md border-right-0">
<i class="fa fa-lock text-muted"></i>
</span>
</div>
<input id="passwordConfirmation" type="text" name="confpa" placeholder="Confirm Password" class="form-control bg-white border-left-0 border-md">
</div>
<p style="display:block; color:grey; margin: 0px;">*Address must contain letters, numbers, spaces'</p>
<!-- Address -->
<div class="input-group col-lg-12 mb-4">
<div class="input-group-prepend">
<span class="input-group-text bg-white px-4 border-md border-right-0">
<i class="fa fa-home text-muted"></i>
</span>
</div>
<input id="text" type="text" name="add" placeholder="Address" class="form-control bg-white border-left-0 border-md">
</div>
<?php echo "<input type='hidden' name='date' value='" . date('d-M-Y') . "' required/>";
?> <?php echo "<input type='hidden' class='form-control mt-3' style=' height: 50px;font-size:18px;' name='update' readonly value='" . date('d-M-Y') . "' required/>";?>
<!-- Submit Button -->
<div class="form-group col-lg-6 mx-auto mb-0">
<button type="submit" name="signup" class="btn btn-primary btn-block" style="padding: 7px 13px;">
<span class="font-weight-bold">Create Your Account</span>
</button>
</div>
<!-- Already Registered -->
<div class="form-group col-lg-6 mx-auto">
<!-- <a href="#" class="btn btn-primary btn-block py-2 btn-facebook">
<i class="fa fa-facebook-f mr-2"></i>
<span class="font-weight-bold">Continue with Facebook</span>
</a> -->
<center style="float:right; display:none;"> <a href="#" style=" background-color: #565656; border-color: #565656; padding: 10px 15px!important;" class="btn btn-primary btn-block py-2 btn-twitter">
<i class="fa fa-google mr-2"></i>
<span class="font-weight-bold">Continue with Google</span>
</a>
</div>
</center>
<!-- Divider Text -->
<div class="form-group col-lg-12 mx-auto d-flex align-items-center my-4" style=" margin-top: 0rem!important;
margin-bottom: 0rem!important;">
<div class="border-bottom w-100 ml-5"></div>
<span class="px-2 small text-muted font-weight-bold text-muted">OR</span>
<div class="border-bottom w-100 mr-5"></div>
</div>
<div class="form-group col-lg-12 mx-auto mb-0">
<div class="text-center w-100">
<p class="text-muted font-weight-bold" style=" font-size: 20px; text-align: center; margin: 0px 0px 5px 0px; ">Already Registered? <a href="login" class="text-primary ml-2">Login</a></p>
</div>
</div>
<!-- Social Login -->
<?php include "plans.php";?>
</div>
</form>
</div>
</div>
</div>
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<h4 class="modal-title" style="color: #007b8f;font-weight: 500;">Contact Us</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
</div>
<!-- Modal body -->
<div class="modal-body">
<i class="fa fa-mobile" aria-hidden="true" style="padding: 0px 10px 0px 6px;font-size: 21px;font-weight: 500;"></i> <span style="font-size: 18px;font-weight: 500;">Mobile Number : 0333-2214794 </span><br>
<i class="fa fa-phone" aria-hidden="true" style="padding: 0px 7px 0px 4px;font-size: 17px;font-weight: 500;"></i> <span style="font-size: 18px;font-weight: 500;">Telphone Number : 021-32462161</span><br>
<i class="fa fa-whatsapp" aria-hidden="true" style="padding: 0px 7px 0px 2px;font-size: 18px;font-weight: 600;"></i> <span style="font-size: 18px;font-weight: 500;">Whatsapp Number : 0333-2214794 </span><br>
<i class="fa fa-envelope" aria-hidden="true"style="font-size: 15px;padding: 0px 7px 0px 2px;"></i> <span style="font-size: 18px;font-weight: 500;">Email : support@taxhelplines.com.pk</span>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-bs-dismiss="modal" style="padding: 2px 17px;">Close</button>
</div>
</div>
</div>
</div>
</body>
</html>