Advertisement
Guest User

Untitled

a guest
Jun 27th, 2019
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.51 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.  
  5. <!-- Meta Data -->
  6. <title>SMI Application Form</title>
  7. <meta charset="utf-8" />
  8. <meta name="author" content="Jaquline Henze,Gregor Grote" />
  9. <meta name="description" content="Application for the SMI Courses" />
  10. <meta name="keywords" content="Application,SMI,Course,Computing,Diploma,Entrepreneurship,Finance,Management,Leadership,Information Systems,Creative Computing,System Engineering" />
  11. <meta name="robots" content="FOLLOW,INDEX" />
  12. <meta name="viewport" content="width=device-width, initial-scale=1" />
  13. <script>document.getElementsByTagName("html")[0].className += " js";</script>
  14. <link rel="stylesheet" href="ASSETS/CSS/style.css" />
  15.  
  16. <!-- Canonical Links -->
  17. <link rel="canonical" href="https://www.stmartins.edu/" />
  18. <link rel="shortcut icon" type="image/png" href="https://stmartins.edu/favicon.ico" />
  19.  
  20. <!-- Bootstrap CSS -->
  21. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css"
  22. integrity="sha256-YLGeXaapI0/5IgZopewRJcFXomhRMlYYjugPLSyNjTY="
  23. crossorigin="anonymous" />
  24.  
  25. <!-- Font Awesome CSS -->
  26. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
  27. integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0="
  28. crossorigin="anonymous" />
  29.  
  30. <!-- Custom CSS -->
  31.  
  32. <link rel="stylesheet" href="ASSETS/CSS/custom.css" type="text/css" />
  33.  
  34. </head>
  35. <body>
  36.  
  37. <!-- Logo Section -->
  38. <section class="container pb-3">
  39. <div class="row">
  40. <div class="col text-center">
  41. <img src="ASSETS/IMG/smilogo.png" class="img-responsive logoMod" alt="SMI Logo" />
  42. </div>
  43. </div>
  44. </section>
  45.  
  46. <!-- Form Navigation -->
  47. <section class="cd-h-timeline js-cd-h-timeline margin-bottom-md" id="applicationRoadmap">
  48. <div class="cd-h-timeline__container nav-container">
  49. <div class="cd-h-timeline__dates">
  50. <div class="cd-h-timeline__line">
  51. <ol>
  52. <li><a data-date="16/01/2014" class="cd-h-timeline__date cd-h-timeline__date--selected">Programme Selection</a></li>
  53. <li><a data-date="28/02/2014" class="cd-h-timeline__date">Personal Information</a></li>
  54. <li><a data-date="20/04/2014" class="cd-h-timeline__date">Qualifications</a></li>
  55. <li><a data-date="20/05/2014" class="cd-h-timeline__date">Other Qualifications</a></li>
  56. <li><a data-date="09/07/2014" class="cd-h-timeline__date">Work Experiences</a></li>
  57. <li><a data-date="30/08/2014" class="cd-h-timeline__date">Specific Requirements</a></li>
  58. <li><a data-date="15/09/2014" class="cd-h-timeline__date">Why This Programme?</a></li>
  59. <li><a data-date="01/11/2014" class="cd-h-timeline__date">Information Source</a></li>
  60. <li><a data-date="10/12/2014" class="cd-h-timeline__date">Summary</a></li>
  61. <li><a data-date="19/01/2015" class="cd-h-timeline__date">Payment</a></li>
  62. <li><a data-date="03/03/2015" class="cd-h-timeline__date">Thank You!</a></li>
  63. </ol>
  64.  
  65. <span class="cd-h-timeline__filling-line" aria-hidden="true"></span>
  66. </div> <!-- .cd-h-timeline__line -->
  67. </div> <!-- .cd-h-timeline__dates -->
  68.  
  69. <ul>
  70. <li><a class="text-replace cd-h-timeline__navigation cd-h-timeline__navigation--prev cd-h-timeline__navigation--inactive">Prev</a></li>
  71. <li><a class="text-replace cd-h-timeline__navigation cd-h-timeline__navigation--next">Next</a></li>
  72. </ul>
  73. </div> <!-- .cd-h-timeline__container -->
  74.  
  75. <div class="cd-h-timeline__events">
  76. <!-- Start Of Form -->
  77. <form>
  78. <ol>
  79. <li class="cd-h-timeline__event cd-h-timeline__event--selected text-component">
  80. <!-- Programme Application Section -->
  81. <section id="programme">
  82.  
  83. <!-- Title Section -->
  84. <section class="container pb-3">
  85. <div class="row">
  86. <div class="col text-center">
  87. <h2>Programme Selection</h2>
  88. </div>
  89. </div>
  90. </section>
  91.  
  92. <!-- Programme Selection Section -->
  93. <section class="container">
  94. <section class="border p-3 rounded">
  95. <div class="row">
  96. <div class="col pb-2">
  97. <h6>Programme</h6>
  98. </div>
  99. </div>
  100. <div class="row">
  101. <div class="col-lg-3 col-md-4 col-sm-12 form-group"> <!-- MQF Level Selector -->
  102. <div class="dropdown">
  103. <button class="btn btn-default border dropdown-toggle" errorMessage="Select a Level" type="button" data-toggle="dropdown" id="mqfLevelBtn" name="mqfLevel">
  104. MQF Level
  105. </button>
  106. <ul class="dropdown-menu" id="mqfLevel-drop">
  107. <a class="dropdown-item" >MQF-Level 5</a>
  108. <a class="dropdown-item" >MQF-Level 6</a>
  109. <a class="dropdown-item" >MQF-Level 7</a>
  110. </ul>
  111. </div>
  112. </div>
  113. <div class="col-lg-3 col-md-4 col-sm-12 form-group"> <!-- Course Selector -->
  114. <div class="dropdown">
  115. <button class="btn btn-default border dropdown-toggle" errorMessage="Select a Course" type="button" data-toggle="dropdown" id="courseBtn" name="course" disabled>
  116. Course
  117. </button>
  118. <ul class="dropdown-menu" id="course-drop" >
  119.  
  120. </ul>
  121. </div>
  122. </div>
  123. <div class="col-lg-3 col-md-4 col-sm-12 form-group"> <!-- Specialization Selector -->
  124. <div class="dropdown">
  125. <button class="btn btn-default border dropdown-toggle" errorMessage="Select an Option" type="button" data-toggle="dropdown" id="optionsBtn" name="options" disabled>
  126. Options
  127. </button>
  128. <ul class="dropdown-menu" id="options-drop" >
  129.  
  130. </ul>
  131. </div>
  132. </div>
  133. <div class="col-lg-3 col-md-4 col-sm-12">
  134. <div class="input-group">
  135. <input class="form-control border rounded mr-1" type="text" placeholder="Search" aria-label="Search" />
  136. <button type="button" class="btn border">
  137. <i class="fa fa-search" aria-hidden="true"></i>
  138. </button>
  139. </div>
  140. </div>
  141. </div>
  142. </section>
  143.  
  144. <section class="border p-3 mt-3 rounded">
  145. <div class="row">
  146. <div class="col pb-2">
  147. <h6>Mode of Study</h6>
  148. </div>
  149. </div>
  150. <div class="row">
  151. <div class="col-sm-12 col-md-8 col-lg-6">
  152. <div class="card card-body">
  153.  
  154. <div class="row">
  155. <div class="col-lg-6 col-md-12 col-sm-12">
  156. <div class="form-check">
  157. <input class="form-check-input" type="radio" name="modeOfStudy" id="dayStudent" value="dayStudent" checked />
  158. <label class="form-check-label" for="dayStudent">
  159. Day Student
  160. </label>
  161. </div>
  162. </div>
  163. <div class="col-lg-6 col-md-12 col-sm-12">
  164. <div class="form-check">
  165. <input class="form-check-input" type="radio" name="modeOfStudy" id="eveningStudent" value="eveningStudent" />
  166. <label class="form-check-label" for="eveningStudent">
  167. Evening Student
  168. </label>
  169. </div>
  170. </div>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. </section>
  176. </section>
  177.  
  178. </section>
  179. </li>
  180.  
  181. <li class="cd-h-timeline__event text-component">
  182. <!-- Personal Info Sections -->
  183. <section id="personalInfo">
  184. <section class="container pb-3">
  185. <div class="row">
  186. <div class="col text-center">
  187. <h2>Personal Information</h2>
  188. </div>
  189. </div>
  190. </section>
  191.  
  192. <section class="container">
  193. <section class="border p-3 rounded">
  194. <div class="row">
  195. <div class="col-12 pb-2">
  196. <h6>Personal Details</h6>
  197. </div>
  198. <div class="col-lg-1 col-md-2 col-sm-4 col-4 form-group">
  199. <div class="dropdown">
  200. <button class="btn btn-default border dropdown-toggle" errorMessage="Select a Title" type="button" data-toggle="dropdown" id="titleDropButton">
  201. Title
  202. <span class="border"></span>
  203. <span class="caret"></span>
  204. </button>
  205. <ul class="dropdown-menu" id="title-drop">
  206. <a class="dropdown-item" >Mr</a>
  207. <a class="dropdown-item" >Mrs</a>
  208. <a class="dropdown-item" >Ms</a>
  209. <a class="dropdown-item" >Other</a>
  210. </ul>
  211. </div>
  212. </div>
  213. <div class="col-lg-2 col-md-10 col-sm-8 col-8 form-group">
  214. <input type="text" errorMessage="Write an other title" class="form-control" id="otherTitle" disabled name="otherTitle" placeholder="Other Title" />
  215. </div>
  216.  
  217. <div class="col-lg-5 col-md-6 col-sm-12 form-group">
  218. <input type="text" errorMessage="Write your first name" class="form-control" id="firstName" name="firstName" placeholder="Name" />
  219. </div>
  220. <div class="col-lg-4 col-md-6 col-sm-12 form-group">
  221. <input type="text" errorMessage="Write your last name" class="form-control" id="lastName" name="lastName" placeholder="Surname" />
  222. </div>
  223.  
  224. <div class="col-lg-2 col-md-2 col-sm-4 form-group">
  225. <div class="dropdown">
  226. <button class="btn btn-default border dropdown-toggle" errorMessage="Select a Gender" type="button" data-toggle="dropdown" id="genderDropButton">
  227. Gender
  228. <span class="border"></span>
  229. <span class="caret"></span>
  230. </button>
  231. <ul class="dropdown-menu" id="gender-drop">
  232. <a class="dropdown-item">Male</a>
  233. <a class="dropdown-item">Female</a>
  234. <a class="dropdown-item">Other</a>
  235. <a class="dropdown-item">No selection</a>
  236. </ul>
  237. </div>
  238. </div>
  239. <div class="col-lg-6 col-md-4 col-sm-8 form-group">
  240. <input type="text" errorMessage="Write an other gender" class="form-control" id="otherGender" name="otherGender" placeholder="Other Gender" disabled />
  241. </div>
  242. <div class="col-lg-4 col-md-6 col-sm-12 form-group">
  243. <input type="date" errorMessage="Select your date of birth" class="form-control" id="dateOfBirth" name="dateOfBirth" placeholder="Date of Birth" />
  244. </div>
  245. </div>
  246. <div class="row">
  247. <div class="col-12 pb-2 pt-3">
  248. <h6>Address</h6>
  249. </div>
  250. <div class="col-12 form-group">
  251. <input type="text" errorMessage="Write your street" class="form-control" id="street" name="street" placeholder="Street" />
  252. </div>
  253. <div class="col-lg-6 col-md-8 col-sm-12 form-group">
  254. <input type="text" errorMessage="Write your town" class="form-control" id="town" name="town" placeholder="Town" />
  255. </div>
  256. <div class="col-lg-3 col-md-4 col-sm-12 form-group">
  257. <input type="text" errorMessage="Write your post code" class="form-control" id="postCode" name="postCode" placeholder="Post Code" />
  258. </div>
  259. <div class="col-lg-3 col-md-12 col-sm-12 form-group">
  260. <input type="text" errorMessage="Write your country" class="form-control" id="country" name="country" placeholder="Country" />
  261. </div>
  262. </div>
  263. <div class="row">
  264. <div class="col-12 pb-2 pt-3">
  265. <h6>Contact</h6>
  266. </div>
  267.  
  268. <div class="col-12 form-group">
  269. <input type="email" errorMessage="Write your email" class="form-control" id="email" name="email" placeholder="E-mail" />
  270. </div>
  271. <div class="col-lg-6 col-md-6 col-md-12 form-group">
  272. <input type="tel" errorMessage="Write your mobile phone number" class="form-control" id="mobilePhone" name="mobilePhone" placeholder="Mobile Phone" />
  273. </div>
  274. <div class="col-lg-6 col-md-6 col-md-12 form-group">
  275. <input type="tel" errorMessage="Write your fixed phone number" class="form-control" id="fixedPhone" name="fixedPhone" placeholder="Fixed Phone" />
  276. </div>
  277. </div>
  278. </section>
  279.  
  280. <section class="border p-3 mt-3 rounded">
  281. <div class="row">
  282. <div class="col-12">
  283. <h6>Nationality</h6>
  284. </div>
  285.  
  286. <div class="col-lg-6 col-md-6 col-md-12 form-group">
  287. <input type="text" errorMessage="Write your birth country" class="form-control" id="birthCountry" name="birthCountry" placeholder="Birth Country" />
  288. </div>
  289. <div class="col-lg-6 col-md-6 col-md-12 form-group">
  290. <input type="text" errorMessage="Write your passport or ID number" class="form-control" id="passportID" name="passportID" placeholder="Passport ID" />
  291. </div>
  292. <div class="col-lg-2 col-md-6 col-sm-6 form-group">
  293. <div class="form-check">
  294. <input class="form-check-input" type="checkbox" id="hasVisa" />
  295. <label class="form-check-label" for="hasVisa">Require Visa?</label>
  296. </div>
  297. </div>
  298. <div class="col-lg-4 col-md-6 col-sm-6 form-group">
  299. <input type="date" errorMessage="Select the expiry date" class="form-control" id="expiryDate" disabled name="expirtyDate" placeholder="Expiry" />
  300. </div>
  301. </div>
  302.  
  303. <div class="row">
  304. <div class="col-lg-6 col-md-6 col-sm-12 form-group pt-3">
  305. <h6>Passport or ID Upload</h6>
  306. <div class="custom-file">
  307. <input type="file" errorMessage="Upload your passport or ID" class="custom-file-input" id="passportOrID" name="passportOrID" />
  308. <label class="custom-file-label" for="passportOrID">Choose file</label>
  309. </div>
  310. </div>
  311.  
  312. <div class="col-lg-6 col-md-6 col-sm-12 form-group pt-3">
  313. <h6>Passport Photos</h6>
  314. <div class="custom-file">
  315. <input type="file" errorMessage="Upload your passport photo" class="custom-file-input" id="passportPhoto" name="passportPhoto" />
  316. <label class="custom-file-label" for="passportPhoto">Choose file</label>
  317. </div>
  318. </div>
  319. </div>
  320. </section>
  321. </section>
  322. </section>
  323. </li>
  324.  
  325. <li class="cd-h-timeline__event text-component">
  326. <!-- Qualification section -->
  327. <section id="qualification">
  328.  
  329. <!-- Title section -->
  330. <section class="container pb-3">
  331. <div class="row">
  332. <div class="col text-center">
  333. <h2>Qualifications</h2>
  334. </div>
  335. </div>
  336. </section>
  337.  
  338. <!-- english proficiency section -->
  339. <section class="container" id="engProfSec">
  340. <section class="border p-3 mt-3 rounded">
  341. <div class="row">
  342. <div class="col-12">
  343. <h6>English Proficiency</h6>
  344. </div>
  345. <div class="col-12">
  346. <div class="form-group">
  347. <label>
  348. Have you passed, at an appropriate level, a test of proficiency in English language in the last three years that is
  349. acceptable to Saint Martin's Institute of Higher Education and University of London?
  350. </label>
  351. <div class="form-check">
  352. <input class="form-check-input" type="radio" name="hasEnPr" id="hasEnPr" checked />
  353. <label class="form-check-label" for="hasEnPr">
  354. Yes
  355. </label>
  356. </div>
  357. <div class="form-check">
  358. <input class="form-check-input" type="radio" name="hasEnPr" id="hasNoEnPr" />
  359. <label class="form-check-label" for="hasnoEnPr">
  360. No
  361. </label>
  362. </div>
  363. </div>
  364. <label>
  365. Please provide details if you ticked 'yes' and summit the relevant supporting documentation:
  366. </label>
  367. <div class="form-group">
  368. <textarea class="form-control rounded-0" errorMessage="Provide details" id="provideDetailsEnPr" name="provideDetailsEnPr" rows="3" placeholder="Provide details"></textarea>
  369. </div>
  370. </div>
  371. <div class="col-lg-4 col-md-8 col-sm-12">
  372. <div class="custom-file frmPadding">
  373. <input type="file" errorMessage="Upload your document" class="custom-file-input" id="enPrFile" name="enPrFile" />
  374. <label class="custom-file-label" for="enPrFile">Choose file</label>
  375. </div>
  376. </div>
  377. </div>
  378. </section>
  379.  
  380. <!-- Secondary School Section -->
  381. <section class="border p-3 mt-3 rounded">
  382. <div class="row">
  383. <div class="col-12">
  384. <h6>Secondary School(s)</h6>
  385. </div>
  386.  
  387. <div class="col-lg-1 col-md-12 col-sm-12" id="secSchoolButtons">
  388. <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>
  389. </div>
  390. </div>
  391. </section>
  392.  
  393. <!-- Sixth Form Section -->
  394. <section class="border p-3 mt-3 rounded">
  395. <div class="row">
  396. <div class="col-12">
  397. <h6>Sixth Form(s)</h6>
  398. </div>
  399.  
  400. <div class="col-lg-1 col-md-12 col-sm-12" id="sixForButtons">
  401. <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>
  402. </div>
  403. </div>
  404. </section>
  405.  
  406. <!-- Secondary and Post Secondary Qualifications Section -->
  407. <section class="border p-3 mt-3 rounded">
  408.  
  409. <!-- Title Section -->
  410. <section>
  411. <div class="row">
  412. <div class="col">
  413. <h6>Secondary and Post Secondary Qualifications</h6>
  414. <label>
  415. Please list your best qualifications. Ordinary level passed at Grades 1-5 if SEC and Grades A-C if GCE/GCSE are accepted.
  416. Advanced level passes at Grades 1-5 if SEC and Grades A-C if GCE/GCSE are accepted. An awarded Matriculation Certificate is an
  417. acceptable qualification to enter the degree programmes.
  418. </label>
  419. </div>
  420. </div>
  421. </section>
  422.  
  423. <!-- Secondary and Post Secondary Qualifications Cards -->
  424. <section>
  425. <div class="row">
  426. <div id="spsCard0" class="col-sm-12 col-md-6 col-lg-4 form-group">
  427. <div class="card">
  428. <div class="card-body">
  429. <div class="row">
  430. <div class="col-12 form-group">
  431. <div class="btn btn-secondary rounded-circle btn-sm pull-right exitButtonMod" id="btnRemoveSpsCard0" disabled ><i class="fa fa-times"></i></div>
  432. </div>
  433. <div class="col-12 form-group">
  434. <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" />
  435. </div>
  436. <div class="col-12 form-group">
  437. <input type="text" errorMessage="Write an examining body" class="form-control" id="spsCardExBody0" name="spsCardExBody0" placeholder="Examining Body" />
  438. </div>
  439. <div class="col-12 form-group">
  440. <input type="text" class="form-control" id="spsCardSub0" name="spsCardSub0" value="Mathematics [compulsory]" disabled />
  441. </div>
  442. <div class="col-4 form-group">
  443. <div class="dropdown">
  444. <button class="btn btn-default border dropdown-toggle" errorMessage="Select a Level" type="button" data-toggle="dropdown" id="spsCardLvlBtn0" name="spsCardLvlBtn0">
  445. Level
  446. <span class="border"></span>
  447. <span class="caret"></span>
  448. </button>
  449. <ul class="dropdown-menu" id="spsCardLvlDrop0">
  450. <a class="dropdown-item" >O-Level</a>
  451. <a class="dropdown-item" >A-Level</a>
  452. <a class="dropdown-item" >I-Level</a>
  453. </ul>
  454. </div>
  455. </div>
  456. <div class="col-8">
  457. <input type="text" errorMessage="Write a grade" class="form-control" maxlength="1" onkeypress="return isCharGrade(event)" id="spsCardGra0" name="spsCardGra0" placeholder="Grade" />
  458. </div>
  459. <div class="col-12">
  460. <div class="custom-file">
  461. <input type="file" errorMessage="Upload your Certificate" class="custom-file-input" id="spsCardCert0" name="spsCardCert0" />
  462. <label class="custom-file-label" id="spsCardCertLbl0" for="spsCardCert0">Certificate</label>
  463. </div>
  464. </div>
  465. </div>
  466. </div>
  467. </div>
  468. </div>
  469.  
  470. <div id="spsCard1" class="col-sm-12 col-md-6 col-lg-4 form-group">
  471. <div class="card">
  472. <div class="card-body">
  473. <div class="row">
  474. <div class="col-12 form-group">
  475. <div class="btn btn-secondary rounded-circle btn-sm pull-right exitButtonMod" id="btnRemoveSpsCard0" disabled ><i class="fa fa-times"></i></div>
  476. </div>
  477. <div class="col-12 form-group">
  478. <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" />
  479. </div>
  480. <div class="col-12 form-group">
  481. <input type="text" errorMessage="Write an examining body" class="form-control" id="spsCardExBody1" name="spsCardExBody1" placeholder="Examining Body" />
  482. </div>
  483. <div class="col-12 form-group">
  484. <input type="text" class="form-control" id="spsCardSub1" name="spsCardSub1" value="English [compulsory]" disabled/>
  485. </div>
  486. <div class="col-4 form-group">
  487. <div class="dropdown">
  488. <button class="btn btn-default border dropdown-toggle" errorMessage="Select a Level" type="button" data-toggle="dropdown" id="spsCardLvlBtn1" name="spsCardLvlBtn1">
  489. Level
  490. <span class="border"></span>
  491. <span class="caret"></span>
  492. </button>
  493. <ul class="dropdown-menu" id="spsCardLvlDrop1">
  494. <a class="dropdown-item" >O-Level</a>
  495. <a class="dropdown-item" >A-Level</a>
  496. <a class="dropdown-item" >I-Level</a>
  497. </ul>
  498. </div>
  499. </div>
  500. <div class="col-8">
  501. <input type="text" errorMessage="Write a grade" class="form-control" maxlength="1" onkeypress="return isCharGrade(event)" id="spsCardGra1" name="spsCardGra1" placeholder="Grade" />
  502. </div>
  503. <div class="col-12">
  504. <div class="custom-file">
  505. <input type="file" errorMessage="Upload your certificate" class="custom-file-input" id="spsCardCert1" name="spsCardCert1" />
  506. <label class="custom-file-label" id="spsCardCertLbl1" for="spsCardCert1">Certificate</label>
  507. </div>
  508. </div>
  509. </div>
  510. </div>
  511. </div>
  512. </div>
  513.  
  514. <div class="col-lg-4 col-md-6 col-sm-12 text-center nextButtonPadding" id="spsCardButtons" >
  515. <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>
  516. <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>
  517. </div>
  518. </div>
  519. </section>
  520.  
  521.  
  522. <!-- Matriculation Certificates Section -->
  523. <div class ="row">
  524. <div class="col-lg-3 col-md-6 col-sm-6 form-group">
  525. <div class="form-check">
  526. <input class="form-check-input" type="checkbox" id="mcCk" name="mcCk" />
  527. <label class="form-check-label" for="mcCk">
  528. Tick if Matriculation Certificate has been AWARDED and the grade achieved
  529. </label>
  530. </div>
  531. </div>
  532. <div class="col-lg-2 col-md-4 col-sm-6 form-group">
  533. <div class="form-group">
  534. <input type="number" errorMessage="Write a grade" min="40" max="100" class="form-control" id="mcGrade" name="mcGrade" placeholder="Grade" disabled />
  535. </div>
  536. </div>
  537. <div class="col-lg-4 col-md-10 col-sm-12">
  538. <div class="custom-file">
  539. <input type="file" errorMessage="Upload your document" class="custom-file-input" id="fileMC" disabled />
  540. <label class="custom-file-label" for="fileMC">Choose file</label>
  541. </div>
  542. </div>
  543. </div>
  544. </section>
  545.  
  546.  
  547. </section>
  548. </li>
  549.  
  550. <li class="cd-h-timeline__event text-component">
  551. <!--- high/other qualification section --->
  552. <section id="higherOtherQuali">
  553.  
  554. <!-- Title Section -->
  555. <section class="container pb-3">
  556. <div class="row">
  557. <div class="col text-center">
  558. <h2>Higher/Other Qualifications</h2>
  559. </div>
  560. </div>
  561. </section>
  562.  
  563. <!--- high/other qualifications Cards --->
  564. <section class="container">
  565. <section class="border p-3 rounded">
  566. <div class="row">
  567.  
  568.  
  569. <div class="col-lg-4 col-md-6 col-sm-12 text-center nextButtonPadding" id="hoqCardButtons" >
  570. <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>
  571. <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>
  572. </div>
  573. </div>
  574. </section>
  575. </section>
  576.  
  577. </section>
  578. </li>
  579.  
  580. <li class="cd-h-timeline__event text-component">
  581. <!-- Work Experience Section -->
  582. <section id="workEx">
  583.  
  584. <!-- Title Section -->
  585. <section class="container pb-3 ">
  586. <div class="row justify-content-center">
  587. <div class="col text-center">
  588. <h2>Work Experiences</h2>
  589. </div>
  590. </div>
  591. </section>
  592.  
  593. <!-- Card Layout Section -->
  594. <section class="container">
  595. <section class="border p-3 rounded">
  596. <div class="row">
  597. <div class="col-lg-4 col-md-6 col-sm-12 text-center nextButtonPadding" id="workExButtons" >
  598. <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>
  599. <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>
  600. </div>
  601. </div>
  602. </section>
  603. </section>
  604. </section>
  605. </li>
  606.  
  607. <li class="cd-h-timeline__event text-component">
  608. <!-- Specific requirements section -->
  609. <section id="specificRequirements">
  610.  
  611. <!-- Title Section -->
  612. <section class="container pb-3">
  613. <div class="row">
  614. <div class="col text-center">
  615. <h2>Specific Requirements</h2>
  616. </div>
  617. </div>
  618. </section>
  619.  
  620. <!-- Text Section -->
  621. <section class="container">
  622. <section class="border p-3 mt-3 rounded">
  623. <div class="row">
  624. <div class="col-12">
  625. <div class="form-group">
  626. <label>Saint Martin's Institute of Higher Education is comitted to offering quality tertiary education to all students. We welcome
  627. application forms from prospective students with specific requirements and will make every reasonable effort to make sure your
  628. experience of studying with us is rewarding. Do you have a conditional which may require special lecture or examination arrangements?</label>
  629. <div class="form-check">
  630. <input class="form-check-input" type="checkbox" id="yesRequirements" />
  631. <label class="form-check-label" for="yesRequirements">
  632. Yes
  633. </label>
  634. </div>
  635. <label>
  636. Please provide details if you ticked 'yes' and summit the relevant supporting documentation:
  637. </label>
  638. </div>
  639. <div class="form-group">
  640. <textarea class="form-control rounded-0" errorMessage="Provide details" id="provideDetailsSR" name="provideDetailsSR" rows="3" placeholder="Provide details" disabled></textarea>
  641. </div>
  642. </div>
  643.  
  644. <div class="col-lg-1 col-md-1 col-sm-4" id="srButtons">
  645. <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>
  646. </div>
  647. </div>
  648. </section>
  649. </section>
  650. </section>
  651. </li>
  652.  
  653. <li class="cd-h-timeline__event text-component">
  654. <!-- reason To Join The Programm section -->
  655. <section id="reasonToJoinTheProgramm">
  656. <section class="container pb-3">
  657. <div class="row">
  658. <div class="col text-center">
  659. <h2>Why This Programme?</h2>
  660. </div>
  661. </div>
  662. </section>
  663.  
  664. <section class="container">
  665. <section class="border p-3 rounded">
  666. <div class="row">
  667. <div class="col text-center">
  668. <label>
  669. Please provide your reasons for wanting to join this programme.
  670. </label>
  671. <div class="form-group">
  672. <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>
  673. </div>
  674. </div>
  675. </div>
  676. </section>
  677. </section>
  678. </section>
  679. </li>
  680.  
  681. <li class="cd-h-timeline__event text-component">
  682. <!-- Information Source section -->
  683. <section id="informationSource">
  684.  
  685. <!-- Title Section -->
  686. <section class="container pb-3">
  687. <div class="row">
  688. <div class="col text-center">
  689. <h2>Information Source</h2>
  690. </div>
  691. </div>
  692. </section>
  693.  
  694. <!-- Checkboxes Section -->
  695. <section class="container">
  696. <section class="border p-3 rounded">
  697. <div class="row">
  698. <div class="col-12">
  699. <div class="form-group">
  700. <label>How did you hear about Saint Martin's Institute of Higher Education (please tick as applicable)</label>
  701. </div>
  702.  
  703. <div class="form-check">
  704. <input class="form-check-input" type="checkbox" id="infoSourcePubAd" name="infoSourcePubAd" />
  705. <label class="form-check-label" for="adverts">
  706. Published adverts
  707. </label>
  708. <div class="container">
  709. <label class="radio-inline radioBtnMod">
  710. <input type="radio" class="radioTextMod" name="infoSourcePubAdRad" id="newspaper" />Newspaper
  711. </label>
  712. <label class="radio-inline radioBtnMod">
  713. <input type="radio" class="radioTextMod" name="infoSourcePubAdRad" id="radio" />Radio
  714. </label>
  715. <label class="radio-inline radioBtnMod">
  716. <input type="radio" class="radioTextMod" name="infoSourcePubAdRad" id="tv" />TV
  717. </label>
  718. </div>
  719. </div>
  720. <div class="form-check">
  721. <input class="form-check-input" type="checkbox" id="infoSourceInfoSemi" name="infoSourceInfoSemi" />
  722. <label class="form-check-label" for="infoSourceInfoSemi">
  723. Information Seminars
  724. </label>
  725. </div>
  726. <div class="form-check">
  727. <input class="form-check-input" type="checkbox" id="infoSourceSchoolVisi" name="infoSourceSchoolVisi" />
  728. <label class="form-check-label" for="infoSourceSchoolVisi">
  729. School Visits
  730. </label>
  731. </div>
  732. <div class="form-check">
  733. <input class="form-check-input" type="checkbox" id="infoSourceUoL" name="infoSourceUoL" />
  734. <label class="form-check-label" for="infoSourceUoL">
  735. Univeristy of London International Programmes website
  736. </label>
  737. </div>
  738. <div class="form-check">
  739. <input class="form-check-input" type="checkbox" id="infoSourceSM" name="infoSourceSM" />
  740. <label class="form-check-label" for="infoSourceSM">
  741. Social Media:
  742. </label>
  743. <div class="container">
  744. <label class="radio-inline radioBtnMod">
  745. <input type="radio" class="radioTextMod" name="infoSourceSmRad" id="facebook" />Facebook
  746. </label>
  747. <label class="radio-inline radioBtnMod">
  748. <input type="radio" class="radioTextMod" name="infoSourceSmRad" id="youtube" />Youtube
  749. </label>
  750. <label class="radio-inline radioBtnMod">
  751. <input type="radio" class="radioTextMod" name="infoSourceSmRad" id="twitter" />Twitter
  752. </label>
  753. <label class="radio-inline radioBtnMod">
  754. <input type="radio" class="radioTextMod" name="infoSourceSmRad" id="intagram" />Instagram
  755. </label>
  756. <label class="radio-inline radioBtnMod">
  757. <input type="radio" class="radioTextMod" name="infoSourceSmRad" id="linkedIn" />LinkedIn
  758. </label>
  759. <label class="radio-inline radioBtnMod">
  760. <input type="radio" class="radioTextMod" name="infoSourceSmRad" id="flickr" />Flickr
  761. </label>
  762. </div>
  763. </div>
  764. <div class="form-check">
  765. <input class="form-check-input" type="checkbox" id="infoSourceWs" name="infoSourceWs" />
  766. <label class="form-check-label" for="infoSourceWs">
  767. Web search (ex: via Google or Bing)
  768. </label>
  769. </div>
  770. <div class="form-check">
  771. <input class="form-check-input" type="checkbox" id="infoSourceWom" name="infoSourceWom" />
  772. <label class="form-check-label" for="infoSourceWom">
  773. Word of mouth (relatives or friends)
  774. </label>
  775. </div>
  776. <div class="form-check">
  777. <input class="form-check-input" type="checkbox" id="infoSourceOther" name="infoSourceOther" />
  778. <label class="form-check-label" for="infoSourceOther">
  779. Other (please porvide details):
  780. </label>
  781. <input type="text" class="form-control smallMarginTop" id="otherInformationText" name="otherInformationText" placeholder="Other" disabled />
  782. </div>
  783.  
  784. </div>
  785. </div>
  786. </section>
  787. </section>
  788. </section>
  789. </li>
  790.  
  791. <li class="cd-h-timeline__event text-component">
  792. <!--- summery section --->
  793. <section id="controlSummary">
  794. <section class="container pb-3">
  795. <div class="row">
  796. <div class="col text-center">
  797. <h2>Control Summary</h2>
  798. <button type="button" class="btn btn-success" data-toggle="tooltip" data-placement="right" title="Load Summary" onclick="LoadSummary()">Load Summary</button>
  799. </div>
  800. </div>
  801. </section>
  802.  
  803. <!--- Personal Card --->
  804. <section class="container">
  805. <div class="row">
  806. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  807. <div class="card">
  808. <div class="card-body">
  809. <h5 class="card-title">Personal</h5>
  810. <div class="row">
  811. <div class="col-12 form-group" title="Name">
  812. <input type="text" class="form-control" id="sumName" name="sumName" disabled />
  813. </div>
  814. <div class="col-12 form-group" title="Date of birth">
  815. <input type="text" class="form-control" id="sumDateOfBirth" name="sumDateOfBirth" disabled />
  816. </div>
  817. <div class="col-12 form-group" title="Gender">
  818. <input type="text" class="form-control" id="sumGender" name="sumGender" disabled />
  819. </div>
  820. <div class="col-12 form-group" title="Address">
  821. <textarea class="form-control" id="sumAdress" name="sumAdress" rows="2" placeholder="address" disabled ></textarea>
  822. </div>
  823. </div>
  824. </div>
  825. </div>
  826. </div>
  827.  
  828. <!--- Contact Card --->
  829. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  830. <div class="card">
  831. <div class="card-body">
  832. <h5 class="card-title">Contact</h5>
  833. <div class="row">
  834. <div class="col-12 form-group" title="Email">
  835. <input type="text" class="form-control" id="sumEmail" name="sumEmail" value="Email" disabled />
  836. </div>
  837. <div class="col-12 form-group" title="Mobile Phone Number">
  838. <input type="text" class="form-control" id="sumMobilePhone" name="sumMobilePhone" value="Mobile Phone" disabled />
  839. </div>
  840. <div class="col-12 form-group" title="Fixed Phone Number">
  841. <input type="text" class="form-control" id="sumFixedPhone" name="sumFixedPhone" value="Fixed Phone" disabled />
  842. </div>
  843. </div>
  844. </div>
  845. </div>
  846. </div>
  847.  
  848. <!--- Nationality Card --->
  849. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  850. <div class="card">
  851. <div class="card-body">
  852. <h5 class="card-title">Nationality</h5>
  853. <div class="row">
  854. <div class="col-12 form-group" title="Country of Birth">
  855. <input type="text" class="form-control" id="sumCountryOfBirth" name="sumCountryofBirth" value="Country of Birth" disabled />
  856. </div>
  857. <div class="col-12 form-group" title="Passport ID">
  858. <input type="text" class="form-control" id="sumPassportID" name="sumPassportID" value="Passport/ID Number" disabled />
  859. </div>
  860. <div class="col-12 form-group" title="Visa Expiry Date">
  861. <input type="text" class="form-control" id="sumVisaExpiry" name="sumVisaExpiry" value="Expiry" disabled />
  862. </div>
  863. </div>
  864. </div>
  865. </div>
  866. </div>
  867.  
  868.  
  869. <!-- Programme Card -->
  870. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  871. <div class="card">
  872. <div class="card-body">
  873. <h5 class="card-title">Programme</h5>
  874. <div class="row">
  875. <div class="col-12 form-group" title="Programme">
  876. <input type="text" class="form-control" id="sumProgramme" name="sumProgramme" value="Programme" disabled />
  877. </div>
  878. <div class="col-12 form-group" title="MQF-Level">
  879. <input type="text" class="form-control" id="sumMqfLevel" name="sumMqfLevel" value="Mqf-Level" disabled />
  880. </div>
  881. <div class="col-12 form-group" title="Mode of Study">
  882. <input type="text" class="form-control" id="sumModeofStudy" name="sumModeofStudy" value="Mode of Study" disabled />
  883. </div>
  884. </div>
  885. </div>
  886. </div>
  887. </div>
  888.  
  889. <!--- English Prof. Card --->
  890. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  891. <div class="card">
  892. <div class="card-body">
  893. <h5 class="card-title">Test of proficiency in English</h5>
  894. <div class="row">
  895. <div class="col-12 form-group" title="English test details">
  896. <textarea class="form-control rounded-0" id="sumEngTest" rows="5" disabled></textarea>
  897. </div>
  898. </div>
  899. </div>
  900. </div>
  901. </div>
  902.  
  903. <!--- Secondary and Post Secondary Qualification Card --->
  904. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  905. <div class="card">
  906. <div class="card-body">
  907. <h5 class="card-title">Secondary and Post Secondary Qualification</h5>
  908. <div class="row">
  909. <div class="col-12 form-group">
  910. <table class="table table-striped">
  911. <thead>
  912. <tr>
  913. <th scope="col">Year</th>
  914. <th scope="col">Subject</th>
  915. <th scope="col">Level</th>
  916. <th scope="col">Grade</th>
  917. </tr>
  918. </thead>
  919. <tbody id="sumSecPostQuali">
  920. </tbody>
  921. </table>
  922. </div>
  923. </div>
  924. </div>
  925. </div>
  926. </div>
  927.  
  928. <!--- Higher/Other Qualification Card --->
  929. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  930. <div class="card">
  931. <div class="card-body">
  932. <h5 class="card-title">Higher/Other Qualification</h5>
  933. <div class="row">
  934. <div class="col-12 form-group">
  935. <table class="table table-striped">
  936. <thead>
  937. <tr>
  938. <th scope="col">Year</th>
  939. <th scope="col">Award Title</th>
  940. <th scope="col">Grade</th>
  941. </tr>
  942. </thead>
  943. <tbody id="sumHighOthQuali">
  944. </tbody>
  945. </table>
  946. </div>
  947. </div>
  948. </div>
  949. </div>
  950. </div>
  951.  
  952. <!--- Secondary Schools Card --->
  953. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  954. <div class="card">
  955. <div class="card-body">
  956. <h5 class="card-title">Secondary School</h5>
  957. <div class="row">
  958. <div class="col-12 form-group">
  959. <table class="table">
  960. <tbody id="sumSecSchool">
  961. </tbody>
  962. </table>
  963. </div>
  964. </div>
  965. </div>
  966. </div>
  967. </div>
  968.  
  969.  
  970. <!--- Sixth Form Card --->
  971. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  972. <div class="card">
  973. <div class="card-body">
  974. <h5 class="card-title">Sixth Form</h5>
  975. <div class="row">
  976. <div class="col-12 form-group">
  977. <table class="table">
  978. <tbody id="sumSixFor">
  979. </tbody>
  980. </table>
  981. </div>
  982. </div>
  983. </div>
  984. </div>
  985. </div>
  986.  
  987. <!--- Work Experience Card --->
  988. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  989. <div class="card">
  990. <div class="card-body">
  991. <h5 class="card-title">Work Experience</h5>
  992. <div class="row">
  993. <div class="col-12 form-group">
  994. <table class="table table-striped">
  995. <thead>
  996. <tr>
  997. <th scope="col">Company</th>
  998. <th scope="col">From</th>
  999. <th scope="col">To</th>
  1000. </tr>
  1001. </thead>
  1002. <tbody id="sumWorkEx">
  1003. </tbody>
  1004. </table>
  1005. </div>
  1006. </div>
  1007. </div>
  1008. </div>
  1009. </div>
  1010.  
  1011. <!--- Specific Requirements Card --->
  1012. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  1013. <div class="card">
  1014. <div class="card-body">
  1015. <h5 class="card-title">Specific Requirements</h5>
  1016. <div class="row">
  1017. <div class="col-12 form-group" title="Specific Requirements details">
  1018. <textarea class="form-control rounded-0" id="sumSpecReq" rows="5" disabled></textarea>
  1019. </div>
  1020. </div>
  1021. </div>
  1022. </div>
  1023. </div>
  1024.  
  1025. <!--- Why me Card --->
  1026. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  1027. <div class="card">
  1028. <div class="card-body">
  1029. <h5 class="card-title">Why me</h5>
  1030. <div class="row">
  1031. <div class="col-12 form-group" title="Why want you to join this programme">
  1032. <textarea class="form-control rounded-0" id="sumWhyMe" rows="8" disabled></textarea>
  1033. </div>
  1034. </div>
  1035. </div>
  1036. </div>
  1037. </div>
  1038.  
  1039.  
  1040. <!--- Matriculation Certificate --->
  1041. <div class="col-sm-12 col-md-6 col-lg-4 frmPadding">
  1042. <div class="card">
  1043. <div class="card-body">
  1044. <h5 class="card-title">Matriculation Certificate</h5>
  1045. <div class="row">
  1046. <div class="col-12 form-group" title="Matriculation Certificate Grade">
  1047. <input type="text" class="form-control" id="sumMcGrade" name="sumMcGrade" value="Matriculation Certificate Grade" disabled />
  1048. </div>
  1049. </div>
  1050. </div>
  1051. </div>
  1052. </div>
  1053. </div>
  1054. </section>
  1055. </section>
  1056. </li>
  1057.  
  1058. <li class="cd-h-timeline__event text-component">
  1059. <section id="payment">
  1060. <section class="container pb-3">
  1061. <div class="row">
  1062. <div class="col text-center">
  1063. <h2>Please Pay!</h2>
  1064. </div>
  1065. </div>
  1066. </section>
  1067. <section class="container">
  1068. <section class="border p-3 rounded">
  1069. </section>
  1070. </section>
  1071. </section>
  1072. </li>
  1073.  
  1074. <li class="cd-h-timeline__event text-component">
  1075. <!--- thank you section --->
  1076. <section id="thankYou">
  1077. <section class="container pb-3">
  1078. <div class="row">
  1079. <div class="col text-center">
  1080. <h2>Thank you!</h2>
  1081. </div>
  1082. </div>
  1083. </section>
  1084.  
  1085. <section class="container">
  1086. <section class="border p-3 rounded">
  1087. <div class="row">
  1088. <div class="col text-center">
  1089. <p>Thank you for your application for the Saint Martin's Institute of Higher Education. We will look into your application
  1090. shortly and contact you if your application was successful or not.
  1091. <br>Should you require further details or questions please do not hesitate to contact us.</p>
  1092. <p><br><b>Tel:</b> +356 21235451
  1093. <br><b>Fax:</b> +356 21239450
  1094. <br><b>Email:</b> infodesk@stmartins.edu
  1095. <br><b>Postal Address:</b> Saint Martin's Institute of Higher Education, Schembri Street, Hamrun, HMR 1541, Malta</p>
  1096. </div>
  1097. </div>
  1098. </section>
  1099. </section>
  1100.  
  1101. </section>
  1102. </li>
  1103.  
  1104. </ol>
  1105. </form>
  1106. <!-- End Of Form -->
  1107. </div>
  1108. </section>
  1109.  
  1110. <!-- Navigation Section -->
  1111. <section class="container navArrows">
  1112. <div class="row">
  1113. <div class="col-12">
  1114. <button class="btn btn-primary pull-left" id="prev"><i class="fa fa-arrow-left"></i></button>
  1115. <button class="btn btn-primary pull-right" id="next"><i class="fa fa-arrow-right"></i></button>
  1116. </div>
  1117. </div>
  1118. </section>
  1119.  
  1120.  
  1121. <!-- JQUERY JS -->
  1122. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"
  1123. integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  1124. crossorigin="anonymous"></script>
  1125.  
  1126. <!-- POPPER JS -->
  1127. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.15.0/umd/popper.min.js"
  1128. integrity="sha256-fTuUgtT7O2rqoImwjrhDgbXTKUwyxxujIMRIK7TbuNU="
  1129. crossorigin="anonymous"></script>
  1130.  
  1131. <!-- Bootstrap JS -->
  1132. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"
  1133. integrity="sha256-CjSoeELFOcH0/uxWu6mC/Vlrc1AARqbm/jiiImDGV3s="
  1134. crossorigin="anonymous"></script>
  1135.  
  1136. <!-- Custom JS -->
  1137. <script src="ASSETS/JS/util.js"></script> <!-- util functions included in the CodyHouse framework -->
  1138. <script src="ASSETS/JS/swipe-content.js"></script> <!-- A Vanilla JavaScript plugin to detect touch interactions -->
  1139. <script src="ASSETS/JS/main.js"></script>
  1140. <script src="ASSETS/JS/custom.js" type="text/javascript"></script>
  1141.  
  1142. </body>
  1143. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement