Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <!-- Meta Data -->
- <title>SMI Application Form</title>
- <meta charset="utf-8" />
- <meta name="author" content="Jaquline Henze,Gregor Grote" />
- <meta name="description" content="Application for the SMI Courses" />
- <meta name="keywords" content="Application,SMI,Course,Computing,Diploma,Entrepreneurship,Finance,Management,Leadership,Information Systems,Creative Computing,System Engineering" />
- <meta name="robots" content="FOLLOW,INDEX" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <script>document.getElementsByTagName("html")[0].className += " js";</script>
- <link rel="stylesheet" href="ASSETS/CSS/style.css" />
- <!-- Canonical Links -->
- <link rel="canonical" href="https://www.stmartins.edu/" />
- <link rel="shortcut icon" type="image/png" href="https://stmartins.edu/favicon.ico" />
- <!-- Bootstrap CSS -->
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css"
- integrity="sha256-YLGeXaapI0/5IgZopewRJcFXomhRMlYYjugPLSyNjTY="
- crossorigin="anonymous" />
- <!-- Font Awesome CSS -->
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
- integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0="
- crossorigin="anonymous" />
- <!-- Custom CSS -->
- <link rel="stylesheet" href="ASSETS/CSS/custom.css" type="text/css" />
- </head>
- <body>
- <!-- Logo Section -->
- <section class="container pb-3">
- <div class="row">
- <div class="col text-center">
- <img src="ASSETS/IMG/smilogo.png" class="img-responsive logoMod" alt="SMI Logo" />
- </div>
- </div>
- </section>
- <!-- Form Navigation -->
- <section class="cd-h-timeline js-cd-h-timeline margin-bottom-md" id="applicationRoadmap">
- <div class="cd-h-timeline__container nav-container">
- <div class="cd-h-timeline__dates">
- <div class="cd-h-timeline__line">
- <ol>
- <li><a data-date="16/01/2014" class="cd-h-timeline__date cd-h-timeline__date--selected">Programme Selection</a></li>
- <li><a data-date="28/02/2014" class="cd-h-timeline__date">Personal Information</a></li>
- <li><a data-date="20/04/2014" class="cd-h-timeline__date">Qualifications</a></li>
- <li><a data-date="20/05/2014" class="cd-h-timeline__date">Other Qualifications</a></li>
- <li><a data-date="09/07/2014" class="cd-h-timeline__date">Work Experiences</a></li>
- <li><a data-date="30/08/2014" class="cd-h-timeline__date">Specific Requirements</a></li>
- <li><a data-date="15/09/2014" class="cd-h-timeline__date">Why This Programme?</a></li>
- <li><a data-date="01/11/2014" class="cd-h-timeline__date">Information Source</a></li>
- <li><a data-date="10/12/2014" class="cd-h-timeline__date">Summary</a></li>
- <li><a data-date="19/01/2015" class="cd-h-timeline__date">Payment</a></li>
- <li><a data-date="03/03/2015" class="cd-h-timeline__date">Thank You!</a></li>
- </ol>
- <span class="cd-h-timeline__filling-line" aria-hidden="true"></span>
- </div> <!-- .cd-h-timeline__line -->
- </div> <!-- .cd-h-timeline__dates -->
- <ul>
- <li><a class="text-replace cd-h-timeline__navigation cd-h-timeline__navigation--prev cd-h-timeline__navigation--inactive">Prev</a></li>
- <li><a class="text-replace cd-h-timeline__navigation cd-h-timeline__navigation--next">Next</a></li>
- </ul>
- </div> <!-- .cd-h-timeline__container -->
- <div class="cd-h-timeline__events">
- <!-- Start Of Form -->
- <form>
- <ol>
- <li class="cd-h-timeline__event cd-h-timeline__event--selected text-component">
- <!-- Programme Application Section -->
- <section id="programme">
- <!-- Title Section -->
- <section class="container pb-3">
- <div class="row">
- <div class="col text-center">
- <h2>Programme Selection</h2>
- </div>
- </div>
- </section>
- <!-- Programme Selection Section -->
- <section class="container">
- <section class="border p-3 rounded">
- <div class="row">
- <div class="col pb-2">
- <h6>Programme</h6>
- </div>
- </div>
- <div class="row">
- <div class="col-lg-3 col-md-4 col-sm-12 form-group"> <!-- MQF Level Selector -->
- <div class="dropdown">
- <button class="btn btn-default border dropdown-toggle" errorMessage="Select a Level" type="button" data-toggle="dropdown" id="mqfLevelBtn" name="mqfLevel">
- MQF Level
- </button>
- <ul class="dropdown-menu" id="mqfLevel-drop">
- <a class="dropdown-item" >MQF-Level 5</a>
- <a class="dropdown-item" >MQF-Level 6</a>
- <a class="dropdown-item" >MQF-Level 7</a>
- </ul>
- </div>
- </div>
- <div class="col-lg-3 col-md-4 col-sm-12 form-group"> <!-- Course Selector -->
- <div class="dropdown">
- <button class="btn btn-default border dropdown-toggle" errorMessage="Select a Course" type="button" data-toggle="dropdown" id="courseBtn" name="course" disabled>
- Course
- </button>
- <ul class="dropdown-menu" id="course-drop" >
- </ul>
- </div>
- </div>
- <div class="col-lg-3 col-md-4 col-sm-12 form-group"> <!-- Specialization Selector -->
- <div class="dropdown">
- <button class="btn btn-default border dropdown-toggle" errorMessage="Select an Option" type="button" data-toggle="dropdown" id="optionsBtn" name="options" disabled>
- Options
- </button>
- <ul class="dropdown-menu" id="options-drop" >
- </ul>
- </div>
- </div>
- <div class="col-lg-3 col-md-4 col-sm-12">
- <div class="input-group">
- <input class="form-control border rounded mr-1" type="text" placeholder="Search" aria-label="Search" />
- <button type="button" class="btn border">
- <i class="fa fa-search" aria-hidden="true"></i>
- </button>
- </div>
- </div>
- </div>
- </section>
- <section class="border p-3 mt-3 rounded">
- <div class="row">
- <div class="col pb-2">
- <h6>Mode of Study</h6>
- </div>
- </div>
- <div class="row">
- <div class="col-sm-12 col-md-8 col-lg-6">
- <div class="card card-body">
- <div class="row">
- <div class="col-lg-6 col-md-12 col-sm-12">
- <div class="form-check">
- <input class="form-check-input" type="radio" name="modeOfStudy" id="dayStudent" value="dayStudent" checked />
- <label class="form-check-label" for="dayStudent">
- Day Student
- </label>
- </div>
- </div>
- <div class="col-lg-6 col-md-12 col-sm-12">
- <div class="form-check">
- <input class="form-check-input" type="radio" name="modeOfStudy" id="eveningStudent" value="eveningStudent" />
- <label class="form-check-label" for="eveningStudent">
- Evening Student
- </label>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- </section>
- </section>
- </li>
- <li class="cd-h-timeline__event text-component">
- <!-- Personal Info Sections -->
- <section id="personalInfo">
- <section class="container pb-3">
- <div class="row">
- <div class="col text-center">
- <h2>Personal Information</h2>
- </div>
- </div>
- </section>
- <section class="container">
- <section class="border p-3 rounded">
- <div class="row">
- <div class="col-12 pb-2">
- <h6>Personal Details</h6>
- </div>
- <div class="col-lg-1 col-md-2 col-sm-4 col-4 form-group">
- <div class="dropdown">
- <button class="btn btn-default border dropdown-toggle" errorMessage="Select a Title" type="button" data-toggle="dropdown" id="titleDropButton">
- Title
- <span class="border"></span>
- <span class="caret"></span>
- </button>
- <ul class="dropdown-menu" id="title-drop">
- <a class="dropdown-item" >Mr</a>
- <a class="dropdown-item" >Mrs</a>
- <a class="dropdown-item" >Ms</a>
- <a class="dropdown-item" >Other</a>
- </ul>
- </div>
- </div>
- <div class="col-lg-2 col-md-10 col-sm-8 col-8 form-group">
- <input type="text" errorMessage="Write an other title" class="form-control" id="otherTitle" disabled name="otherTitle" placeholder="Other Title" />
- </div>
- <div class="col-lg-5 col-md-6 col-sm-12 form-group">
- <input type="text" errorMessage="Write your first name" class="form-control" id="firstName" name="firstName" placeholder="Name" />
- </div>
- <div class="col-lg-4 col-md-6 col-sm-12 form-group">
- <input type="text" errorMessage="Write your last name" class="form-control" id="lastName" name="lastName" placeholder="Surname" />
- </div>
- <div class="col-lg-2 col-md-2 col-sm-4 form-group">
- <div class="dropdown">
- <button class="btn btn-default border dropdown-toggle" errorMessage="Select a Gender" type="button" data-toggle="dropdown" id="genderDropButton">
- Gender
- <span class="border"></span>
- <span class="caret"></span>
- </button>
- <ul class="dropdown-menu" id="gender-drop">
- <a class="dropdown-item">Male</a>
- <a class="dropdown-item">Female</a>
- <a class="dropdown-item">Other</a>
- <a class="dropdown-item">No selection</a>
- </ul>
- </div>
- </div>
- <div class="col-lg-6 col-md-4 col-sm-8 form-group">
- <input type="text" errorMessage="Write an other gender" class="form-control" id="otherGender" name="otherGender" placeholder="Other Gender" disabled />
- </div>
- <div class="col-lg-4 col-md-6 col-sm-12 form-group">
- <input type="date" errorMessage="Select your date of birth" class="form-control" id="dateOfBirth" name="dateOfBirth" placeholder="Date of Birth" />
- </div>
- </div>
- <div class="row">
- <div class="col-12 pb-2 pt-3">
- <h6>Address</h6>
- </div>
- <div class="col-12 form-group">
- <input type="text" errorMessage="Write your street" class="form-control" id="street" name="street" placeholder="Street" />
- </div>
- <div class="col-lg-6 col-md-8 col-sm-12 form-group">
- <input type="text" errorMessage="Write your town" class="form-control" id="town" name="town" placeholder="Town" />
- </div>
- <div class="col-lg-3 col-md-4 col-sm-12 form-group">
- <input type="text" errorMessage="Write your post code" class="form-control" id="postCode" name="postCode" placeholder="Post Code" />
- </div>
- <div class="col-lg-3 col-md-12 col-sm-12 form-group">
- <input type="text" errorMessage="Write your country" class="form-control" id="country" name="country" placeholder="Country" />
- </div>
- </div>
- <div class="row">
- <div class="col-12 pb-2 pt-3">
- <h6>Contact</h6>
- </div>
- <div class="col-12 form-group">
- <input type="email" errorMessage="Write your email" class="form-control" id="email" name="email" placeholder="E-mail" />
- </div>
- <div class="col-lg-6 col-md-6 col-md-12 form-group">
- <input type="tel" errorMessage="Write your mobile phone number" class="form-control" id="mobilePhone" name="mobilePhone" placeholder="Mobile Phone" />
- </div>
- <div class="col-lg-6 col-md-6 col-md-12 form-group">
- <input type="tel" errorMessage="Write your fixed phone number" class="form-control" id="fixedPhone" name="fixedPhone" placeholder="Fixed Phone" />
- </div>
- </div>
- </section>
- <section class="border p-3 mt-3 rounded">
- <div class="row">
- <div class="col-12">
- <h6>Nationality</h6>
- </div>
- <div class="col-lg-6 col-md-6 col-md-12 form-group">
- <input type="text" errorMessage="Write your birth country" class="form-control" id="birthCountry" name="birthCountry" placeholder="Birth Country" />
- </div>
- <div class="col-lg-6 col-md-6 col-md-12 form-group">
- <input type="text" errorMessage="Write your passport or ID number" class="form-control" id="passportID" name="passportID" placeholder="Passport ID" />
- </div>
- <div class="col-lg-2 col-md-6 col-sm-6 form-group">
- <div class="form-check">
- <input class="form-check-input" type="checkbox" id="hasVisa" />
- <label class="form-check-label" for="hasVisa">Require Visa?</label>
- </div>
- </div>
- <div class="col-lg-4 col-md-6 col-sm-6 form-group">
- <input type="date" errorMessage="Select the expiry date" class="form-control" id="expiryDate" disabled name="expirtyDate" placeholder="Expiry" />
- </div>
- </div>
- <div class="row">
- <div class="col-lg-6 col-md-6 col-sm-12 form-group pt-3">
- <h6>Passport or ID Upload</h6>
- <div class="custom-file">
- <input type="file" errorMessage="Upload your passport or ID" class="custom-file-input" id="passportOrID" name="passportOrID" />
- <label class="custom-file-label" for="passportOrID">Choose file</label>
- </div>
- </div>
- <div class="col-lg-6 col-md-6 col-sm-12 form-group pt-3">
- <h6>Passport Photos</h6>
- <div class="custom-file">
- <input type="file" errorMessage="Upload your passport photo" class="custom-file-input" id="passportPhoto" name="passportPhoto" />
- <label class="custom-file-label" for="passportPhoto">Choose file</label>
- </div>
- </div>
- </div>
- </section>
- </section>
- </section>
- </li>
- <li class="cd-h-timeline__event text-component">
- <!-- Qualification section -->
- <section id="qualification">
- <!-- Title section -->
- <section class="container pb-3">
- <div class="row">
- <div class="col text-center">
- <h2>Qualifications</h2>
- </div>
- </div>
- </section>
- <!-- english proficiency section -->
- <section class="container" id="engProfSec">
- <section class="border p-3 mt-3 rounded">
- <div class="row">
- <div class="col-12">
- <h6>English Proficiency</h6>
- </div>
- <div class="col-12">
- <div class="form-group">
- <label>
- Have you passed, at an appropriate level, a test of proficiency in English language in the last three years that is
- acceptable to Saint Martin's Institute of Higher Education and University of London?
- </label>
- <div class="form-check">
- <input class="form-check-input" type="radio" name="hasEnPr" id="hasEnPr" checked />
- <label class="form-check-label" for="hasEnPr">
- Yes
- </label>
- </div>
- <div class="form-check">
- <input class="form-check-input" type="radio" name="hasEnPr" id="hasNoEnPr" />
- <label class="form-check-label" for="hasnoEnPr">
- No
- </label>
- </div>
- </div>
- <label>
- Please provide details if you ticked 'yes' and summit the relevant supporting documentation:
- </label>
- <div class="form-group">
- <textarea class="form-control rounded-0" errorMessage="Provide details" id="provideDetailsEnPr" name="provideDetailsEnPr" rows="3" placeholder="Provide details"></textarea>
- </div>
- </div>
- <div class="col-lg-4 col-md-8 col-sm-12">
- <div class="custom-file frmPadding">
- <input type="file" errorMessage="Upload your document" class="custom-file-input" id="enPrFile" name="enPrFile" />
- <label class="custom-file-label" for="enPrFile">Choose file</label>
- </div>
- </div>
- </div>
- </section>
- <!-- Secondary School Section -->
- <section class="border p-3 mt-3 rounded">
- <div class="row">
- <div class="col-12">
- <h6>Secondary School(s)</h6>
- </div>
- <div class="col-lg-1 col-md-12 col-sm-12" id="secSchoolButtons">
- <button type="button" class="btn text-center btn-success" id="btnAddSecSchool" data-toggle="tooltip" data-placement="right" title="Add Secondary School"><i class="fa fa-plus"></i></button>
- </div>
- </div>
- </section>
- <!-- Sixth Form Section -->
- <section class="border p-3 mt-3 rounded">
- <div class="row">
- <div class="col-12">
- <h6>Sixth Form(s)</h6>
- </div>
- <div class="col-lg-1 col-md-12 col-sm-12" id="sixForButtons">
- <button type="button" class="btn text-center btn-success" id="btnAddSixFor" data-toggle="tooltip" data-placement="right" title="Add Sixth Form"><i class="fa fa-plus"></i></button>
- </div>
- </div>
- </section>
- <!-- Secondary and Post Secondary Qualifications Section -->
- <section class="border p-3 mt-3 rounded">
- <!-- Title Section -->
- <section>
- <div class="row">
- <div class="col">
- <h6>Secondary and Post Secondary Qualifications</h6>
- <label>
- Please list your best qualifications. Ordinary level passed at Grades 1-5 if SEC and Grades A-C if GCE/GCSE are accepted.
- Advanced level passes at Grades 1-5 if SEC and Grades A-C if GCE/GCSE are accepted. An awarded Matriculation Certificate is an
- acceptable qualification to enter the degree programmes.
- </label>
- </div>
- </div>
- </section>
- <!-- Secondary and Post Secondary Qualifications Cards -->
- <section>
- <div class="row">
- <div id="spsCard0" class="col-sm-12 col-md-6 col-lg-4 form-group">
- <div class="card">
- <div class="card-body">
- <div class="row">
- <div class="col-12 form-group">
- <div class="btn btn-secondary rounded-circle btn-sm pull-right exitButtonMod" id="btnRemoveSpsCard0" disabled ><i class="fa fa-times"></i></div>
- </div>
- <div class="col-12 form-group">
- <input type="text" errorMessage="Write a year" class="form-control" maxlength="4" onkeypress="return isNumberKey(event)" pattern="^[0-9]+$" id="spsCardQualiYear0" name="spsCardQualiYear0" placeholder="Year" />
- </div>
- <div class="col-12 form-group">
- <input type="text" errorMessage="Write an examining body" class="form-control" id="spsCardExBody0" name="spsCardExBody0" placeholder="Examining Body" />
- </div>
- <div class="col-12 form-group">
- <input type="text" class="form-control" id="spsCardSub0" name="spsCardSub0" value="Mathematics [compulsory]" disabled />
- </div>
- <div class="col-4 form-group">
- <div class="dropdown">
- <button class="btn btn-default border dropdown-toggle" errorMessage="Select a Level" type="button" data-toggle="dropdown" id="spsCardLvlBtn0" name="spsCardLvlBtn0">
- Level
- <span class="border"></span>
- <span class="caret"></span>
- </button>
- <ul class="dropdown-menu" id="spsCardLvlDrop0">
- <a class="dropdown-item" >O-Level</a>
- <a class="dropdown-item" >A-Level</a>
- <a class="dropdown-item" >I-Level</a>
- </ul>
- </div>
- </div>
- <div class="col-8">
- <input type="text" errorMessage="Write a grade" class="form-control" maxlength="1" onkeypress="return isCharGrade(event)" id="spsCardGra0" name="spsCardGra0" placeholder="Grade" />
- </div>
- <div class="col-12">
- <div class="custom-file">
- <input type="file" errorMessage="Upload your Certificate" class="custom-file-input" id="spsCardCert0" name="spsCardCert0" />
- <label class="custom-file-label" id="spsCardCertLbl0" for="spsCardCert0">Certificate</label>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="spsCard1" class="col-sm-12 col-md-6 col-lg-4 form-group">
- <div class="card">
- <div class="card-body">
- <div class="row">
- <div class="col-12 form-group">
- <div class="btn btn-secondary rounded-circle btn-sm pull-right exitButtonMod" id="btnRemoveSpsCard0" disabled ><i class="fa fa-times"></i></div>
- </div>
- <div class="col-12 form-group">
- <input type="text" errorMessage="Write a year" class="form-control" maxlength="4" onkeypress="return isNumberKey(event)" pattern="^[0-9]+$" id="spsCardQualiYear1" name="spsCardQualiYear1" placeholder="Year" />
- </div>
- <div class="col-12 form-group">
- <input type="text" errorMessage="Write an examining body" class="form-control" id="spsCardExBody1" name="spsCardExBody1" placeholder="Examining Body" />
- </div>
- <div class="col-12 form-group">
- <input type="text" class="form-control" id="spsCardSub1" name="spsCardSub1" value="English [compulsory]" disabled/>
- </div>
- <div class="col-4 form-group">
- <div class="dropdown">
- <button class="btn btn-default border dropdown-toggle" errorMessage="Select a Level" type="button" data-toggle="dropdown" id="spsCardLvlBtn1" name="spsCardLvlBtn1">
- Level
- <span class="border"></span>
- <span class="caret"></span>
- </button>
- <ul class="dropdown-menu" id="spsCardLvlDrop1">
- <a class="dropdown-item" >O-Level</a>
- <a class="dropdown-item" >A-Level</a>
- <a class="dropdown-item" >I-Level</a>
- </ul>
- </div>
- </div>
- <div class="col-8">
- <input type="text" errorMessage="Write a grade" class="form-control" maxlength="1" onkeypress="return isCharGrade(event)" id="spsCardGra1" name="spsCardGra1" placeholder="Grade" />
- </div>
- <div class="col-12">
- <div class="custom-file">
- <input type="file" errorMessage="Upload your certificate" class="custom-file-input" id="spsCardCert1" name="spsCardCert1" />
- <label class="custom-file-label" id="spsCardCertLbl1" for="spsCardCert1">Certificate</label>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-md-6 col-sm-12 text-center nextButtonPadding" id="spsCardButtons" >
- <button type="button" class="btn text-center btn-danger" disabled id="btnRemoveSpsCard" data-toggle="tooltip" data-placement="left" title="Delete Qualification"><i class="fa fa-minus"></i></button>
- <button type="button" class="btn text-center btn-success" id="btnAddSpsCard" data-toggle="tooltip" data-placement="right" title="Add Qualification"><i class="fa fa-plus"></i></button>
- </div>
- </div>
- </section>
- <!-- Matriculation Certificates Section -->
- <div class ="row">
- <div class="col-lg-3 col-md-6 col-sm-6 form-group">
- <div class="form-check">
- <input class="form-check-input" type="checkbox" id="mcCk" name="mcCk" />
- <label class="form-check-label" for="mcCk">
- Tick if Matriculation Certificate has been AWARDED and the grade achieved
- </label>
- </div>
- </div>
- <div class="col-lg-2 col-md-4 col-sm-6 form-group">
- <div class="form-group">
- <input type="number" errorMessage="Write a grade" min="40" max="100" class="form-control" id="mcGrade" name="mcGrade" placeholder="Grade" disabled />
- </div>
- </div>
- <div class="col-lg-4 col-md-10 col-sm-12">
- <div class="custom-file">
- <input type="file" errorMessage="Upload your document" class="custom-file-input" id="fileMC" disabled />
- <label class="custom-file-label" for="fileMC">Choose file</label>
- </div>
- </div>
- </div>
- </section>
- </section>
- </li>
- <li class="cd-h-timeline__event text-component">
- <!--- high/other qualification section --->
- <section id="higherOtherQuali">
- <!-- Title Section -->
- <section class="container pb-3">
- <div class="row">
- <div class="col text-center">
- <h2>Higher/Other Qualifications</h2>
- </div>
- </div>
- </section>
- <!--- high/other qualifications Cards --->
- <section class="container">
- <section class="border p-3 rounded">
- <div class="row">
- <div class="col-lg-4 col-md-6 col-sm-12 text-center nextButtonPadding" id="hoqCardButtons" >
- <button type="button" class="btn text-center btn-danger" disabled id="btnRemoveHoqCard" data-toggle="tooltip" data-placement="left" title="Delete Qualification"><i class="fa fa-minus"></i></button>
- <button type="button" class="btn text-center btn-success" id="btnAddHoqCard" data-toggle="tooltip" data-placement="right" title="Add Qualification"><i class="fa fa-plus"></i></button>
- </div>
- </div>
- </section>
- </section>
- </section>
- </li>
- <li class="cd-h-timeline__event text-component">
- <!-- Work Experience Section -->
- <section id="workEx">
- <!-- Title Section -->
- <section class="container pb-3 ">
- <div class="row justify-content-center">
- <div class="col text-center">
- <h2>Work Experiences</h2>
- </div>
- </div>
- </section>
- <!-- Card Layout Section -->
- <section class="container">
- <section class="border p-3 rounded">
- <div class="row">
- <div class="col-lg-4 col-md-6 col-sm-12 text-center nextButtonPadding" id="workExButtons" >
- <button type="button" class="btn text-center btn-danger" disabled id="btnRemoveWorkEx" data-toggle="tooltip" data-placement="left" title="Delete Work Experience"><i class="fa fa-minus"></i></button>
- <button type="button" class="btn text-center btn-success" id="btnAddWorkEx" data-toggle="tooltip" data-placement="right" title="Add Work Experience"><i class="fa fa-plus"></i></button>
- </div>
- </div>
- </section>
- </section>
- </section>
- </li>
- <li class="cd-h-timeline__event text-component">
- <!-- Specific requirements section -->
- <section id="specificRequirements">
- <!-- Title Section -->
- <section class="container pb-3">
- <div class="row">
- <div class="col text-center">
- <h2>Specific Requirements</h2>
- </div>
- </div>
- </section>
- <!-- Text Section -->
- <section class="container">
- <section class="border p-3 mt-3 rounded">
- <div class="row">
- <div class="col-12">
- <div class="form-group">
- <label>Saint Martin's Institute of Higher Education is comitted to offering quality tertiary education to all students. We welcome
- application forms from prospective students with specific requirements and will make every reasonable effort to make sure your
- experience of studying with us is rewarding. Do you have a conditional which may require special lecture or examination arrangements?</label>
- <div class="form-check">
- <input class="form-check-input" type="checkbox" id="yesRequirements" />
- <label class="form-check-label" for="yesRequirements">
- Yes
- </label>
- </div>
- <label>
- Please provide details if you ticked 'yes' and summit the relevant supporting documentation:
- </label>
- </div>
- <div class="form-group">
- <textarea class="form-control rounded-0" errorMessage="Provide details" id="provideDetailsSR" name="provideDetailsSR" rows="3" placeholder="Provide details" disabled></textarea>
- </div>
- </div>
- <div class="col-lg-1 col-md-1 col-sm-4" id="srButtons">
- <button type="button" class="btn text-center btn-success" id="btnAddSrFile" disabled data-toggle="tooltip" data-placement="right" title="Add Certificate"><i class="fa fa-plus"></i></button>
- </div>
- </div>
- </section>
- </section>
- </section>
- </li>
- <li class="cd-h-timeline__event text-component">
- <!-- reason To Join The Programm section -->
- <section id="reasonToJoinTheProgramm">
- <section class="container pb-3">
- <div class="row">
- <div class="col text-center">
- <h2>Why This Programme?</h2>
- </div>
- </div>
- </section>
- <section class="container">
- <section class="border p-3 rounded">
- <div class="row">
- <div class="col text-center">
- <label>
- Please provide your reasons for wanting to join this programme.
- </label>
- <div class="form-group">
- <textarea class="form-control rounded-0" errorMessage="Write why you want to join this programme" id="whyMe" name="whyMe" rows="10" placeholder="Reason to join the programme"></textarea>
- </div>
- </div>
- </div>
- </section>
- </section>
- </section>
- </li>
- <li class="cd-h-timeline__event text-component">
- <!-- Information Source section -->
- <section id="informationSource">
- <!-- Title Section -->
- <section class="container pb-3">
- <div class="row">
- <div class="col text-center">
- <h2>Information Source</h2>
- </div>
- </div>
- </section>
- <!-- Checkboxes Section -->
- <section class="container">
- <section class="border p-3 rounded">
- <div class="row">
- <div class="col-12">
- <div class="form-group">
- <label>How did you hear about Saint Martin's Institute of Higher Education (please tick as applicable)</label>
- </div>
- <div class="form-check">
- <input class="form-check-input" type="checkbox" id="infoSourcePubAd" name="infoSourcePubAd" />
- <label class="form-check-label" for="adverts">
- Published adverts
- </label>
- <div class="container">
- <label class="radio-inline radioBtnMod">
- <input type="radio" class="radioTextMod" name="infoSourcePubAdRad" id="newspaper" />Newspaper
- </label>
- <label class="radio-inline radioBtnMod">
- <input type="radio" class="radioTextMod" name="infoSourcePubAdRad" id="radio" />Radio
- </label>
- <label class="radio-inline radioBtnMod">
- <input type="radio" class="radioTextMod" name="infoSourcePubAdRad" id="tv" />TV
- </label>
- </div>
- </div>
- <div class="form-check">
- <input class="form-check-input" type="checkbox" id="infoSourceInfoSemi" name="infoSourceInfoSemi" />
- <label class="form-check-label" for="infoSourceInfoSemi">
- Information Seminars
- </label>
- </div>
- <div class="form-check">
- <input class="form-check-input" type="checkbox" id="infoSourceSchoolVisi" name="infoSourceSchoolVisi" />
- <label class="form-check-label" for="infoSourceSchoolVisi">
- School Visits
- </label>
- </div>
- <div class="form-check">
- <input class="form-check-input" type="checkbox" id="infoSourceUoL" name="infoSourceUoL" />
- <label class="form-check-label" for="infoSourceUoL">
- Univeristy of London International Programmes website
- </label>
- </div>
- <div class="form-check">
- <input class="form-check-input" type="checkbox" id="infoSourceSM" name="infoSourceSM" />
- <label class="form-check-label" for="infoSourceSM">
- Social Media:
- </label>
- <div class="container">
- <label class="radio-inline radioBtnMod">
- <input type="radio" class="radioTextMod" name="infoSourceSmRad" id="facebook" />Facebook
- </label>
- <label class="radio-inline radioBtnMod">
- <input type="radio" class="radioTextMod" name="infoSourceSmRad" id="youtube" />Youtube
- </label>
- <label class="radio-inline radioBtnMod">
- <input type="radio" class="radioTextMod" name="infoSourceSmRad" id="twitter" />Twitter
- </label>
- <label class="radio-inline radioBtnMod">
- <input type="radio" class="radioTextMod" name="infoSourceSmRad" id="intagram" />Instagram
- </label>
- <label class="radio-inline radioBtnMod">
- <input type="radio" class="radioTextMod" name="infoSourceSmRad" id="linkedIn" />LinkedIn
- </label>
- <label class="radio-inline radioBtnMod">
- <input type="radio" class="radioTextMod" name="infoSourceSmRad" id="flickr" />Flickr
- </label>
- </div>
- </div>
- <div class="form-check">
- <input class="form-check-input" type="checkbox" id="infoSourceWs" name="infoSourceWs" />
- <label class="form-check-label" for="infoSourceWs">
- Web search (ex: via Google or Bing)
- </label>
- </div>
- <div class="form-check">
- <input class="form-check-input" type="checkbox" id="infoSourceWom" name="infoSourceWom" />
- <label class="form-check-label" for="infoSourceWom">
- Word of mouth (relatives or friends)
- </label>
- </div>
- <div class="form-check">
- <input class="form-check-input" type="checkbox" id="infoSourceOther" name="infoSourceOther" />
- <label class="form-check-label" for="infoSourceOther">
- Other (please porvide details):
- </label>
- <input type="text" class="form-control smallMarginTop" id="otherInformationText" name="otherInformationText" placeholder="Other" disabled />
- </div>
- </div>
- </div>
- </section>
- </section>
- </section>
- </li>
- <li class="cd-h-timeline__event text-component">
- <!--- summery section --->
- <section id="controlSummary">
- <section class="container pb-3">
- <div class="row">
- <div class="col text-center">
- <h2>Control Summary</h2>
- <button type="button" class="btn btn-success" data-toggle="tooltip" data-placement="right" title="Load Summary" onclick="LoadSummary()">Load Summary</button>
- </div>
- </div>
- </section>
- <!--- Personal Card --->
- <section class="container">
- <div class="row">
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Personal</h5>
- <div class="row">
- <div class="col-12 form-group" title="Name">
- <input type="text" class="form-control" id="sumName" name="sumName" disabled />
- </div>
- <div class="col-12 form-group" title="Date of birth">
- <input type="text" class="form-control" id="sumDateOfBirth" name="sumDateOfBirth" disabled />
- </div>
- <div class="col-12 form-group" title="Gender">
- <input type="text" class="form-control" id="sumGender" name="sumGender" disabled />
- </div>
- <div class="col-12 form-group" title="Address">
- <textarea class="form-control" id="sumAdress" name="sumAdress" rows="2" placeholder="address" disabled ></textarea>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--- Contact Card --->
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Contact</h5>
- <div class="row">
- <div class="col-12 form-group" title="Email">
- <input type="text" class="form-control" id="sumEmail" name="sumEmail" value="Email" disabled />
- </div>
- <div class="col-12 form-group" title="Mobile Phone Number">
- <input type="text" class="form-control" id="sumMobilePhone" name="sumMobilePhone" value="Mobile Phone" disabled />
- </div>
- <div class="col-12 form-group" title="Fixed Phone Number">
- <input type="text" class="form-control" id="sumFixedPhone" name="sumFixedPhone" value="Fixed Phone" disabled />
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--- Nationality Card --->
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Nationality</h5>
- <div class="row">
- <div class="col-12 form-group" title="Country of Birth">
- <input type="text" class="form-control" id="sumCountryOfBirth" name="sumCountryofBirth" value="Country of Birth" disabled />
- </div>
- <div class="col-12 form-group" title="Passport ID">
- <input type="text" class="form-control" id="sumPassportID" name="sumPassportID" value="Passport/ID Number" disabled />
- </div>
- <div class="col-12 form-group" title="Visa Expiry Date">
- <input type="text" class="form-control" id="sumVisaExpiry" name="sumVisaExpiry" value="Expiry" disabled />
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- Programme Card -->
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Programme</h5>
- <div class="row">
- <div class="col-12 form-group" title="Programme">
- <input type="text" class="form-control" id="sumProgramme" name="sumProgramme" value="Programme" disabled />
- </div>
- <div class="col-12 form-group" title="MQF-Level">
- <input type="text" class="form-control" id="sumMqfLevel" name="sumMqfLevel" value="Mqf-Level" disabled />
- </div>
- <div class="col-12 form-group" title="Mode of Study">
- <input type="text" class="form-control" id="sumModeofStudy" name="sumModeofStudy" value="Mode of Study" disabled />
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--- English Prof. Card --->
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Test of proficiency in English</h5>
- <div class="row">
- <div class="col-12 form-group" title="English test details">
- <textarea class="form-control rounded-0" id="sumEngTest" rows="5" disabled></textarea>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--- Secondary and Post Secondary Qualification Card --->
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Secondary and Post Secondary Qualification</h5>
- <div class="row">
- <div class="col-12 form-group">
- <table class="table table-striped">
- <thead>
- <tr>
- <th scope="col">Year</th>
- <th scope="col">Subject</th>
- <th scope="col">Level</th>
- <th scope="col">Grade</th>
- </tr>
- </thead>
- <tbody id="sumSecPostQuali">
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--- Higher/Other Qualification Card --->
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Higher/Other Qualification</h5>
- <div class="row">
- <div class="col-12 form-group">
- <table class="table table-striped">
- <thead>
- <tr>
- <th scope="col">Year</th>
- <th scope="col">Award Title</th>
- <th scope="col">Grade</th>
- </tr>
- </thead>
- <tbody id="sumHighOthQuali">
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--- Secondary Schools Card --->
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Secondary School</h5>
- <div class="row">
- <div class="col-12 form-group">
- <table class="table">
- <tbody id="sumSecSchool">
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--- Sixth Form Card --->
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Sixth Form</h5>
- <div class="row">
- <div class="col-12 form-group">
- <table class="table">
- <tbody id="sumSixFor">
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--- Work Experience Card --->
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Work Experience</h5>
- <div class="row">
- <div class="col-12 form-group">
- <table class="table table-striped">
- <thead>
- <tr>
- <th scope="col">Company</th>
- <th scope="col">From</th>
- <th scope="col">To</th>
- </tr>
- </thead>
- <tbody id="sumWorkEx">
- </tbody>
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--- Specific Requirements Card --->
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Specific Requirements</h5>
- <div class="row">
- <div class="col-12 form-group" title="Specific Requirements details">
- <textarea class="form-control rounded-0" id="sumSpecReq" rows="5" disabled></textarea>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--- Why me Card --->
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Why me</h5>
- <div class="row">
- <div class="col-12 form-group" title="Why want you to join this programme">
- <textarea class="form-control rounded-0" id="sumWhyMe" rows="8" disabled></textarea>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--- Matriculation Certificate --->
- <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
- <div class="card">
- <div class="card-body">
- <h5 class="card-title">Matriculation Certificate</h5>
- <div class="row">
- <div class="col-12 form-group" title="Matriculation Certificate Grade">
- <input type="text" class="form-control" id="sumMcGrade" name="sumMcGrade" value="Matriculation Certificate Grade" disabled />
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- </section>
- </li>
- <li class="cd-h-timeline__event text-component">
- <section id="payment">
- <section class="container pb-3">
- <div class="row">
- <div class="col text-center">
- <h2>Please Pay!</h2>
- </div>
- </div>
- </section>
- <section class="container">
- <section class="border p-3 rounded">
- </section>
- </section>
- </section>
- </li>
- <li class="cd-h-timeline__event text-component">
- <!--- thank you section --->
- <section id="thankYou">
- <section class="container pb-3">
- <div class="row">
- <div class="col text-center">
- <h2>Thank you!</h2>
- </div>
- </div>
- </section>
- <section class="container">
- <section class="border p-3 rounded">
- <div class="row">
- <div class="col text-center">
- <p>Thank you for your application for the Saint Martin's Institute of Higher Education. We will look into your application
- shortly and contact you if your application was successful or not.
- <br>Should you require further details or questions please do not hesitate to contact us.</p>
- <p><br><b>Tel:</b> +356 21235451
- <br><b>Fax:</b> +356 21239450
- <br><b>Email:</b> infodesk@stmartins.edu
- <br><b>Postal Address:</b> Saint Martin's Institute of Higher Education, Schembri Street, Hamrun, HMR 1541, Malta</p>
- </div>
- </div>
- </section>
- </section>
- </section>
- </li>
- </ol>
- </form>
- <!-- End Of Form -->
- </div>
- </section>
- <!-- Navigation Section -->
- <section class="container navArrows">
- <div class="row">
- <div class="col-12">
- <button class="btn btn-primary pull-left" id="prev"><i class="fa fa-arrow-left"></i></button>
- <button class="btn btn-primary pull-right" id="next"><i class="fa fa-arrow-right"></i></button>
- </div>
- </div>
- </section>
- <!-- JQUERY JS -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"
- integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
- crossorigin="anonymous"></script>
- <!-- POPPER JS -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"
- integrity="sha256-fTuUgtT7O2rqoImwjrhDgbXTKUwyxxujIMRIK7TbuNU="
- crossorigin="anonymous"></script>
- <!-- Bootstrap JS -->
- <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"
- integrity="sha256-CjSoeELFOcH0/uxWu6mC/Vlrc1AARqbm/jiiImDGV3s="
- crossorigin="anonymous"></script>
- <!-- Custom JS -->
- <script src="ASSETS/JS/util.js"></script> <!-- util functions included in the CodyHouse framework -->
- <script src="ASSETS/JS/swipe-content.js"></script> <!-- A Vanilla JavaScript plugin to detect touch interactions -->
- <script src="ASSETS/JS/main.js"></script>
- <script src="ASSETS/JS/custom.js" type="text/javascript"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement