SHARE
TWEET

Untitled

a guest Jul 21st, 2017 37 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en-us" id="extr-page">
  3.     <head>
  4.         <meta charset="utf-8">
  5.         <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->
  6.  
  7.         <title> Register - UOG</title>
  8.         <meta name="description" content="">
  9.         <meta name="author" content="">
  10.  
  11.         <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  12.  
  13.         <!-- Basic Styles -->
  14.         <link rel="stylesheet" type="text/css" media="screen" href="http://app.uog.edu.pk/uog/css/bootstrap.min.css">
  15.         <link rel="stylesheet" type="text/css" media="screen" href="http://app.uog.edu.pk/uog/css/font-awesome.min.css">
  16.  
  17.         <!-- SmartAdmin Styles : Caution! DO NOT change the order -->
  18.         <link rel="stylesheet" type="text/css" media="screen" href="http://app.uog.edu.pk/uog/css/smartadmin-production-plugins.min.css">
  19.         <link rel="stylesheet" type="text/css" media="screen" href="http://app.uog.edu.pk/uog/css/smartadmin-production.min.css">
  20.         <link rel="stylesheet" type="text/css" media="screen" href="http://app.uog.edu.pk/uog/css/smartadmin-skins.min.css">
  21.  
  22.         <!-- SmartAdmin RTL Support is under construction-->
  23.         <link rel="stylesheet" type="text/css" media="screen" href="http://app.uog.edu.pk/uog/css/smartadmin-rtl.min.css">
  24.  
  25.         <!-- We recommend you use "your_style.css" to override SmartAdmin
  26.              specific styles this will also ensure you retrain your customization with each SmartAdmin update.
  27.         <link rel="stylesheet" type="text/css" media="screen" href="http://app.uog.edu.pk/uog/css/your_style.css"> -->
  28.  
  29.         <link rel="stylesheet" type="text/css" media="screen" href="http://aap.uog.edu.pk/uog/css/your_style.css">
  30.  
  31.         <!-- Demo purpose only: goes with demo.js, you can delete this css when designing your own WebApp -->
  32.         <link rel="stylesheet" type="text/css" media="screen" href="http://app.uog.edu.pk/uog/css/demo.min.css">
  33.  
  34.         <!-- FAVICONS -->
  35.         <link rel="shortcut icon" href="http://aap.uog.edu.pk/uog/img/favicon/favicon3.ico" type="image/x-icon">
  36.         <link rel="icon" href="http://aap.uog.edu.pk/uog/lib/img/favicon/favicon3.ico" type="image/x-icon">
  37.  
  38.         <!-- GOOGLE FONT -->
  39.         <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700">
  40.  
  41.         <!-- Specifying a Webpage Icon for Web Clip
  42.              Ref: https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html -->
  43.         <link rel="apple-touch-icon" href="http://aap.uog.edu.pk/uog/img/splash/sptouch-icon-iphone.png">
  44.         <link rel="apple-touch-icon" sizes="76x76" href="http://aap.uog.edu.pk/uog/img/splash/touch-icon-ipad.png">
  45.         <link rel="apple-touch-icon" sizes="120x120" href="http://aap.uog.edu.pk/uog/img/splash/touch-icon-iphone-retina.png">
  46.         <link rel="apple-touch-icon" sizes="152x152" href="http://aap.uog.edu.pk/uog/img/splash/touch-icon-ipad-retina.png">
  47.  
  48.         <!-- iOS web-app metas : hides Safari UI Components and Changes Status Bar Appearance -->
  49.         <meta name="apple-mobile-web-app-capable" content="yes">
  50.         <meta name="apple-mobile-web-app-status-bar-style" content="black">
  51.  
  52.         <!-- Startup image for web apps -->
  53.         <link rel="apple-touch-startup-image" href="http://aap.uog.edu.pk/uog/img/splash/ipad-landscape.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
  54.         <link rel="apple-touch-startup-image" href="http://aap.uog.edu.pk/uog/img/splash/ipad-portrait.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
  55.         <link rel="apple-touch-startup-image" href="http://aap.uog.edu.pk/uog/img/splash/iphone.png" media="screen and (max-device-width: 320px)">
  56.  
  57.         <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local -->
  58.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  59.         <script>
  60.             if (!window.jQuery) {
  61.                 document.write('<script src="http://aap.uog.edu.pk/uog/js/libs/jquery-2.1.1.min.js"><\/script>');
  62.             }
  63.         </script>
  64.  
  65.         <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
  66.         <script>
  67.             if (!window.jQuery.ui) {
  68.                 document.write('<script src="http://aap.uog.edu.pk/uog/js/libs/jquery-ui-1.10.3.min.js"><\/script>');
  69.             }
  70.         </script>
  71.  
  72.  
  73.     </head>
  74.     <body >
  75.  
  76.         <!-- POSSIBLE CLASSES: minified, fixed-ribbon, fixed-header, fixed-width
  77.              You can also add different skin classes such as "smart-skin-1", "smart-skin-2" etc...-->
  78.         <style>
  79.   .checking{
  80.     color:green;
  81.   }
  82.   .removing{
  83.     color:red;
  84.   }
  85. </style>
  86. <script>
  87.   function check_Number(){
  88.     n1= $("#n1").val();
  89.     n2= $("#n2").val();
  90.     if(n1===n2)
  91.     {
  92.       $("#nMsg").html(" ");
  93.       $("#n22").removeClass();
  94.       $("#n22").addClass("icon-append fa fa-check checking");
  95.     }
  96.     else
  97.     {
  98.       $("#nMsg").html("Number Does not Match!");
  99.       $("#n22").removeClass();
  100.       $("#n22").addClass("icon-append fa fa-times removing");
  101.     }
  102.   }
  103.  
  104.   function check_Email(){
  105.     e1= $("#e1").val();
  106.     e2= $("#e2").val();
  107.     if(e1===e2)
  108.     {
  109.       $("#eMsg").html("");
  110.       $("#e22").removeClass();
  111.       $("#e22").addClass("icon-append fa fa-check checking");
  112.     }
  113.     else
  114.     {
  115.       $("#eMsg").html("Email Does not Match!");
  116.       $("#e22").removeClass();
  117.       $("#e22").addClass("icon-append fa fa-times removing");
  118.     }
  119.   }
  120.   function add_num()
  121.   {
  122.     //alert('cell');
  123.     document.getElementById("n1").value="92";
  124.   }
  125.   function add_num1()
  126.   {
  127.     //alert('cell');
  128.     document.getElementById("n2").value="92";
  129.   }
  130.   function check(){
  131.     var v=$("#t").val();
  132.     //select integers only
  133.     var intRegex = /[a-zA-Z -()+]+$/;
  134.     if (intRegex.test(v)) {
  135.            $("#output").html("");
  136.  
  137.         }
  138.         else
  139.         {
  140.           $("#output").html("Only charachter are allowed");
  141.         }
  142.         v = v.replaceAll("[^\\w.]", "")
  143.         $("#output2").html(v);
  144.   }
  145.   function check2(){
  146.     var v=$("#tt").val();
  147.     //select integers only
  148.     var intRegex = /[a-zA-Z -()+]+$/;
  149.     if (intRegex.test(v)) {
  150.            $("#output1").html("");
  151.  
  152.         }
  153.         else
  154.         {
  155.           $("#output1").html("Only charachter are allowed");
  156.         }
  157.         v = v.replaceAll("[^\\w.]", "")
  158.         $("#output3").html(v);
  159.   }
  160. </script>
  161. <script>        
  162.            function phoneno(){          
  163.             $('#n1').keypress(function(e) {
  164.                 var a = [];
  165.                 var k = e.which;
  166.  
  167.                 for (i = 48; i < 58; i++)
  168.                     a.push(i);
  169.  
  170.                 if (!(a.indexOf(k)>=0))
  171.                     e.preventDefault();
  172.             });
  173.         }
  174.          function phoneNo(){          
  175.             $('#n2').keypress(function(e) {
  176.                 var a = [];
  177.                 var k = e.which;
  178.  
  179.                 for (i = 48; i < 58; i++)
  180.                     a.push(i);
  181.  
  182.                 if (!(a.indexOf(k)>=0))
  183.                     e.preventDefault();
  184.             });
  185.         }
  186.         function checkLength(el) {
  187.   if (el.value.length<6) {
  188.     $('#out').html("length must be at least 6 characters");
  189.    /* document.getElementById("out").html("length must be exactly 6 characters");*/
  190.     /*alert("length must be exactly 6 characters");*/
  191.   }
  192. }
  193. function Length(el) {
  194.   if (el.value.length<6) {
  195.     $('#out1').html("length must be at least 6 characters");
  196.    /* document.getElementById("out").html("length must be exactly 6 characters");*/
  197.     /*alert("length must be exactly 6 characters");*/
  198.   }
  199. }
  200. function countLength(){
  201.     var textbox = document.getElementById("e1");
  202.  
  203.     if(textbox.value.length <= 254 && textbox.value.length >= 1){
  204.        $('#mail1').html();
  205.       /*document.getElementById("mail1").html();*/
  206.        /* alert("success");*/
  207.     }
  208.     else{
  209.         $('#mail1').html("Input must between 1-254 characters");
  210.       /*document.getElementById("mail1").html("Input must between 1-254 characters");*/
  211.         /*alert("Make sure the input is between 1-254 characters long")*/
  212.     }
  213. }
  214. function CountLength(){
  215.     var textbox = document.getElementById("e2");
  216.     if(textbox.value.length <= 254 && textbox.value.length >= 1){
  217.        $('#mail2').html();
  218.       /*document.getElementById("mail2").html();*/
  219.        /* alert("success");*/
  220.     }
  221.     else{
  222.       $('#mail2').html("Input must between 1-254 characters");
  223.      /* document.getElementById("mail2").html("Input must between 1-254 characters");*/
  224.         /*alert("Make sure the input is between 1-254 characters long")*/
  225.     }
  226. }
  227.        </script>
  228. <!-- ==========================CONTENT STARTS HERE ========================== -->
  229.     <!-- possible classes: minified, no-right-panel, fixed-ribbon, fixed-header, fixed-width-->
  230.     <header id="header">
  231.       <!--<span id="logo"></span>-->
  232.  
  233.      
  234.   <div id="logo-group">
  235.     <span id="logo"> <img src="img/logo2.jpg" alt="UOG" style="height:40px; width:80px"> </span>
  236.  
  237.     <!-- END AJAX-DROPDOWN -->
  238.   </div>
  239.  
  240.       <span id="extr-page-header-space"> <span class="hidden-mobile hiddex-xs">Already registered?</span> <a href="http://aap.uog.edu.pk/uog/login.php" class="btn btn-danger"> Login / Sign-up to apply/ process / check for admission</a> </span>
  241.  
  242.     </header>
  243.  
  244.     <div id="main" role="main">
  245.  
  246.       <!-- MAIN CONTENT -->
  247.       <div id="content" class="container">
  248.  
  249.         <div class="row">
  250.           <div class="col-xs-12 col-sm-7 col-md-7 col-lg-7 hidden-xs">
  251.         <!--<div class="hero"  style="background:url(img/University-Of-Gujrat.jpg);" ></div>-->
  252.            
  253.            <!--    -->
  254.             <div class="row">
  255.               <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" >
  256.                 <h5 align="justify" class="about-heading">The procedure for admission is as follows:</h5>
  257.                 <p align="justify"><strong>1.</strong>&nbsp;&nbsp;Admission Application Form must be filled online by following the instructions.</p>
  258.                 <p align="justify"><strong>2.</strong>&nbsp;&nbsp;The online system assigns a unique Application Reference Number (ARN) to each application, which must be noted for later use.</p>
  259.                 <p align="justify"><strong>3.</strong>&nbsp;&nbsp;Applicants must choose Campus, Timing (Morning, Evening), Faculty, and Degree Level (BS/MS/PhD) for each application. Once chosen, an applicant may apply in a maximum of 7 degree programs with the same application.</p>
  260.                 <p align="justify"><strong>4.</strong>&nbsp;&nbsp;Before finalizing the application data, an applicant must accept digital undertaking to confirm that information entered in the Admission Application Form is correct. In case of incorrect information, the University has the right to cancel the application/admission without any fee refund.</p>
  261.                 <p align="justify"><strong>5.</strong>&nbsp;&nbsp;Application processing fee is <strong>Rs. 850</strong> for the first Degree Program and <strong>Rs.250</strong> for the subsequently chosen Degree Programs(If application degree programs are in same faculty,same campus,same timing,same qouta). All applicants must pay the fee including those seeking admission on quota basis.</p>
  262.                 <p align="justify"><strong>6.</strong>&nbsp;&nbsp;Applicants will deposit the Admission Processing Fee for each online-application in any branch of Habib Bank (Pakistan). Fee is non-refundable/non-adjustable.</p>
  263.                 <p align="justify"><strong>7.</strong>&nbsp;&nbsp;Upon payment of the Application Processing Fee, the applicant will export the application in PDF format, print his/her online-application, and get it signed by himself/herself and parents/guardian before sending it to the campus.</p>
  264.                 <p align="justify"><strong>8.</strong>&nbsp;&nbsp;Attach Department and Treasurer Copy of challan with your application along with attested copies of all required documents.</p>
  265.                 <p align="justify"><strong>9.</strong>&nbsp;&nbsp;Printed application must sent through courier or delivered by hand to the campus admission office with in due date of application Hrad form submission as mentioned in <u><a href="http://uog.edu.pk/en/admission/admission-schedule" target="_blank">admission Calender</a></u> .                </p>
  266.                 <p align="justify"><strong>10.</strong>&nbsp;&nbsp;UOG will NOT consider applications which are incomplete or missing the required documents or have not been submitted by the stipulated deadline hard-form or have not followed the procedure laid down herein.</p>
  267.                 <p align="justify"><strong>11.</strong>&nbsp;&nbsp;Printed Application Form along with required document photocopies should reach the Admission Office of University of Gujrat before the closing date of admission. In case of failure to follow the dates, the university shall bear no responsibility.</p>
  268.                 <p align="justify"><strong>12.</strong>&nbsp;&nbsp;Admission Office and Treasure Office shall update the application status. Keep on checking your status on the UOG Admission Portal. If application fee has been paid but not updated within two (02) working days after the in-campus reception of the form, the applicant may contact the Query Cell for assistance.</p>
  269.                 <p align="justify"><strong>13.</strong>&nbsp;&nbsp;Admission of a student automatically stands cancelled if he/she fails-in the required examination whose result was not available at the time of admission.</p>
  270.                 <p align="justify"><strong>14.</strong>&nbsp;&nbsp;<strong><u>MS/PHD candidates must take care of test and interview deadlines as per the admission calendar</u></strong>.</p>
  271.                 <p align="justify"><strong>15.</strong>&nbsp;&nbsp;Merit List(s) shall be displayed on the website on the specified dates; however, it is recommended to login to the portal and check your admission status.</p>
  272.                 <p align="justify"><strong>16. </strong>If an applicant has been offered an admission provisionally/applicant name appeared in merit List, then he/she can generate Fall 2017 semester fee challan using the same online portal and deposit it in any branch of HBL(For Lahore and Sialkot Campus submit it in Faysal Bank).&nbsp;&nbsp;              </p>
  273.               </div>
  274.             </div>
  275.             <div class="row" >
  276.               <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" >
  277.                 <h5 class="about-heading">About University of Gujrat</h5>
  278.                 <p>
  279.               The University of Gujrat  is one of the new major public sector universities in Punjab. The university was established under Act IX of 2004 by Government of Punjab, Pakistan on 23 February 2004             </div>
  280.               <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
  281.                 <h5 class="about-heading">Contact Us</h5>
  282.                 <p>
  283.                 <label><b>Address:</label></b> Hafiz Hayat Campus Jalalpur Jattan Road Gujrat <br/>
  284.                 <label><b>Phone:</label></b> (053) 3643112<br/>
  285.                 <label><b>Enrollment:</label></b> 11,560 (2010)<br/>
  286.                 <label><b>Founded:</label></b> 2003</p>
  287.               </div>
  288.             </div>
  289.  
  290.           </div>
  291.                     <div class="col-xs-12 col-sm-5 col-md-5 col-lg-5" >
  292.             <div class="well no-padding">
  293.                                        <form action="" method="post" id="smart-form-register" class="smart-form client-form">
  294.                 <header>
  295.                   Registration/Apply for Admission FALL 2017
  296.                 </header>
  297.                 <input type="hidden" name="form_date" value="2017/07/22">
  298.                 <input type="hidden" name="form_time" value="02/18/06/am">
  299.  
  300.                 <fieldset>
  301.                   <!-- <section>
  302.                     <label class="input"> <i class="icon-append fa fa-user"></i>
  303.                       <input type="text" name="CNIC" placeholder="CNIC" value="" required>
  304.                       <b class="tooltip tooltip-bottom-right">Needed to enter the website</b> </label>
  305.                       </section> -->
  306.                       <div  style="padding-bottom:12px; "class="row text text-center text-danger" id="nMsg"> </div>
  307.  
  308.                        <div class="row">
  309.  
  310.                       <section class="col col-6">
  311.                         <style type="text/css">
  312.                          /*  .unit { position: absolute; display: block; left: 5px; top: 7px; z-index: 9; } */
  313.                         </style>
  314.                     <label>(i.e. 923001234567)</label>
  315.                     <label class="input"> <i class="icon-append fa fa-mobile"></i>
  316.                       <input type="text" id="n1" name="cell_no" onCopy="return false" onDrag="return false" onDrop="return false" onPaste="return false" Placeholder="Enter Cell No."  onkeypress="phoneno()" maxlength="12" required title="Please  Enter Cell No." onfocus="add_num()" value="" required>
  317.                       <!-- <span class="unit">92</span> -->
  318.                       <b class="tooltip tooltip-bottom-right">Please Enter Cell No.</b></label>
  319.                  
  320.                   </section>
  321.                
  322.                       <section class="col col-6">
  323.                         <style type="text/css">
  324.                           /* .unit { position: absolute; display: block; left: 5px; top: 7px; z-index: 9; } */
  325.                         </style>
  326.                     <label>(i.e. 923001234567)</label>
  327.                     <label class="input"> <i id="n22" class="icon-append fa fa-mobile"></i>
  328.                      
  329.                       <input type="text" id="n2" onfocus="add_num1()" onCopy="return false" onDrag="return false" onDrop="return false" onPaste="return false" name="cell_No" onkeypress="phoneNo()" maxlength="12" required title="Please Retype Cell No."  Placeholder=" Retype Cell No." value="" required onkeyup="check_Number();" >
  330.                      <!--  <span class="unit">92</span> -->
  331.                       <b class="tooltip tooltip-bottom-right">Please Retype Cell No.</b> </label>
  332.                  
  333.                   </section>
  334.                 </div>
  335.                   <div  style="padding-bottom:12px; "class="row text text-center text-danger" id="eMsg"> </div>
  336.  
  337.  
  338.                   <section>
  339.                     <label class="input"> <i class="icon-append fa fa-envelope"></i>
  340.                       <input type="email" maxlength="60"  id="e1" name="email"  onCopy="return false" onDrag="return false" onDrop="return false" onPaste="return false" onblur="countLength()" required title="Please Enter Email Address"  placeholder=" Enter Email Address" value="" required>
  341.                       <b class="tooltip tooltip-bottom-right">Please Enter Email Address</b> </label>
  342.                        <div  class="row text text-danger" id="mail1"></div>
  343.                   </section>
  344.                   <section >
  345.                     <label class="input"> <i id="e22" class="icon-append fa fa-envelope"></i>
  346.                       <input type="email" maxlength="60"  id="e2" name="Email" onCopy="return false" onDrag="return false" onDrop="return false" onPaste="return false"  onblur="CountLength()" required title="Please Retype Email Address" placeholder="Retype Email Address"  value="" required onkeyup="check_Email();">
  347.                       <b class="tooltip tooltip-bottom-right">Please Retype Email Address</b> </label>
  348.                        <div class="row text  text-danger" id="mail2"></div>
  349.                   </section>
  350.                  
  351.                
  352.                    <div class="row">
  353.                   <section class="col col-6">
  354.                     <label class="input"> <i class="icon-append fa fa-lock"></i>
  355.                       <input type="password" maxlength="20" name="password" onCopy="return false" onDrag="return false" onDrop="return false" onPaste="return false" onblur="checkLength(this)" required title="Type Password" placeholder="Type Password" id="password" required>
  356.                       <b class="tooltip tooltip-bottom-right">Type Password</b> </label>
  357.                         <div class="row text  text-danger" id="out"></div>
  358.                   </section>
  359.                
  360.  
  361.                  <section class="col col-6">
  362.                     <label class="input"> <i class="icon-append fa fa-lock"></i>
  363.                       <input type="password" maxlength="20" name="passwordConfirm"  onCopy="return false" onDrag="return false" onDrop="return false" onPaste="return false" maxlength="22" onblur="Length(this)" required title="Retype  Password" placeholder="Retype  Password" required>
  364.                       <b class="tooltip tooltip-bottom-right">Retype  Password </b> </label>
  365.                       <div class="row text  text-danger" id="out1"></div>
  366.                   </section>
  367.                  
  368.                 </div>
  369.                 </fieldset>
  370.                    
  371.                 <fieldset>
  372.                   <div class="row">
  373.                     <section class="col col-6">
  374.                       <label class="input">
  375.                         <input type="text" maxlength="20" id="t" onkeyup="check();" onCopy="return false" onDrag="return false" onDrop="return false" onPaste="return false" name="firstname" required title="Enter First name" placeholder="First name" value="" required>
  376.                       </label>
  377.                       <div class="row text  text-danger" id="output"></div>
  378.                       <div class="row text  text-danger" id="output2"></div>
  379.                     </section>
  380.                     <section class="col col-6">
  381.                       <label class="input">
  382.                         <input type="text" maxlength="20" id="tt" onkeyup="check2();" onCopy="return false" onDrag="return false" onDrop="return false" onPaste="return false" name="lastname" required title="Enter Last name" placeholder="Last name" value="" required>
  383.                       </label>
  384.                       <div  class="row text text-danger" id="output1"></div>
  385.                       <div  class="row text  text-danger" id="output3"></div>
  386.                     </section>
  387.                   </div>
  388.  
  389.  
  390.                 <!--
  391.                 <div class="captcha_wrapper" style="padding:5px;">
  392.                   <center>
  393.                   <div class="g-recaptcha" data-sitekey="6LeJTygTAAAAAFFLuv3d83Q1qTp0QP3-Ao4XrjEv"></div>
  394.                   </center>
  395.                 </div>
  396.                 -->
  397.  
  398.  
  399.                   <section>
  400.                     <label class="checkbox">
  401.                      
  402.                     <label class="checkbox">
  403.                       <input type="checkbox" name="terms" id="terms">
  404.                       <i></i>I agree with the <a href="#" data-toggle="modal" data-target="#myModal"> Terms and Conditions </a></label>
  405.                   </section>
  406.                 </fieldset>
  407.                 <footer>
  408.                   <button type="submit"  name="submit" class="btn btn-primary">
  409.                     Register
  410.                   </button>
  411.                 </footer>
  412.  
  413.                 <div class="message">
  414.                   <i class="fa fa-check"></i>
  415.                   <p>
  416.                     Thank you for your registration!
  417.                   </p>
  418.                 </div>
  419.               </form>
  420.  
  421.             </div>
  422.            
  423.           </div>
  424.         </div>
  425.       </div>
  426.  
  427.     </div>
  428.  
  429.     <!-- Modal -->
  430.     <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  431.       <div class="modal-dialog">
  432.         <div class="modal-content">
  433.           <div class="modal-header">
  434.             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
  435.               &times;
  436.             </button>
  437.             <h4 class="modal-title" id="myModalLabel">Terms & Conditions</h4>
  438.           </div>
  439.           <div class="modal-body custom-scroll terms-body">
  440.            
  441.  <div id="left">
  442.  
  443.  
  444.  
  445.             <h1>UOG TERMS & CONDITIONS TEMPLATE</h1>
  446.  
  447.  
  448.  
  449.             <h2>Introduction</h2>
  450.  
  451.            <p> The University of Gujrat is one of the new major public sector universities in Punjab. The university was established under Act IX of 2004 by Government of Punjab, Pakistan on 23 February 2004 to cater for the higher education needs of the population of Central Punjab which includes districts of Gujrat, Sialkot and Gujranwala in addition to cities of Wazirabad and Jhelum . These districts are popularly known as the Export Triangle of Pakistan due to various manufacturing industries operating in the area. Sir Syed Ahmad Khan (1817–1898) founder of Aligarh Muslim University had named the region around Gujrat as "Khita-e-Younan", or "territory resembling ancient Greece", in reference to the high number of educational institutes present in the area in the 19th century. The University is promoting research and development culture in the area. A large number of students from Bhimber Azad Kashmir also study in the university.</p>
  452.  
  453.           <p>The Main Campus has been named after a local Sufi saint Hafiz Muhammad Hayat. Situated prominently in the University of Gujrat campus, the shrine of Hafiz Hayat is an exquisite complex in terms of its architecture, site planning and landscape design. It is located on a mound six feet high above the Terre plain. The site contains a haveli, summerhouse (baradari), mosque, four tombs of varying dimensions, several graves, seven wells and numerous old trees. The mound on which the construction was carried out belonged to the Raja Kaladhvi and was surrounded by a dense forest at that time. Hafiz Hayat settled in the area and helped people with his spiritual charisma. Although the exact dates are not known yet according to popular belief it was at the time of Emperor Jahangir. The saint donated his entire land holding to the then state authorities for the cause of education. The main campus of UOG has been constructed on that very land donated by Hafiz Muhammad Hayat</p>
  454.    
  455.          
  456.  
  457.             </div>
  458.    
  459.  
  460.           </div>
  461.           <div class="modal-footer">
  462.             <button type="button" class="btn btn-default" data-dismiss="modal">
  463.               Cancel
  464.             </button>
  465.             <button type="button" class="btn btn-primary" id="i-agree">
  466.               <i class="fa fa-check"></i> I Agree
  467.             </button>
  468.            
  469.             <button type="button" class="btn btn-danger pull-left" id="print">
  470.               <i class="fa fa-print"></i> Print
  471.             </button>
  472.           </div>
  473.         </div><!-- /.modal-content -->
  474.       </div><!-- /.modal-dialog -->
  475.     </div><!-- /.modal -->
  476.  
  477. <!-- ==========================CONTENT ENDS HERE ========================== -->
  478.  
  479.         <!--================================================== -->
  480.  
  481.         <!-- PACE LOADER - turn this on if you want ajax loading to show (caution: uses lots of memory on iDevices)-->
  482.         <script data-pace-options='{ "restartOnRequestAfter": true }' src="http://app.uog.edu.pk/uog/js/plugin/pace/pace.min.js"></script>
  483.  
  484.         <!-- These scripts will be located in Header So we can add scripts inside body (used in class.datatables.php) -->
  485.         <!-- Link to Google CDN's jQuery + jQueryUI; fall back to local
  486.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
  487.         <script>
  488.             if (!window.jQuery) {
  489.                 document.write('<script src="http://app.uog.edu.pk/uog/js/libs/jquery-2.0.2.min.js"><\/script>');
  490.             }
  491.         </script>
  492.  
  493.         <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
  494.         <script>
  495.             if (!window.jQuery.ui) {
  496.                 document.write('<script src="http://app.uog.edu.pk/uog/js/libs/jquery-ui-1.10.3.min.js"><\/script>');
  497.             }
  498.         </script> -->
  499.  
  500.         <!-- IMPORTANT: APP CONFIG -->
  501.         <script src="js/app.config.js"></script>
  502.  
  503.         <!-- JS TOUCH : include this plugin for mobile drag / drop touch events-->
  504.         <script src="http://app.uog.edu.pk/uog/js/plugin/jquery-touch/jquery.ui.touch-punch.min.js"></script>
  505.  
  506.         <!-- BOOTSTRAP JS -->
  507.         <script src="http://app.uog.edu.pk/uog/js/bootstrap/bootstrap.min.js"></script>
  508.  
  509.         <!-- CUSTOM NOTIFICATION -->
  510.         <script src="http://app.uog.edu.pk/uog/js/notification/SmartNotification.min.js"></script>
  511.  
  512.         <!-- JARVIS WIDGETS -->
  513.         <script src="http://app.uog.edu.pk/uog/js/smartwidgets/jarvis.widget.min.js"></script>
  514.  
  515.         <!-- EASY PIE CHARTS -->
  516.         <script src="http://app.uog.edu.pk/uog/js/plugin/easy-pie-chart/jquery.easy-pie-chart.min.js"></script>
  517.  
  518.         <!-- SPARKLINES -->
  519.         <script src="http://app.uog.edu.pk/uog/js/plugin/sparkline/jquery.sparkline.min.js"></script>
  520.  
  521.         <!-- JQUERY VALIDATE -->
  522.         <script src="http://app.uog.edu.pk/uog/js/plugin/jquery-validate/jquery.validate.min.js"></script>
  523.  
  524.         <!-- JQUERY MASKED INPUT -->
  525.         <script src="http://app.uog.edu.pk/uog/js/plugin/masked-input/jquery.maskedinput.min.js"></script>
  526.  
  527.         <!-- JQUERY SELECT2 INPUT -->
  528.         <script src="http://app.uog.edu.pk/uog/js/plugin/select2/select2.min.js"></script>
  529.  
  530.         <!-- JQUERY UI + Bootstrap Slider -->
  531.         <script src="http://app.uog.edu.pk/uog/js/plugin/bootstrap-slider/bootstrap-slider.min.js"></script>
  532.  
  533.         <!-- browser msie issue fix -->
  534.         <script src="http://app.uog.edu.pk/uog/js/plugin/msie-fix/jquery.mb.browser.min.js"></script>
  535.  
  536.         <!-- FastClick: For mobile devices -->
  537.         <script src="http://app.uog.edu.pk/uog/js/plugin/fastclick/fastclick.min.js"></script>
  538.  
  539.         <!--[if IE 8]>
  540.             <h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>
  541.         <![endif]-->
  542.  
  543.         <!-- Demo purpose only -->
  544.         <script src="http://app.uog.edu.pk/uog/js/demo.min.js"></script>
  545.  
  546.         <!-- MAIN APP JS FILE -->
  547.         <script src="http://app.uog.edu.pk/uog/js/app.min.js"></script>    
  548.  
  549.         <!-- ENHANCEMENT PLUGINS : NOT A REQUIREMENT -->
  550.         <!-- Voice command : plugin -->
  551.         <script src="http://app.uog.edu.pk/uog/js/speech/voicecommand.min.js"></script>
  552.  
  553.         <!-- SmartChat UI : plugin -->
  554.         <script src="http://app.uog.edu.pk/uog/js/smart-chat-ui/smart.chat.ui.min.js"></script>
  555.         <script src="http://app.uog.edu.pk/uog/js/smart-chat-ui/smart.chat.manager.min.js"></script>
  556.  
  557.         <script type="text/javascript">
  558.             // DO NOT REMOVE : GLOBAL FUNCTIONS!
  559.             $(document).ready(function() {
  560.                 pageSetUp();
  561.             })
  562.         </script><script src='https://www.google.com/recaptcha/api.js'></script>
  563.  
  564.  
  565.  
  566. <!-- PAGE RELATED PLUGIN(S)
  567. <script src="..."></script>-->
  568.  
  569. <script type="text/javascript">
  570.   runAllForms();
  571.  
  572.   // Model i agree button
  573.   $("#i-agree").click(function(){
  574.     $this=$("#terms");
  575.     if($this.checked) {
  576.       $('#myModal').modal('toggle');
  577.     } else {
  578.       $this.prop('checked', true);
  579.       $('#myModal').modal('toggle');
  580.     }
  581.   });
  582.  
  583.   // Validation
  584.   $(function() {
  585.     // Validation
  586.     $("#smart-form-register").validate({
  587.  
  588.       // Rules for form validation
  589.       rules : {
  590.         username : {
  591.           required : true
  592.         },
  593.         email : {
  594.           required : true,
  595.           email : true
  596.         },
  597.         password : {
  598.           required : true,
  599.           minlength : 3,
  600.           maxlength : 20
  601.         },
  602.         passwordConfirm : {
  603.           required : true,
  604.           minlength : 3,
  605.           maxlength : 20,
  606.           equalTo : '#password'
  607.         },
  608.         firstname : {
  609.           required : true
  610.         },
  611.         lastname : {
  612.           required : true
  613.         },
  614.         gender : {
  615.           required : true
  616.         },
  617.         terms : {
  618.           required : true
  619.         }
  620.       },
  621.  
  622.       // Messages for form validation
  623.       messages : {
  624.         login : {
  625.           required : 'Please enter your login'
  626.         },
  627.         email : {
  628.           required : 'Please Enter Email Address',
  629.           email : 'Please enter a VALID email address'
  630.         },
  631.         password : {
  632.           required : 'Please enter your password'
  633.         },
  634.         passwordConfirm : {
  635.           required : 'Please Retype Your Password',
  636.           equalTo : 'Please enter the same password as above'
  637.         },
  638.         firstname : {
  639.           required : 'Please select your first name'
  640.         },
  641.         lastname : {
  642.           required : 'Please select your last name'
  643.         },
  644.         gender : {
  645.           required : 'Please select your gender'
  646.         },
  647.         terms : {
  648.           required : 'You must agree with Terms and Conditions'
  649.         }
  650.       },
  651.  
  652.       // Ajax form submition
  653.       submitHandler : function(form) {
  654.         $(form).ajaxSubmit({
  655.           success : function() {
  656.             $("#smart-form-register").addClass('submited');
  657.           }
  658.         });
  659.       },
  660.  
  661.       // Do not change code below
  662.       errorPlacement : function(error, element) {
  663.         error.insertAfter(element.parent());
  664.       }
  665.     });
  666.  
  667.   });
  668. </script>
  669.         <!-- Your GOOGLE ANALYTICS CODE Below -->
  670.         <script type="text/javascript">
  671.             var _gaq = _gaq || [];
  672.                 _gaq.push(['_setAccount', 'UA-XXXXXXXX-X']);
  673.                 _gaq.push(['_trackPageview']);
  674.            
  675.             (function() {
  676.                 var ga = document.createElement('script');
  677.                 ga.type = 'text/javascript';
  678.                 ga.async = true;
  679.                 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  680.                 var s = document.getElementsByTagName('script')[0];
  681.                 s.parentNode.insertBefore(ga, s);
  682.             })();
  683.  
  684.         </script>
  685.  
  686.     </body>
  687.  
  688. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top