173 lines
7.8 KiB
PHP
173 lines
7.8 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<!--begin::Head-->
|
|
<head>
|
|
<meta name="title" content="WrenchBoard: Find a Freelancer | Sell Professional Services" />
|
|
<?php include("header_contents.php");?>
|
|
</head>
|
|
<!--end::Head-->
|
|
<!--begin::Body-->
|
|
<body id="kt_body" class="bg-body">
|
|
<!--begin::Main-->
|
|
<!--begin::Root-->
|
|
<div class="d-flex flex-column flex-root">
|
|
<!--begin::Authentication - Sign-up -->
|
|
<div class="d-flex flex-column flex-column-fluid bgi-position-y-bottom position-x-center bgi-no-repeat bgi-size-contain bgi-attachment-fixed" style="background-image: url(site3/assets/media/background/home.jpg">
|
|
<!--begin::Content-->
|
|
<div class="d-flex flex-center flex-column flex-column-fluid p-10 pb-lg-20">
|
|
<!--begin::Logo-->
|
|
<a href="/" class="mb-12">
|
|
<img alt="WrenchBoard" src="/assets/ext/images/wrenchboard.png" class="h-40px" />
|
|
</a>
|
|
<!--end::Logo-->
|
|
<!--begin::Wrapper-->
|
|
<div class="w-lg-600px bg-body rounded shadow-sm p-10 p-lg-15 mx-auto">
|
|
<!--begin::Form-->
|
|
<form class="form w-100" action="signup" method="POST" id="registration">
|
|
<!--begin::Heading-->
|
|
<div class="mb-10 text-center">
|
|
<!--begin::Title-->
|
|
<h1 class="text-dark mb-3">Create an Account</h1>
|
|
<!--end::Title-->
|
|
<!--begin::Link-->
|
|
<div class="text-gray-400 fw-bold fs-4">Already have an account?
|
|
<a href="/" class="link-primary fw-bolder">Sign in here</a></div>
|
|
<!--end::Link-->
|
|
</div>
|
|
<!--end::Heading-->
|
|
<!--begin::Action-->
|
|
<!-- button type="button" class="btn btn-light-primary fw-bolder w-100 mb-10">
|
|
<img alt="Logo" src="/site3/assets/media/svg/brand-logos/google-icon.svg" class="h-20px me-3" />Sign in with Google</button -->
|
|
<!--end::Action-->
|
|
<!--begin::Action-->
|
|
<button type="button" class="btn btn-light-primary fw-bolder w-100 mb-10">
|
|
<img alt="Logo" src="/site3/assets/media/svg/brand-logos/facebook-4.svg" class="h-20px me-3" />Sign in with Facebook</button>
|
|
<!--end::Action-->
|
|
<!--begin::Separator-->
|
|
<div class="d-flex align-items-center mb-10">
|
|
<div class="border-bottom border-gray-300 mw-50 w-100"></div>
|
|
<span class="fw-bold text-gray-400 fs-7 mx-2">OR</span>
|
|
<div class="border-bottom border-gray-300 mw-50 w-100"></div>
|
|
</div>
|
|
<!--end::Separator-->
|
|
<!--begin::Input group-->
|
|
|
|
|
|
<!--begin::Input group-->
|
|
<div class="fv-row mb-7">
|
|
<label class="form-label fw-bolder text-dark fs-6">Country</label>
|
|
<?php echo $country_combo ?>
|
|
</div>
|
|
<!--end::Input group-->
|
|
|
|
|
|
<div class="row fv-row mb-7">
|
|
<!--begin::Col-->
|
|
<div class="col-xl-6">
|
|
<label class="form-label fw-bolder text-dark fs-6">First Name</label>
|
|
<input class="form-control form-control-lg form-control-solid" type="text" placeholder="Firstname" name="firstname" value="<?php echo $firstname;?>" required="required" autocomplete="off" />
|
|
</div>
|
|
<!--end::Col-->
|
|
<!--begin::Col-->
|
|
<div class="col-xl-6">
|
|
<label class="form-label fw-bolder text-dark fs-6">Last Name</label>
|
|
<input class="form-control form-control-lg form-control-solid" type="text" placeholder="Lastname" name="lastname" value="<?php echo $lastname;?>" required="required" autocomplete="off" />
|
|
</div>
|
|
<!--end::Col-->
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="fv-row mb-7">
|
|
<label class="form-label fw-bolder text-dark fs-6">Email</label>
|
|
<input class="form-control form-control-lg form-control-solid" type="email" placeholder="Your email-Username" name="email" value="<?php echo $email;?>" required="required" autocomplete="off" />
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="mb-10 fv-row" data-kt-password-meter="true">
|
|
<!--begin::Wrapper-->
|
|
<div class="mb-1">
|
|
<!--begin::Label-->
|
|
<label class="form-label fw-bolder text-dark fs-6">Password</label>
|
|
<!--end::Label-->
|
|
<!--begin::Input wrapper-->
|
|
<div class="position-relative mb-3">
|
|
<input class="form-control form-control-lg form-control-solid" type="password" placeholder="Create password" name="password" required="required" autocomplete="off" />
|
|
<span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2" data-kt-password-meter-control="visibility">
|
|
<i class="bi bi-eye-slash fs-2"></i>
|
|
<i class="bi bi-eye fs-2 d-none"></i>
|
|
</span>
|
|
</div>
|
|
<!--end::Input wrapper-->
|
|
<!--begin::Meter-->
|
|
<div class="d-flex align-items-center mb-3" data-kt-password-meter-control="highlight">
|
|
<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
|
|
<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
|
|
<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px me-2"></div>
|
|
<div class="flex-grow-1 bg-secondary bg-active-success rounded h-5px"></div>
|
|
</div>
|
|
<!--end::Meter-->
|
|
</div>
|
|
<!--end::Wrapper-->
|
|
<!--begin::Hint-->
|
|
<div class="text-muted">Use 8 or more characters with a mix of letters, numbers & symbols.</div>
|
|
<!--end::Hint-->
|
|
</div>
|
|
<!--end::Input group=-->
|
|
<!--begin::Input group-->
|
|
<!-- div class="fv-row mb-5">
|
|
<label class="form-label fw-bolder text-dark fs-6">Confirm Password</label>
|
|
<input class="form-control form-control-lg form-control-solid" type="password" placeholder="" name="confirm-password" required="required" autocomplete="off" />
|
|
</div -->
|
|
<!--end::Input group-->
|
|
<!--begin::Input group-->
|
|
<div class="fv-row mb-10">
|
|
<label class="form-check form-check-custom form-check-solid form-check-inline">
|
|
<input class="form-check-input" style="background-color: #4687ba;" type="checkbox" name="terms" <?=$terms?> required="required" value="on" />
|
|
<span class="form-check-label fw-bold text-gray-700 fs-6">I Agree
|
|
<a href="#" class="ms-1 link-primary">Terms and conditions</a>.</span>
|
|
</label>
|
|
</div>
|
|
<!--end::Input group-->
|
|
<!--begin::Actions-->
|
|
<?php
|
|
if (isset($signup_error_style) && $signup_error_style !=''){
|
|
?>
|
|
<div class="text-center">
|
|
<? echo $signup_error_style; ?>
|
|
</div>
|
|
<?php
|
|
}
|
|
?>
|
|
|
|
<div class="text-center">
|
|
<button type="button" onclick="document.getElementById('registration').submit();" class="btn btn-lg btn-primary">
|
|
<span class="indicator-label">Submit</span>
|
|
<span class="indicator-progress">Please wait...
|
|
<span class="spinner-border spinner-border-sm align-middle ms-2"></span></span>
|
|
</button>
|
|
</div>
|
|
|
|
|
|
<!--end::Actions-->
|
|
</form>
|
|
<!--end::Form-->
|
|
</div>
|
|
<!--end::Wrapper-->
|
|
</div>
|
|
<!--end::Content-->
|
|
<?php include("footer_links.php");?>
|
|
</div>
|
|
<!--end::Authentication - Sign-up-->
|
|
</div>
|
|
<!--end::Root-->
|
|
<!--end::Main-->
|
|
<!--begin::Javascript-->
|
|
<!--begin::Global Javascript Bundle(used by all pages)-->
|
|
<script src="/site3/assets/plugins/global/plugins.bundle.js"></script>
|
|
<script src="/site3/assets/js/scripts.bundle.js"></script>
|
|
<script src="/site3/assets/js/custom/signup/general.js"></script>
|
|
<!--end::Page Custom Javascript-->
|
|
<!--end::Javascript-->
|
|
</body>
|
|
<!--end::Body-->
|
|
</html>
|