JezK
Edit File: addMember.php
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AdminLTE 2 | Dashboard</title> <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'> <!-- Bootstrap 3.3.2 --> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <!-- FontAwesome 4.3.0 --> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <!-- Ionicons 2.0.0 --> <link href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <!-- Theme style --> <link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <!-- AdminLTE Skins. Choose a skin from the css/skins folder instead of downloading all of them to reduce the load. --> <link href="dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" /> <!-- iCheck --> <link href="plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css" /> <!-- Morris chart --> <link href="plugins/morris/morris.css" rel="stylesheet" type="text/css" /> <!-- jvectormap --> <link href="plugins/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" /> <!-- Date Picker --> <link href="plugins/datepicker/datepicker3.css" rel="stylesheet" type="text/css" /> <!-- Daterange picker --> <link href="plugins/daterangepicker/daterangepicker-bs3.css" rel="stylesheet" type="text/css" /> <!-- bootstrap wysihtml5 - text editor --> <link href="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css" rel="stylesheet" type="text/css" /> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> </head> <body class="skin-blue"> <div class="wrapper"> <?php include "page-part/header.php"; ?> <!-- Left side column. contains the logo and sidebar --> <?php include "page-part/left_panel.php"; ?> <!-- Content Wrapper. Contains page content --> <div class="content-wrapper"> <!-- Content Header (Page header) --> <section class="content-header"> <h1> Add Members <small>Control panel</small> </h1> <ol class="breadcrumb"> <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li> <li class="active">Add Members</li> </ol> </section> <!-- Main content --> <section class="content"> <!-- Main row --> <div class="row"> <div class="col-lg-12 col-xs-12 col-sm-12"> <div class="box-top clearfix"> <div class="col-lg-2 col-xs-12 col-sm-6"> <a href="#" class="btn btn-default btn-lg btn-flat col-xs-12"> <i class="fa fa-users"></i>All Member </a> </div> <div class="col-lg-2 col-xs-12 col-sm-6"> <a href="#" class="btn btn-default btn-lg btn-flat col-xs-12"> <i class="fa fa-user-plus"></i>Add Member </a> </div> </div> </div> <div class="clearfix"></div> <section class="content neMrgATop10"> <!-- Custom Tabs --> <div class="nav-tabs-custom"> <ul class="nav nav-tabs nav-justified"> <li> <a href="#tab_1" data-toggle="tab"> Register Detail-1 </a> </li> <li class="active"> <a href="#tab_2" data-toggle="tab"> Register Detail-2 </a> </li> <li> <a href="#tab_3" data-toggle="tab"> Register Detail-3 </a> </li> </ul> <div class="tab-content"> <div class="tab-pane " id="tab_1"> <div class="row"> <div class="col-md-6 col-xs-12"> <div class="form-group"> <label> Full Name: </label> <input type="text" class="form-control"> </div> <div class="form-group"> <label> Email Id: </label> <input type="text" class="form-control"> </div> <div class="form-group"> <label> Mobile No: </label> <input type="text" class="form-control"> </div> <div class="form-group"> <label> Height: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> <div class="form-group"> <label> Gender: </label> <select class="form-control"> <option> Select Gender </option> <option> Bride </option> <option> Groom </option> </select> </div> <div class="form-group"> <label> Religion: </label> <select class="form-control"> <option> Select Religion </option> </select> </div> <div class="form-group"> <label> Marital Status: </label> <select class="form-control"> <option> Select Marital Status </option> </select> </div> <div class="form-group"> <label> Education: </label> <select class="form-control"> <option> Select Education </option> </select> </div> <div class="form-group"> <label> Field Of Education: </label> <select class="form-control"> <option> Select Field Of Education </option> </select> </div> <div class="form-group"> <label> Designation: </label> <select class="form-control"> <option> Select Designation </option> </select> </div> <div class="form-group"> <label> Country Living In: </label> <select class="form-control"> <option> Select Country Living In </option> </select> </div> </div> <div class="col-md-6 col-xs-12"> <div class="form-group"> <label> Password: </label> <input type="Password" class="form-control"> </div> <div class="form-group"> <label> Date Of Birth: </label> <div class="row"> <div class="col-xs-4"> <select class="form-control"> </select> </div> <div class="col-xs-4"> <select class="form-control"> </select> </div> <div class="col-xs-4"> <select class="form-control"> </select> </div> </div> </div> <div class="form-group"> <label> Weight: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> <div class="form-group"> <label> Mother Tongue: </label> <select class="form-control"> <option> Select Mother Tongue </option> <option> Bride </option> <option> Groom </option> </select> </div> <div class="form-group"> <label> Caste: </label> <select class="form-control"> <option> Select Caste </option> </select> </div> <div class="form-group"> <label> Manglik: </label> <select class="form-control"> <option> Yes </option> <option> No </option> <option> Maybe </option> <option> Anshik </option> </select> </div> <div class="form-group"> <label> Employed In: </label> <select class="form-control"> <option> Yes </option> <option> No </option> <option> Maybe </option> <option> Anshik </option> </select> </div> <div class="form-group"> <label> Occupation: </label> <select class="form-control"> <option> Yes </option> <option> No </option> <option> Maybe </option> <option> Anshik </option> </select> </div> <div class="form-group"> <label> Annual Income: </label> <select class="form-control"> <option> Select Annual Income </option> </select> </div> <div class="form-group"> <label> State: </label> <select class="form-control"> <option> Select State </option> </select> </div> <div class="form-group"> <label> City: </label> <select class="form-control"> <option> Select City </option> </select> </div> </div> <div class="col-xs-12 col-md-12"> <div class="form-group"> <label> About Me </label> <textarea class="form-control"></textarea> </div> </div> </div> <div class="row"> <div class="col-md-12 col-xs-12"> <h2> Partner Preference </h2> </div> </div> <div class="row"> <div class="col-md-6 col-xs-12"> <div class="form-group"> <label> Looking For: </label> <select class="form-control"> <option> Select looking for </option> </select> </div> <div class="form-group"> <label> Partner's Age: </label> <div class="row"> <div class="col-xs-6"> <select class="form-control"> </select> </div> <div class="col-xs-6"> <select class="form-control"> </select> </div> </div> </div> <div class="form-group"> <label> Partners Height : </label> <div class="row"> <div class="col-xs-6"> <select class="form-control"> <option>Option 1</option> </select> </div> <div class="col-xs-6"> <select class="form-control"> <option>Option 1</option> </select> </div> </div> </div> <div class="form-group"> <label> Partners Education : </label> <select class="form-control"> <option> Select Partners Education </option> </select> </div> <div class="form-group"> <label> Partners Annual Income : </label> <div class="row"> <div class="col-xs-6"> <select class="form-control"> <option>Option 1</option> </select> </div> <div class="col-xs-6"> <select class="form-control"> <option>Option 1</option> </select> </div> </div> </div> </div> <div class="col-md-6 col-xs-12"> <div class="form-group"> <label> Partners Country Livining In: </label> <select class="form-control"> <option> Select Partners Country Livining In </option> </select> </div> <div class="form-group"> <label> Partners Religion : </label> <select class="form-control"> <option> Select Partners Religion </option> </select> </div> <div class="form-group"> <label> Partners Caste : </label> <select class="form-control"> <option> Select Partners Caste </option> </select> </div> <div class="form-group"> <label> Partners Complexion : </label> <select class="form-control"> <option> Select Partners Complexion </option> </select> </div> <div class="form-group"> <label> Partners Mothertongue : </label> <select class="form-control"> <option> Select Partners Mothertongue </option> </select> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-md-12 text-center"> <button type="submit" class="btn btn-success btn-lg btn-flat"> Submit </button> </div> </div> </div><!-- /.tab-pane --> <div class="tab-pane active" id="tab_2"> <div class="row"> <h3 class="text-center col-lg-9 col-sm-8 col-xs-12 neMrgATop10"> Upload Photo </h3> <div class="col-lg-3 col-xs-12 col-sm-4 neMrgATop10"> <select class="form-control"> <option> Show Photo To all </option> <option> Only Paid Members </option> <option> Dont Show </option> </select> </div> </div> <div class="row"> <div class="col-lg-3 col-sm-3 col-sm-offset-0 col-lg-offset-0 col-xs-10 col-xs-offset-1"> <img src="dist/img/images.jpg" class="img-thumbnail"> </div> <div class="col-lg-5 col-xs-12 col-sm-9 neMrgATop10"> <div class="fileUpload btn btn-primary btn-block btn-lg"> <i class="fa fa-upload neMrgARight10"></i><span>Upload From Computer</span> <input type="file" class="upload col-xs-12" /> </div> <p class="neMrgATop10 text-center"> Only Supported Files .jpg , .Png , .Jpeg ,.Gif </p> <div class="text-center neMrgATop20"> <button class="btn btn-danger btn-lg btn-flat"> Upload </button> </div> </div> </div> </div> <div class="tab-pane" id="tab_3"> <div class="row"> <div class="col-md-6 col-xs-12"> <div class="form-group"> <label> Diet: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> <div class="form-group"> <label> Smoke: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> <div class="form-group"> <label> Language Known: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> <div class="form-group"> <label> Family Type: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> <div class="form-group"> <label> Father's Status: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> <div class="form-group"> <label> No of Brothers: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> </div> <div class="col-md-6 col-xs-12"> <div class="form-group"> <label> Drink: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> <div class="form-group"> <label> Body Type: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> <div class="form-group"> <label> Skin Tone: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> <div class="form-group"> <label> Mother's Status: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> <div class="form-group"> <label> Family Type: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> <div class="form-group"> <label> No Of Sisters: </label> <select class="form-control"> <option> Option1 </option> <option> Option2 </option> <option> Option3 </option> </select> </div> </div> <div class="col-xs-12 col-lg-12"> <div class="form-group"> <label> About Family </label> <textarea class="form-control"></textarea> </div> </div> </div> <div class="row"> <div class="col-xs-12 col-md-12 text-center"> <button class="btn btn-danger btn-flat btn-lg"> Submit </button> </div> </div> </div><!-- /.tab-pane --> </div><!-- /.tab-content --> </div><!-- nav-tabs-custom --> <!-- /.box --> </section> <section class="col-lg-7 col-xs-12 connectedSortable"> </section> <!-- /.Left col --> <!-- right col (We are only adding the ID to make the widgets sortable)--> <section class="col-lg-5 col-xs-12 connectedSortable"> </section><!-- right col --> </div><!-- /.row (main row) --> </section><!-- /.content --> </div> <!-- /.content-wrapper --> <?php include "page-part/footer.php"; ?> </div><!-- ./wrapper --> <!-- jQuery 2.1.3 --> <script src="plugins/jQuery/jQuery-2.1.3.min.js"></script> <!-- jQuery UI 1.11.2 --> <script src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js" type="text/javascript"></script> <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> <script> $.widget.bridge('uibutton', $.ui.button); $(function() { $('#m_status').change(function(){ if($('#m_status').val() == 'Unmarried') { $('.chl3').hide(); $('.chl4').hide(); } else { $('.chl3').show(); $('.chl4').show(); } }); }); </script> <!-- Bootstrap 3.3.2 JS --> <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <!-- Morris.js charts --> <script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> <script src="plugins/morris/morris.min.js" type="text/javascript"></script> <!-- Sparkline --> <script src="plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script> <!-- jvectormap --> <script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script> <script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script> <!-- jQuery Knob Chart --> <script src="plugins/knob/jquery.knob.js" type="text/javascript"></script> <!-- daterangepicker --> <script src="plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script> <!-- datepicker --> <script src="plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script> <!-- Bootstrap WYSIHTML5 --> <script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script> <!-- iCheck --> <script src="plugins/iCheck/icheck.min.js" type="text/javascript"></script> <!-- Slimscroll --> <script src="plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <!-- FastClick --> <script src='plugins/fastclick/fastclick.min.js'></script> <!-- AdminLTE App --> <script src="dist/js/app.min.js" type="text/javascript"></script> <!-- AdminLTE dashboard demo (This is only for demo purposes) --> <script src="dist/js/pages/dashboard.js" type="text/javascript"></script> <!-- AdminLTE for demo purposes --> <script src="dist/js/demo.js" type="text/javascript"></script> </body> </html>