-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
280 lines (273 loc) · 19.4 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
<!DOCTYPE html>
<!--
Template Name: Bronea
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html lang="">
<!-- To declare your language - read more here: https://www.w3.org/International/questions/qa-html-language-declarations -->
<head>
<title>Bronea</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
</head>
<body id="top">
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- Top Background Image Wrapper -->
<div class="bgded overlay" style="background-image:url('images/demo/backgrounds/03.png');">
<!-- ################################################################################################ -->
<div class="wrapper row0">
<div id="topbar" class="hoc clear">
<!-- ################################################################################################ -->
<div class="fl_left">
<ul class="nospace">
<li><a href="#"><i class="fa fa-lg fa-home"></i></a></li>
<li><a href="#">หน้าหลัก</a></li>
<li><a href="#">เกี่ยวกับสาขา</a></li>
<li><a href="#">แจ้งข่าว</a></li>
<li><a href="#">ร้องเรียนออนไลน์</a></li>
</ul>
</div>
<div class="fl_right">
<ul class="nospace">
<li><i class="fa fa-phone"></i> 0971101300</li>
<li><i class="fa fa-envelope-o"></i>http://csmju.jowave.com/</li>
</ul>
</div>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row1">
<header id="header" class="hoc clear">
<!-- ################################################################################################ -->
<div id="logo" class="fl_left">
<h1><a href="index.html">csmju</a></h1>
</div>
<!-- ################################################################################################ -->
<nav id="mainav" class="fl_right">
<ul class="clear">
<li class="active"><a href="index.html">หน้าหลัก</a></li>
<li><a href="#">ข่าวสาร</a></li>
<li><a href="#">คณาจารย์</a></li>
<li><a href="#">กิจกรรม</a></li>
<li><a href="#">ติดต่อสอบถาม</a></li>
</ul>
</nav>
<!-- ################################################################################################ -->
</header>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper">
<div id="pageintro" class="hoc clear">
<!-- ################################################################################################ -->
<article>
<div>
<p class="heading">มหาวิทยาลัยแม่โจ้</p>
<h2 class="heading">Computer Science Maejo</h2>
<p>คณะวิทยาศาสตร์</p>
</div>
</article>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
</div>
<!-- End Top Background Image Wrapper -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row3">
<main class="hoc container clear">
<!-- main body -->
<!-- ################################################################################################ -->
<div class="sectiontitle">
<h6 class="heading">ข่าวสาร</h6>
</div>
<div class="group">
<div class="one_half first">
<p></p>
<p class="btmspace-50"><p>ปรัชญา</p>
ผลิตบัณฑิตที่มีคุณธรรม จริยธรรม เป็นผู้นำ และสร้างสรรค์สังคมด้วยวิชาการเชี่ยวชาญทางด้านวิทยาการคอมพิวเตอร์และเทคโนโลยีสารสนเทศ</p>
<ul class="nospace group">
<li class="one_half first">
<article><a href="#"><i class="btmspace-30 fa fa-4x fa-joomla"></i></a>
<h6 class="heading font-x1">ปณิธาน</h6>
สาขาวิชาวิทยาการคอมพิวเตอร์ ยึดถือปณิธานของมหาวิทยาลัยแม่โจ้ ตามที่คณะวิทยาศาสตร์กำหนดคือ “จะผลิตบัณฑิตให้เป็นผู้ที่กอปรด้วย วิทยา จริยา และปัญญาด้านวิทยาศาสตร์อันสามารถนำไปประยุกต์ให้เกิดประโยชน์สูงสุดต่อตนเองและประเทศชาติ ส่งเสริมงานวิจัยด้านวิทยาศาสตร์เพื่อสร้างองค์ความรู้ที่เป็นประโยชน์ต่อการพัฒนาท้องถิ่นและประเทศชาติ”…</p>
</article>
</li>
<li class="one_half">
<article><a href="#"><i class="btmspace-30 fa fa-4x fa-institution"></i></a>
<h6 class="heading font-x1">วิสัยทัศน์</h6>
สาขาวิชาวิทยาการคอมพิวเตอร์ ได้กำหนดวิสัยทัศน์ คือ “มุ่งเน้นพัฒนาให้ภาควิชาเป็นศูนย์กลางความเป็นเลิศทางวิชาการเรียนรู้ งานวิจัย ทางด้านวิทยาการคอมพิวเตอร์และเทคโนโลยีสารสนเทศ ที่มีขีดความสามารถในการแข่งขัน ระดับประเทศและนานาชาติ พร้อมทั้งมุ่งพัฒนาและสร้างบัณฑิตที่มีความรู้ความสามารถและมีคุณภาพเข้าสู่ตลาดแรงงาน รวมถึงยึดมั่นในคุณธรรม” ขณะเดียวกันภาควิชายังยึดถือและปฏิบัติตามวิสัยทัศน์ของ คณะวิทยาศาสตร์ และมหาวิทยาลัยแม่โจ้
พันธกิจ…</p>
</article>
</li>
</ul>
</div>
<div class="one_half"><iframe width="420" height="315"
src="https://www.youtube.com/embed/G8fDdphirGY">
</iframe></div>
</div>
<!-- ################################################################################################ -->
<!-- / main body -->
<div class="clear"></div>
</main>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row3">
<div class="hoc container clear">
<!-- ################################################################################################ -->
<div class="sectiontitle">
<h6 class="heading">คณาจารย์สาขาวิชาวิทยาการคอมพิวเตอร์</h6>
<p>Finibus ultrices vitae mattis vestibulum ipsum curabitur</p>
</div>
<ul class="nospace group services">
<li class="one_third first btmspace-30">
<article class="bgded overlay" style="background-image:url('images/picoof.jpg');"><img class="btmspace-30" src="images/picoof.jpg" alt="">
<h6 class="heading font-x1"><a href="#">อ.ภานุวัฒน์ เมฆะ <br>Panuwat Mekha</br></a></h6>
<p>ตำแหน่งทางวิชาการพนักงานมหาวิทยาลัย ตำแหน่ง อาจารย์ ตำแหน่งทางบริหารประธานอาจารย์ประจำหลักสูตรวิทยาศาสตรบัณฑิต สาขาวิชาวิทยาการคอมพิวเตอร์…</p>
</article>
</li>
<li class="one_third btmspace-30">
<article class="bgded overlay" style="background-image:url('images/pic_3205620.jpg');"><img class="btmspace-30" src="images/pic_3205620.jpg" alt="">
<h6 class="heading font-x1"><a href="#">ผศ.ดร.สนิท สิทธิ<br> Snit Sitti</br></a></h6>
<p>
ตำแหน่งทางวิชาการ
ผู้ช่วยศาสตราจารย์ (Assis.Prof.)
ตำแหน่งทางบริหาร
รองประธานหลักสูตรวิทยาศาสตรบัณฑิต สาขาวิชาวิทยาการคอมพิวเตอร์…</p>
</article>
<li class="one_third btmspace-30">
<article class="bgded overlay" style="background-image:url('images/pic-kongkarn.jpg');"><img class="btmspace-30" src="images/pic-kongkarn.jpg" alt="">
<h6 class="heading font-x1"><a href="#">อ.ก่องกาญจน์ ดุลยไชย <br>Kongkarn Dullayachai</br></a></h6>
<p>
ตำแหน่งทางวิชาการ
พนักงานมหาวิทยาลัย ตำแหน่ง อาจารย์
ตำแหน่งทางบริหาร
กรรมการหลักสูตรวิทยาศาสตรบัณฑิต สาขาวิชาวิทยาการคอมพิวเตอร์…</p>
</article>
</ul>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row3">
<section class="hoc container clear">
<!-- ################################################################################################ -->
<div class="sectiontitle">
<h6 class="heading">กิจกรรม</h6>
<p>กิจกรรมต่างๆ</p>
</div>
<div class="group">
<article class="one_third first"><a href="#"><img class="btmspace-30" src="images/demo/01.jpg" alt=""></a>
<h3 class="heading">สาขาวิชาวิทยาการคอมฯ ผ่านการประเมินคุณภาพภายใน ระดับหลักสูตร ปีการศึกษา2559</h3>
<h4>รายละเอียด</h4>
<p>สาขาวิชาวิทยาการคอมพิวเตอร์ เข้ารับการประเมินจากคณะกรรมการประเมินคุณภาพภายใน ระดับหลักสูตร ประจำปีการศึกษา 2559 โดยได้รับเกียรติจากประธานกรรมการ รศ.ดร.ปาริชาติ บัวเจริญ จาก ม.เทคโนโลยีราชมงคลล้านนา กรรมการ ผศ.เสาวณี ใจรักษ์ จาก ม.ราชภัฎเชียงใหม่ ผศ.น
</p>
<h4>สถานที่</h4>
<p>
ห้องประชุมสาขาวิชาฯ
</p>
<h4>วันที่</h4>
<p>
21-06-2560
</p>
</article>
<article class="one_third"><a href="#"><img class="btmspace-30" src="images/demo/02.jpg" alt=""></a>
<h3 class="heading">ประชาสัมพันธ์รับสมัครนักศึกษาใหม่ปี60 ณ โรงเรียนแม่ริมวิทยาคม</h3>
<h4>รายละเอียด</h4>
<p>วันที่ 1 กุมภาพันธ์ 2560 ประธานหลักสูตรสาขาวิชาฯ ออกประชาสัมพันธ์รับนักศึกษาใหม่ ณ โรงเรียนแม่ริมวิทยาคม โดยรับสมัครในโควต้าเพิ่มเติม รอบที่ 2 ขอขอบคุณคณาจารย์จากโรงเรียนที่ให้การต้อนรับ
</p>
<h4>สถานที่</h4>
<p>
โรงเรียนแม่ริมวิทยาคม
</p>
<h4>วันที่</h4>
<p>
01-02-2560
</p>
</article>
<article class="one_third"><a href="#"><img class="btmspace-30" src="images/demo/04.jpg" alt=""></a>
<h3 class="heading">โครงการสนับสนุนการเรียนการสอนสำหรับกลุ่มวิชาสหกิจศึกษา กิจกรรมนิเทศสหกิจศึกษา</h3>
<h4>รายละเอียด</h4>
<p>คณาจารย์สาขาวิชาฯไปนิเทศสหกิจศึกษา ณ สถานประกอบการจังหวัดเชียงใหม่และกรุงเทพ เพื่อประเมินผลงานระหว่างการปฏิบัติงานของนักศึกษา รวมถึงสร้างความร่วมมือกับสถานประกอบการ
</p>
<h4>สถานที่</h4>
<p>
จังหวัดเชียงใหม่และกรุงเทพ
</p>
<h4>วันที่</h4>
<p>
26-10-2559 ถึง 30-10-2559
</p>
</article>
</div>
<!-- ################################################################################################ -->
</section>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row4">
<footer id="footer" class="hoc clear">
<!-- ################################################################################################ -->
<div class="one_half first">
<h6 class="heading">ติดต่อสอบถาม</h6>
<p class="btmspace-30">comcamp</p>
<ul class="nospace linklist contact">
<li><i class="fa fa-map-marker"></i>
<address>
มหาวิทยาลัยแม่โจ้ 63 หมู่4
ต.หนองหาร อ.สันทราย
จ.เชียงใหม่ 50290
</address>
</li>
<li><i class="fa fa-phone"></i> +6653873890-3</li>
<li><i class="fa fa-envelope-o"></i> [email protected]</li>
</ul>
</div>
</div>
<!-- ################################################################################################ -->
</footer>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row5">
<div id="copyright" class="hoc clear">
<!-- ################################################################################################ -->
<p class="fl_left">Copyright © 2017 - All Rights Reserved - <a href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<a id="backtotop" href="#top"><i class="fa fa-chevron-up"></i></a>
<!-- JAVASCRIPTS -->
<script src="layout/scripts/jquery.min.js"></script>
<script src="layout/scripts/jquery.backtotop.js"></script>
<script src="layout/scripts/jquery.mobilemenu.js"></script>
</body>
</html>