-
Notifications
You must be signed in to change notification settings - Fork 1
/
registration.html
117 lines (108 loc) · 5.65 KB
/
registration.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Registration</title>
<link rel="stylesheet" href="css/registration.css">
<script src="js/registration.js" charset="utf-8"></script>
</head>
<body>
<div class="box">
</div>
<nav class="menu">
<ol>
<li class="menu-item"><a href="index.html">Home</a></li>
<li class="menu-item"><a href="about.html">About</a></li>
<li class="menu-item">
<a href="#0">Programme</a>
<ol class="sub-menu">
<li class="menu-item"><a href="speakers.html">Speakers</a></li>
<li class="menu-item"><a href="conferenceProgram.html">Conference Programme</a></li>
<li class="menu-item"><a href="parallelProgram.html">Parallel Programme</a></li>
</ol>
</li>
<li class="menu-item">
<a href="#0">submission</a>
<ol class="sub-menu">
<li class="menu-item"><a href="callForPapers.html">call for papers</a></li>
<li class="menu-item"><a href="importantDate.html">important dates</a></li>
<li class="menu-item"><a href="submissionGuidlines.html">submission guidlines</a></li>
</ol>
<li class="menu-item">
<a href="#0">fees & registration</a>
<ol class="sub-menu">
<li class="menu-item"><a href="fee.html">fees</a></li>
<li class="menu-item"><a href="registration.html">registration</a></li>
</ol>
</li>
<li class="menu-item"><a href="Contact.html">Contact</a></li>
</ol>
</nav>
<div id="form">
<h3 id="title">E-CONFERENCE REGISTRATION</h3>
<div class="container">
<form action="" name="registration" onsubmit="return validate(this);">
<h1>REGISTRATION FORM</h1>
<h2>Thank you for your interest in working with us.
Please check below for available options that meet your criteria and send your application by filling out
the Registeration Form for International Conference on Information & Communication Technology
for the Muslim World (ICT4M 2018)</h2>
<br></br>
<label for="fname">First Name</label><span class="error"><p id="name_error" style="color: red;"></p></span>
<input type="text" id="fname" name="firstname" placeholder="Your first name">
<label for="lname">Last Name</label><span class="error"><p id="lname_error" style="color: red;"></p></span>
<input type="text" id="lname" name="lastname" placeholder="Your last name..">
<br></br>
<label for="job">What is your current employment status?</label><p id="empl_error" style="color: red;"></p></span>
<br></br>
<input type="radio" id="empl" name="Employed" value=""> Employed
<input type="radio" id="self" name="Employed"> Self-Employed
<input type="radio" id="un" name="Employed"> Unemployed
<input type="radio" id="stdn" name="Employed"> Student
<br></br>
<br></br>
<label for="position">What position are you applying for?</label>
<select id="position" name="position">
<option value="121">Local Participant W/out Paper</option>
<option value="122">Intl. Participant W/out Paper</option>
<option value="134">Presenter (International)</option>
<option value="137">Presenter (Local)</option>
<option value="150">Student (Presenter)</option>
<option value="158">Exhibition</option>
<option value="159">Intl. Student (Presenter)</option>
<option value="160">Full-day Workshop(Non-Student)</option>
<option value="161">Mini Workshop (Non-Student)</option>
<option value="164">Presenter (additional 1 paper)</option>
<option value="165">Presenter(additional 2 papers)</option>
<option value="193">Mini Workshop (Student)</option>
<option value="194">Full-day Workshop (Student)</option>
</select>
<br></br>
<label for="email">Please enter your email:</label><span class="error"><p id="email_error" style="color: red;"></p></span>
<input type="text" id="email" name="email" placeholder="[email protected]">
<br></br>
<label for="Organisation">Organisation</label>
<input type="text" id="organisation" name="Organisation"style="width: 350px;">
<span class="error"><p id="org_error" style="color: red;"></p></span>
<br></br>
<label for="ContactNo">Contact No.</label>
<input type="text" id="phone" name="phone" style="width: 350px;">
<span class="error"><p id="cnt_error" style="color: red;"></p></span>
<br></br>
<button class="submit" >Register</button>
</form>
</div>
<br><br>
<footer>
<div class="icon-container">
<a href="https://twitter.com/"><img class="icon" src="https://www.dignitydreams.com/wp-content/uploads/2017/08/twitter-icon-basic-round-social-iconset-s-icons-0.png" width="20px" height="20px"></a>
<a href="https://facebook.com/"><img class="icon" src="https://cdn3.iconfinder.com/data/icons/capsocial-round/500/facebook-512.png" width="20px" height="20px"></a>
<a href="https://linkedin.com/"><img class="icon" src="https://cdn3.iconfinder.com/data/icons/social-icons-5/606/LinkedIn.png" width="20px" height="20px"></a>
</div>
<p class="copyright-note"> Copyright © 2019-2020. All Rights Reserved by International Islamic University Malaysia (101067-P). Licensee of IIUM.
</p>
<p class="copyright-note">Any inquiries please email our secretariat at [email protected] or call +603-6196 6406</p>
<br>
</footer>
</body>
</html>