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

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Registration - LabU</title>
    <link href="images/favicon.ico" rel="icon">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/all.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="css/tooltipster.min.css">
    <link rel="stylesheet" href="css/cubeportfolio.min.css">
    <link rel="stylesheet" href="css/revolution/navigation.css">
    <link rel="stylesheet" href="css/revolution/settings.css">
    <link rel="stylesheet" href="css/jquery-ui.css">
    <link rel="stylesheet" href="css/validationEngine.jquery.min.css" />
    <link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar-nav" data-offset="0" class="offset-nav">
<!--PreLoader-->
<div class="loader">
    <div class="loader-inner">
        <div class="cssload-loader"></div>
    </div>
</div>
<!--PreLoader Ends-->
<!-- header -->
<?php include('include/header.php');?>
<!-- header -->
<section id="main-banner-page" class="gradient-bg2 pt-2 pb-2">
    <div class="container">        
        <div class=" title-wrap">
            <div class="row">
                <div class="col-lg-12 col-md-12 whitecolor">
                    <h3 class="float-left">Registration</h3>
                    <ul class="breadcrumb top10 bottom10 float-right">
                        <li class="breadcrumb-item hover-light"><a href="index.php">Home</a></li>
                        <li class="breadcrumb-item hover-light">Registration</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="single-feature padding" >
    <div class="container">
        <div class="row"> 
        			<div class="col-md-12">
                    	<div class="heading-title mb-4">
                            <h2 class="darkcolor font-normal bottom30">User <span class="defaultcolor">Registration</span></h2>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                    	
                    	<form class="getin_form" id="registeration-form">
                        		<fieldset>
                                <div class="row">
                                    <div class="col-md-6 col-sm-6">
                                        <div class="form-group bottom15">
                                            <label for="first_name" class="pl-0">First Name</label>
                                            <input class="form-control validate[required]" type="text" placeholder="" id="first_name">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6">
                                        <div class="form-group bottom15">
                                            <label for="last_name" class="pl-0">Last Name</label>
                                            <input class="form-control validate[required]" type="text" placeholder="" id="last_name">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-12">
                                        <div class="form-group bottom15">
                                            <label for="email" class="pl-0">Email</label>
                                            <input class="form-control validate[custom[email],required]" type="email" placeholder="" id="email" >
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6">
                                        <div class="form-group bottom15">
                                            <label for="phone" class="pl-0">Phone</label>
                                            <input class="form-control validate[required,custom[onlyNumberSp],minSize[10],maxSize[10]]" type="text" placeholder="" id="phone">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6">
                                        <div class="form-group bottom15">
                                            <label for="birthday" class="pl-0">Date of Birth</label>
                                            <input class="form-control validate[required]" type="text" placeholder="" id="birthday">
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-sm-6">
                                        <div class="form-group bottom15">
                                            <label for="password" class="pl-0">Create Password</label>
                                            <input class="form-control validate[required]" type="text" placeholder="" id="password">
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-sm-12">
                                        <div class="form-group bottom15">
                                            <label for="address" class="pl-0">Address</label>
                                            <textarea class="form-control" placeholder="Address" id="address"></textarea>
                                        </div>
                                    </div>
                                </div>
                                </fieldset>
                                
                                
                                <input id="register-submit" type="submit" value="Register Now" class="button gradient-btn" />
                            </form>
                    
                    	
                    </div>
                    <div class="col-lg-6 col-md-6 ">
                    	<img src="images/register.jpg" class="img-fluid">
                    </div>
                     
                
                
                
                
             
                 
                 
            </div>
        </div>
    </div>
</section>


<?php include('include/footer.php');?>

<!--Footer ends-->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/propper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/parallaxie.js"></script>
<script src="js/jquery.cubeportfolio.min.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/tooltipster.min.js"></script>
<script src="js/wow.js"></script>
<script src="js/revolution/jquery.themepunch.tools.min.js"></script>
<script src="js/revolution/jquery.themepunch.revolution.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.validationEngine.min.js"></script>
<script src="js/jquery.validationEngine-en.min.js"></script>
<script src="js/jquery.formtowizard.js"></script>
<script src="js/functions.js"></script>
<script>
  $( function() {
    $( "#birthday" ).datepicker({
      changeMonth: true,
      changeYear: true,
	  dateFormat: 'dd-mm-yy',
    });
	var $regForm = $( '#registeration-form' );
     $regForm.validationEngine();
	 
	
  } );
  
		
	
  </script>
</body>

</html>