-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
352 lines (342 loc) · 24.9 KB
/
index.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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="author" content="WongJunWei">
<meta name="description" content="Every student undertaking the degree is required to complete a project under the supervision of a FICT academic staff or an external supervisor from the industry. The project should provide students with the opportunity to bring together the academic knowledge and skills acquired from the range of modules already studied.">
<meta name="keywords" content="UTAR FICT, UTAR FYP, FICT FYP, UTAR FYP portal">
<title>UTAR FICT</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
<!-- Reset CSS -->
<link rel="stylesheet" href="css/reset.css">
<!--Custom CSS-->
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/index.css">
<!-- Custom fonts / icon -->
<link rel="stylesheet" href="css/fontawesome/solid.min.css">
<link rel="stylesheet" href="css/fontawesome/brands.min.css">
<link rel="stylesheet" href="css/fontawesome/all.min.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Arvo|Montserrat|Open+Sans|Roboto|Gilda+Display" rel="stylesheet">
</head>
<body>
<header class="header">
<nav class="nav-bar">
<input type="checkbox" id="nav" class="hidden">
<label for="nav" class="nav-btn">
<i></i>
<i></i>
<i></i>
</label>
<div class="logo">
<a href="index.html">
<img src="images/Utar-Logo.jpg" alt="UNIVERSITI TUNKU ABDUL RAHMAN">
</a>
</div>
<div class="menu">
<ul>
<li><a href="#home" class="linkunderline">Home</a></li>
<li><a href="#about" class="linkunderline">About</a></li>
<li><a href="#programmes" class="linkunderline">Programmes</a></li>
<li><a href="#FYP" class="linkunderline">Final Year Project</a></li>
<li><a href="#contact" class="linkunderline">Contact Us</a></li>
<li><a href="login.html">FYP Portal Log In</a></li>
</ul>
</div>
</nav>
</header>
<section id="home"></section>
<section id="about" class="section-bar">
<div class="text-content">
<h3 class="text-title">About Us</h3>
</div>
<div class="text animation">
The Faculty of Information and Communication Technology (FICT) aims to produce competent and skillful graduates catering to the demands of the rewarding ICT job market in various industry sectors.
ICT is the backbone and an essential element of most businesses today. It provides impetus to the day-to-day business functions by allowing for better cross departmental or organisational collaboration and communication, more effective streamlining of business processes, better management of human and material resources, and better facilitation of human system interaction through the implementation of integrated, efficient, and reliable information systems. More importantly, ICT literally opens up the access to a whole world of information, a fact that has fundamentally changed the way we live.
ICT knowledge areas include computer software and hardware,a networking, information management and security, database management systems, wireless communication, the Internet, artificial intelligence, and embedded electronic devices, just to name a few. Each of these knowledge areas has seen constant and revolutionary developments almost every day for the past few decades. In fact, the ICT field will continue to make substantial progress in the foreseeable future.
</div>
</section>
<section id="programmes" class="section-bar programme-bar">
<div class="text-content">
<h3 class="text-title title-bar">Programmes</h3>
</div>
<div class="tab-container">
<div class="tab-content">
<div class="course-grid p-cs animation" style="background:url(images/programmes/cs.jpg) center center / cover no-repeat;">
<a href="http://www.utar.edu.my/econtent_proglist.jsp?fcatid=27&fcontentid=8050&fid=19">
<div class="pico"><i class="fas fa-calculator pico-size"></i></div>
<div class="pgtext">BACHELOR OF COMPUTER SCIENCE (HONS)</div>
</a>
</div>
<div class="course-grid p-ia animation" style="background:url(images/programmes/ia.jpg) center center / cover no-repeat;">
<a href="http://www.utar.edu.my/econtent_proglist.jsp?fcatid=27&fcontentid=8050&fid=21">
<div class="pico"><i class="fas fa-users-cog pico-size"></i></div>
<div class="pgtext">BACHELOR OF INFORMATION SYSTEMS (HONS) INFORMATION SYSTEMS ENGINEERING</div>
</a>
</div>
<div class="course-grid animation" style="background:url(images/programmes/ib.jpg) center center / cover no-repeat;">
<a href="http://www.utar.edu.my/econtent_proglist.jsp?fcatid=27&fcontentid=8050&fid=20">
<div class="pico"><i class="fas fa-user-tie pico-size"></i></div>
<div class="pgtext">BACHELOR OF INFORMATION SYSTEMS (HONS) BUSINESS INFORMATION SYSTEMS</div>
</a>
</div>
<div class="course-grid animation" style="background:url(images/programmes/cn.jpg) center center / cover no-repeat;">
<a href="http://www.utar.edu.my/econtent_proglist.jsp?fcatid=27&fcontentid=8050&fid=22">
<div class="pico"><i class="fas fa-user-shield pico-size"></i></div>
<div class="pgtext">BACHELOR OF INFORMATION TECHNOLOGY (HONS) COMMUNICATIONS AND NETWORKING</div>
</a>
</div>
<div class="course-grid animation" style="background:url(images/programmes/ct.jpg) center center / cover no-repeat;">
<a href="http://www.utar.edu.my/econtent_proglist.jsp?fcatid=27&fcontentid=8050&fid=23">
<div class="pico"><i class="fas fa-microchip pico-size"></i></div>
<div class="pgtext">BACHELOR OF INFORMATION TECHNOLOGY (HONS) COMPUTER ENGINEERING</div>
</a>
</div>
</div>
</div>
</section>
<section id="FYP" class="section-bar">
<div class="text-content">
<h3 class="text-title">Final Year Project</h3>
</div>
<div class="text animation">
Every student undertaking the degree is required to complete a project under the supervision of a FICT academic staff or an external supervisor from the industry. In the case whereby an external supervisor is appointed, an FICT staff shall be appointed as a co-supervisor for the student.
The project should provide students with the opportunity to bring together the academic knowledge and skills acquired from the range of modules already studied. <br/>
In general the whole project can be divided into two parts, namely Project I and Project II, which are to be completed by the students in the first and second trimesters in Year 3. Each student is required to meet the supervisor regularly, e.g. weekly.
</div>
</section>
<section class="section-bar dteam-bar">
<div class="text-content">
<h3 class="text-title dteam-title">Our Development Team</h3>
</div>
<div class="tab-container">
<div class="tab-content dteam-content">
<div class="team-grid">
<div class="team-grids">
<div class="person-photo">
<img src="images/DevelopmentTeam/jw.jpg" class="features-img">
<div class="overlay"></div>
<div class="person-info">
<h5 class="p-title">Wong Jun Wei</h5>
<h6 class="p-subtitle">System & Database Administrator</h6>
<h6 class="p-subtitle">Senior Full Stack Web Developer</h6>
<p class="person-text"><a href="mailto:jweiw99@1utar.my">jweiw99@1utar.my</a></p>
</div>
</div>
</div>
</div>
<div class="team-grid">
<div class="person-photo">
<img src="images/DevelopmentTeam/ky.jpg" class="features-img">
<div class="overlay"></div>
<div class="person-info">
<h5 class="p-title">Chuar Keng Yuen</h5>
<h6 class="p-subtitle">Team President</h6>
<p class="person-text"><a href="mailto:ky990710@1utar.my">ky990710@1utar.my</a></p>
</div>
</div>
</div>
<div class="team-grid">
<div class="person-photo">
<img src="images/DevelopmentTeam/jt.jpg" class="features-img">
<div class="overlay"></div>
<div class="person-info">
<h5 class="p-title">JONATHAN TSEU VUN KANG</h5>
<h6 class="p-subtitle">Team Assistance Director</h6>
<p class="person-text"><a href="mailto:jontseu5409@1utar.my">jontseu5409@1utar.my</a></p>
</div>
</div>
</div>
<div class="team-grid">
<div class="person-photo">
<img src="images/DevelopmentTeam/km.jpg" class="features-img">
<div class="overlay"></div>
<div class="person-info">
<h5 class="p-title">Lee Kar Mun</h5>
<h6 class="p-subtitle">Team Ambassador</h6>
<p class="person-text"><a href="mailto:lee1231998@1utar.my">lee1231998@1utar.my</a></p>
</div>
</div>
</div>
<div class="team-grid">
<div class="person-photo">
<img src="images/DevelopmentTeam/jc.jpg" class="features-img">
<div class="overlay"></div>
<div class="person-info">
<h5 class="p-title">JACEY TAN YEE SHIN</h5>
<h6 class="p-subtitle">Web Developer</h6>
<p class="person-text"><a href="mailto:jaceytan@1utar.my">jaceytan@1utar.my</a></p>
</div>
</div>
</div>
<div class="team-grid">
<div class="person-photo">
<img src="images/DevelopmentTeam/ss.jpg" class="features-img">
<div class="overlay"></div>
<div class="person-info">
<h5 class="p-title">Nor Salsalbilal Hildayah Binti Zahari</h5>
<h6 class="p-subtitle">Lecturer</h6>
<p class="person-text"><a href="mailto:salsalbilal@utar.edu.my">salsalbilal@utar.edu.my</a></p>
</div>
</div>
</div>
<div class="team-grid">
<div class="person-photo">
<img src="images/DevelopmentTeam/pv.jpg" class="features-img">
<div class="overlay"></div>
<div class="person-info">
<h5 class="p-title">Wong Pei Voon</h5>
<h6 class="p-subtitle">Tutor</h6>
<p class="person-text"><a href="mailto:wongpv@utar.edu.my">wongpv@utar.edu.my</a></p>
</div>
</div>
</div>
</div>
</div>
<div id="contact" class="contact-bar">
<div class="text-content" ></div>
<div class="contact-grid">
<div class="c-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7956.754689516053!2d101.14298!3d4.340067!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xa86e1b61b2c8e747!2sFaculty+of+Information+and+Communication+Technology+(FICT)%2C+UTAR!5e0!3m2!1sen!2smy!4v1550330774218" width="100%" height="100%" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>
<div class="text contact-grid">
<div class="contact-content">
<p class="c-title">Address</p>
<div class="c-text">
<div>Faculty of Information and Communication Technology (FICT),</div>
<div>Universiti Tunku Abdul Rahman,</div>
<div>Jalan Universiti, Bandar Barat,</div>
<div>31900 Kampar, Perak, Malaysia</div>
</div>
<p class="c-title">Phone</p>
<h1 class="c-text">+(60)5-4688888 ext 2266</h1>
<p class="c-title">Email</p>
<h1 class="c-text">info@utar.edu.my</h1>
<p class="c-title">OFFICE HOURS</p>
<h1 class="c-text">
<div>Monday to Friday: 8:30am - 5:30pm</div>
<p class="c-title">(Off on Saturday, Sunday and public holidays)</p>
</h1>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="footer-bar">
<div class="footer_lists">
<div class="footer_list">
<div class="sp-none">
<div class="footer_item footer-item-title"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=81&fcontentid=2268">ABOUT UTAR FICT</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=81&fcontentid=2268&f2ndcontentid=42026">Dean's Welcome Message</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=81&fcontentid=2268&f2ndcontentid=3403">History of FICT</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=81&fcontentid=2268&f2ndcontentid=3377">Faculty Management</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=81&fcontentid=2268&f2ndcontentid=3378">Contact Information</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=81&fcontentid=2268&f2ndcontentid=3414">Vision and Mission</a></div>
</div>
</div>
<div class="footer_list">
<div class="sp-none">
<div class="footer_item footer-item-title"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=180">FICT PROGRAMMES</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=180&fcontentid=2877">Programme Approval and Provisional Accreditation Status</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/econtent_proglist.jsp?fcatid=27&fcontentid=8050&flevel=B">Undergraduate Programs</a></div>
<div class="footer_item footer_item-link"><a href="http://ipsr.utar.edu.my/Programmes.php">Postgraduate Programs</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/econtent_searchcourse.jsp?fcatid=27&fcontentid=8235&ftab=Area%20of%20Study">Search for a Programme</a></div>
</div>
</div>
<div class="footer_list">
<div class="sp-none">
<div class="footer_item footer-item-title"><a href="http://www.utar.edu.my/admission.jsp">ADMISSION</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=180&fcontentid=2877&f2ndcontentid=4351">WHY FICT?</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/econtent_sub.jsp?fcatid=30&fcontentid=3973">Admission for Full Time International Students</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/dcinternet/index.jsp?fcatid=4810">Exchange Program</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/econtent_sub.jsp?fcatid=30&fcontentid=3974">International Student Services</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/deas/index.jsp?fcatid=389&fcontentid=1804">Finacial Aid</a></div>
</div>
</div>
<div class="footer_list">
<div class="sp-none">
<div class="footer_item footer-item-title"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=184">RESEARCH</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=184&fcontentid=2270">Fundings and Projects</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=184&fcontentid=2428">Research Collaboration</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=184&fcontentid=2273">Research Center</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=184&fcontentid=2244">UTAR Research Portal</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=184&fcontentid=2267">Research Vacancy</a></div>
</div>
</div>
<div class="footer_list">
<div class="sp-none">
<div class="footer_item footer-item-title"><a href="#">CAMPUS LIFE</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=185">Event</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/econtent_sub.jsp?fcatid=26&fcontentid=10685">Academic Calendar</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=81&fcontentid=2865">Lab Facilities</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/dsa-pk/index.jsp?fcatid=411&fcontentid=19716">Facilities (health, sports)</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=81&fcontentid=2344">University Facilities</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=591">Awards</a></div>
</div>
</div>
<div class="footer_list">
<div class="sp-none">
<div class="footer_item footer-item-title"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=81">INFORMATION</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=211&fcontentid=2876">Final Year Project</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=81&fcontentid=2437">Faculty Announcement</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/staffDirSearch.jsp?searchDept=FICT&searchDiv=All&searchName=&submit=Search&searchResult=Y">Staff Directory</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/fict/index.jsp?fcatid=81&fcontentid=812">Jobs@UTAR</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/legalStatement.jsp">Legal Statement</a></div>
<div class="footer_item footer_item-link"><a href="http://www.utar.edu.my/termsOfUse.jsp">Terms of Usage</a></div>
</div>
</div>
</div>
</div>
<div class="footer_sc">
<ul class="socialmedia_list">
<li class="socialmedia_item"><a href="https://www.facebook.com/UTARnet" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
<li class="socialmedia_item"><a href="https://www.twitter.com/UTARnet" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li class="socialmedia_item"><a href="https://www.youtube.com/UTARnet" target="_blank"><i class="fab fa-youtube"></i></a></li>
<li class="socialmedia_item"><a href="https://www.linkedin.com/company/universiti-tunku-abdul-rahman" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
<li class="socialmedia_item"><a href="https://plus.google.com/+UtarEduMy" target="_blank"><i class="fab fa-google-plus-g"></i></a></li>
</ul>
<div class="footer_logo"><img src="images/utar.png" alt="UNIVERSITI TUNKU ABDUL RAHMAN" class="footer_logoImage"></div>
<p class="footer_copyright">Copyright © UNIVERSITI TUNKU ABDUL RAHMAN<br>All Rights Reserved.</p>
</div>
</footer>
<!-- SCRIPTS -->
<!-- Js / Jquery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Snatch Chat -->
<link href="https://snatchbot.me/sdk/webchat.css" rel="stylesheet" type="text/css">
<script src="https://snatchbot.me/sdk/webchat.min.js"></script>
<script src="js/snatchbot.js"></script>
<script>
var items = ["bounceInLeft","bounceInDown","bounceIn","fadeInLeftBig","fadeIn","fadeInDownBig","slideInDown","slideInLeft"];
$(window).on('scroll',function(){
if($(window).scrollTop()){
$('.nav-bar').addClass('whitebar');
}else{
$('.nav-bar').removeClass('whitebar');
}
$('.animation').each(function () {
var imagePos = $(this).offset().top;
var imageHeight = $(this).height()+400;
var topOfWindow = $(window).scrollTop();
if (imagePos < topOfWindow + imageHeight && imagePos + imageHeight > topOfWindow) {
if(!$(this).hasClass("animated")){
var item = items[Math.floor(Math.random()*items.length)];
$(this).addClass("animated "+item);
}
}
});
});
$(document).ready(function(){
$('.linkunderline').click(function(){
if($('#nav').is(":checked")){
$('#nav').prop('checked', false);
}
});
});
</script>
</body>
</html>
</body>
</html>