home.php 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785
  1. <section id="banner" class="container-fluid">
  2. <div class="banner-slider" data-banner-slider>
  3. <button class="banner-slider-button prev" data-banner-slider-button="prev">
  4. <span class="material-symbols-outlined">
  5. arrow_back_ios
  6. </span>
  7. </button>
  8. <button class="banner-slider-button next" data-banner-slider-button="next">
  9. <span class="material-symbols-outlined">
  10. arrow_forward_ios
  11. </span>
  12. </button>
  13. <ul data-slides>
  14. <li class="slide" data-active>
  15. <div class="slider-single-div">
  16. <img src="img/campus_01.jpg" alt="">
  17. <div class="banner-overlay">
  18. <h4>Welcome to </h4>
  19. <h1>United<br> International<br> University</h1>
  20. <h3>
  21. Department of <br>
  22. Computer Science &amp; Engineering
  23. </h3>
  24. </div>
  25. </div>
  26. </li>
  27. <li class="slide">
  28. <div class="slider-single-div">
  29. <img src="img/Slider_Swan2.jpg" alt="">
  30. <div class="banner-overlay">
  31. <h4>Welcome to </h4>
  32. <h1>United International University</h1>
  33. <h3>
  34. Department of <br>
  35. Computer Science &amp; Engineering
  36. </h3>
  37. </div>
  38. </div>
  39. </li>
  40. <li class="slide">
  41. <div class="slider-single-div">
  42. <img src="img/campus_02.jpg" alt="">
  43. <div class="banner-overlay">
  44. <h4>Welcome to </h4>
  45. <h1>Department of <br>
  46. Computer Science &amp; Engineering</h1>
  47. <h3>
  48. United International University
  49. </h3>
  50. </div>
  51. </div>
  52. </li>
  53. </ul>
  54. </div>
  55. </section>
  56. <main id="main" class="site-main" role="main">
  57. <div class="sections">
  58. <section class="container-fluid white-bg">
  59. <div class="container">
  60. <h1>We evolve with technology</h1>
  61. <p>
  62. The CSE Department of UIU has been involved in several projects in last five years including projects under Thrust/Emerging Areas, Modernization and Removal of Obsolescence, Industry-Institution Interaction.
  63. </p>
  64. <button class="primary-c">Learn more</button>
  65. <div class="grid">
  66. <div class="program">
  67. <div class="img-cont-2">
  68. <img src="img/student_03.jpg" alt="">
  69. </div>
  70. <div class="program-details">
  71. <h2>Graduate Program</h2>
  72. <p>
  73. <b>United International University (UIU)</b> has been running its M.Sc. in Computer Science and Engineering program since its inception and has attracted not only fresh undergraduates but also a handful number of ICT professionals from the industry.
  74. </p>
  75. <button class="primary-c"> View All Programs </button>
  76. </div>
  77. </div>
  78. <div class="program">
  79. <div class="img-cont-2">
  80. <img src="img/undergrad.jpg" alt="">
  81. </div>
  82. <div class="program-details">
  83. <h2>Undergraduate Program</h2>
  84. <p>
  85. Bachelor of Science in Computer Science and Engineering primarily involves the study of a number of core courses, which every CSE graduate should know, and a significant number of courses from specialized areas.
  86. </p>
  87. <button class="primary-c"> View All Programs </button>
  88. </div>
  89. </div>
  90. </div>
  91. </div>
  92. </section>
  93. <section id="faculty-section" class="container-fluid white-bg">
  94. <div class="container">
  95. <h1>World Class Faculty</h1>
  96. <p>
  97. The Department of Computer Science and Engineering at UIU boasts one of the biggest faculty bodies
  98. amongst all private universities in the country and is bolstered by a rich and diverse battery of published research work.
  99. </p>
  100. </div>
  101. <div class="container">
  102. <div id="faculty-img">
  103. <img src="img/faculty-grp.jpg" alt="">
  104. </div>
  105. <p>
  106. The Department of Computer Science and Engineering faculty members are an impressive group, bearing the academic tradition of higher excellence. World renowned, they are engaged in ground-breaking research. Further, they are so attuned to what’s happening in business that they are shaping its future.
  107. </p>
  108. <button class="primary-c">
  109. View complete faculty list
  110. </button>
  111. </div>
  112. </section>
  113. <section class="container-fluid car" id="faculty-carousel">
  114. <div class="car-buttons">
  115. <button class="car-control primary-c" id="prev-car" onclick="scrollToPrev()">
  116. >
  117. </button>
  118. <button class="car-control primary-c" id="next-car" onclick="scrollToNext()">
  119. >
  120. </button>
  121. </div>
  122. <div class="profile-carousel">
  123. <div class="car-item">
  124. <div class="car-item-holder">
  125. <div class="car-img-holder">
  126. <img src="img/saim.jpg" alt="">
  127. </div>
  128. <div class="faculty-details">
  129. <h2>Islam, Salekul<span class="degree">, Ph.D.</span></h2>
  130. <h3><span class="degree">Professor & Head of the Dept.</span></h3>
  131. </div>
  132. </div>
  133. </div>
  134. <div class="car-item">
  135. <div class="car-item-holder">
  136. <div class="car-img-holder">
  137. <img src="img/mamun.jpg" alt="">
  138. </div>
  139. <div class="faculty-details">
  140. <h2>Mamun, Khondaker Abdullah Al<span class="degree">, Ph.D.</span></h2>
  141. <h3><span class="degree">Professor & Director - AIMS Lab</span></h3>
  142. </div>
  143. </div>
  144. </div>
  145. <div class="car-item">
  146. <div class="car-item-holder">
  147. <div class="car-img-holder">
  148. <img src="img/swakkhar.jpg" alt="">
  149. </div>
  150. <div class="faculty-details">
  151. <h2>Shatabda, Swakkhar<span class="degree">, Ph.D</span></h2>
  152. <h3><span class="degree">Professor & Director - IQAC</span></h3>
  153. </div>
  154. </div>
  155. </div>
  156. <div class="car-item">
  157. <div class="car-item-holder">
  158. <div class="car-img-holder">
  159. <img src="img/ShahriarRahman.jpg" alt="">
  160. </div>
  161. <div class="faculty-details">
  162. <h2>Rahman, Mohammad Shahriar<span class="degree">, Ph.D</span></h2>
  163. <h3><span class="degree">Professor & Director - CITS</span></h3>
  164. </div>
  165. </div>
  166. </div>
  167. <div class="car-item">
  168. <div class="car-item-holder">
  169. <div class="car-img-holder">
  170. <img src="img/mofizur.jpg" alt="">
  171. </div>
  172. <div class="faculty-details">
  173. <h2>Rahman, Chowdhury Mofizur<span class="degree">, Ph.D</span></h2>
  174. <h3><span class="degree">Professor & Advisor to Board of Trustees</span></h3>
  175. </div>
  176. </div>
  177. </div>
  178. <div class="car-item">
  179. <div class="car-item-holder">
  180. <div class="car-img-holder">
  181. <img src="img/nurul-huda.png" alt="">
  182. </div>
  183. <div class="faculty-details">
  184. <h2>Huda, Mohammad Nurul<span class="degree">, Ph.D</span></h2>
  185. <h3><span class="degree">Professor & Director - MSCSE</span></h3>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. </section>
  191. <section id="Success-section" class="container-fluid white-bg">
  192. <div class="container">
  193. <h1>Success Stories</h1>
  194. <p>
  195. Our students inspire us by their courage and perseverance, and are a reminder that obstacles can be overcome when you have just one person cheering you on to the finish line.
  196. </p>
  197. </div>
  198. <div class="container">
  199. <div id="us-imgs" class="grid student-stories">
  200. <div>
  201. <div class="img-cont">
  202. <img src="img/story_hasan_shaharear.jpg" alt="">
  203. </div>
  204. <div>
  205. <h2>Mohammad Hasan Shaharear</h2>
  206. <h5>Senior Database Engineer,Therap (BD) Ltd</h5>
  207. <p>
  208. It was a complete unknown territory for me when I admitted to BSCSE of UIU in 2003. In fact, I had never operate a computer before. Initially I was a bit exited as well as scared. Though I had tough time in the beginning, gradually I became familiar with logic of computing and programming languages. With the course of time, I had start enjoying different courses.
  209. </p>
  210. <a href="#">Learn more</a>
  211. </div>
  212. </div>
  213. <div>
  214. <div class="img-cont">
  215. <img src="img/story_foysal-ahmed.jpg" alt="">
  216. </div>
  217. <div>
  218. <h2>Foysal Ahamed</h2>
  219. <h5>Software Engineer, TigerIT Bangladesh Limited</h5>
  220. <p>
  221. I still remember the day I first stepped into the UIU campus. I really did not know what kind of career path I would choose. Two weeks into the SPL (Structured Programming Language) course, I discovered something that was driving me, something amazing happened and finally I found myself in a position where I knew what I was going to do. Dr.
  222. </p>
  223. <a href="#">Learn more</a>
  224. </div>
  225. </div>
  226. <div>
  227. <div class="img-cont">
  228. <img src="img/story_kamrul_islam.jpg" alt="">
  229. </div>
  230. <div>
  231. <h2>Kamrul Islam Shahin</h2>
  232. <h5>Programmer, Big Web Technologies Limited</h5>
  233. <p>
  234. It’s still like a dream. The day I accomplished my goal by finishing my studies, all the struggles of the past years seemed nothing. My hard work showed its result finally. When I started my educational journey with United International University (UIU), the path seemed dark, confusing and quite uncertain.
  235. </p>
  236. <a href="#">Learn more </a>
  237. </div>
  238. </div>
  239. </div>
  240. <div>
  241. <h1>Notable Alumni</h1>
  242. <p>
  243. Pellentesque est est, luctus non iaculis sed, congue non diam. In efficitur gravida ipsum vitae finibus. Etiam sollicitudin placerat leo.
  244. </p>
  245. </div>
  246. <button class="primary-c">
  247. View complete Alumni list
  248. </button>
  249. </div>
  250. </section>
  251. <section class="container-fluid car" id="alumni-carousel">
  252. <div class="car-buttons">
  253. <button class="car-control primary-c" onclick="scrollToPrevAl()">
  254. <
  255. </button>
  256. <button class="car-control primary-c" onclick="scrollToNextAl()">
  257. >
  258. </button>
  259. </div>
  260. <div class="profile-carousel">
  261. <div class="car-item">
  262. <div class="car-item-holder">
  263. <div class="car-img-holder">
  264. <img src="img/tazbir_ur_rahman.jpeg" alt="">
  265. </div>
  266. <div class="faculty-details">
  267. <h2>Md. Tazbir Ur Rahman Bhuiyan</h2>
  268. <h3><span class="degree">Lead Engineer at Brain Station 23 Limited</span></h3>
  269. </div>
  270. </div>
  271. </div>
  272. <div class="car-item">
  273. <div class="car-item-holder">
  274. <div class="car-img-holder">
  275. <img src="img/saifur_rahman_sazib.jpeg" alt="">
  276. </div>
  277. <div class="faculty-details">
  278. <h2>Saifur Rahman Sazib</h2>
  279. <h3><span class="degree">Lead Engineer at Objectstream Inc, USA</span></h3>
  280. </div>
  281. </div>
  282. </div>
  283. <div class="car-item">
  284. <div class="car-item-holder">
  285. <div class="car-img-holder">
  286. <img src="img/faisal_kabir.jpeg" alt="">
  287. </div>
  288. <div class="faculty-details">
  289. <h2>Md Faisal Kabir</h2>
  290. <h3><span class="degree">PhD student at North Dakota State University (NDSU)</span></h3>
  291. </div>
  292. </div>
  293. </div>
  294. <div class="car-item">
  295. <div class="car-item-holder">
  296. <div class="car-img-holder">
  297. <img src="img/achia_nila.jpeg" alt="">
  298. </div>
  299. <div class="faculty-details">
  300. <h2>Achia Nila</h2>
  301. <h3><span class="degree"> Founder, Women In Digital - Empowerment through Technology</span></h3>
  302. </div>
  303. </div>
  304. </div>
  305. <div class="car-item">
  306. <div class="car-item-holder">
  307. <div class="car-img-holder">
  308. <img src="img/hussain_kmr.jpeg" alt="">
  309. </div>
  310. <div class="faculty-details">
  311. <h2>Hussain KMR Behestee</h2>
  312. <h3><span class="degree">Mobile Device Specialist, K.K. Innovative Solutions</span></h3>
  313. </div>
  314. </div>
  315. </div>
  316. </div>
  317. </section>
  318. <section id="dept-notices" class="container-fluid mid-roll" >
  319. <div class="bg-tint">
  320. <div class="container">
  321. <h1>Department Notices</h1>
  322. <div class="notice-main">
  323. <a href="#">
  324. <div class="notice-container">
  325. <div class="event-date">
  326. <h3>Dec</h3>
  327. <h3>16</h3>
  328. </div>
  329. <div>
  330. <h6><span class="subtitle">8 Dec, 2022</span></h6>
  331. <h4>List of Candidates for Fall 2022 semester</h4>
  332. <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.</p>
  333. </div>
  334. </div>
  335. </a>
  336. <a href="#">
  337. <div class="notice-container">
  338. <div class="event-date">
  339. <h3>Dec</h3>
  340. <h3>12</h3>
  341. </div>
  342. <div>
  343. <h6><span class="subtitle">8 Dec, 2022</span></h6>
  344. <h4>List of Candidates for Fall 2022 semester</h4>
  345. <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.</p>
  346. </div>
  347. </div>
  348. </a>
  349. <a href="#">
  350. <div class="notice-container">
  351. <div class="event-date">
  352. <h3>Dec</h3>
  353. <h3>03</h3>
  354. </div>
  355. <div>
  356. <h6><span class="subtitle">8 Dec, 2022</span></h6>
  357. <h4>List of Candidates for Fall 2022 semester</h4>
  358. <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.</p>
  359. </div>
  360. </div>
  361. </a>
  362. <a href="#">
  363. <div class="notice-container">
  364. <div class="event-date">
  365. <h3>Nov</h3>
  366. <h3>25</h3>
  367. </div>
  368. <div>
  369. <h6><span class="subtitle">8 Dec, 2022</span></h6>
  370. <h4>List of Candidates for Fall 2022 semester</h4>
  371. <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.</p>
  372. </div>
  373. </div>
  374. </a>
  375. <a href="#">
  376. <div class="notice-container">
  377. <div class="event-date">
  378. <h3>Nov</h3>
  379. <h3>12</h3>
  380. </div>
  381. <div>
  382. <h6><span class="subtitle">8 Dec, 2022</span></h6>
  383. <h4>List of Candidates for Fall 2022 semester</h4>
  384. <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.</p>
  385. </div>
  386. </div>
  387. </a>
  388. <button>View All Notices</button>
  389. </div>
  390. </div>
  391. </div>
  392. </section>
  393. <section id="dept-news" class="container-fluid white-bg">
  394. <div class="container">
  395. <h1>Department News</h1>
  396. <p>
  397. Catch up with what's happening at the Department of CSE
  398. </p>
  399. <div class="grid news-row">
  400. <div class="news-big-img">
  401. <div class="news-big-img-holder">
  402. <img src="img/campus_05.jpg" alt="">
  403. </div>
  404. <div class="news-big-img-text">
  405. <h5>28th March, 2016</h5>
  406. <h4> <a href=""> Seminar</a></h4>
  407. <a href=""><p>Development and Mining of a Volatile Organic Compound Database</p></a>
  408. </div>
  409. </div>
  410. <div class="grid">
  411. <div class="news-small-img">
  412. <div class="news-sm-img-holder">
  413. <img src="img/campus_05.jpg" alt="">
  414. </div>
  415. <div class="news-sm-img-text">
  416. <h5>28th March, 2016</h5>
  417. <h4> <a href=""> Seminar</a></h4>
  418. <a href=""><p>Development and Mining of a Volatile Compounds</p></a>
  419. </div>
  420. </div>
  421. <div class="news-small-img">
  422. <div class="news-sm-img-holder">
  423. <img src="img/campus_01.jpg" alt="">
  424. </div>
  425. <div class="news-sm-img-text">
  426. <h5>28th March, 2016</h5>
  427. <h4> <a href=""> Seminar</a></h4>
  428. <a href=""><p>Development and Mining of a Volatile Compounds</p></a>
  429. </div>
  430. </div>
  431. </div>
  432. </div>
  433. <div class="grid news-row">
  434. <div class="grid">
  435. <div class="news-small-img">
  436. <div class="news-sm-img-holder">
  437. <img src="img/campus_05.jpg" alt="">
  438. </div>
  439. <div class="news-sm-img-text">
  440. <h5>28th March, 2016</h5>
  441. <h4> <a href=""> Seminar</a></h4>
  442. <a href=""><p>Development and Mining of a Volatile Compounds</p></a>
  443. </div>
  444. </div>
  445. <div class="news-small-img">
  446. <div class="news-sm-img-holder">
  447. <img src="img/campus_01.jpg" alt="">
  448. </div>
  449. <div class="news-sm-img-text">
  450. <h5>28th March, 2016</h5>
  451. <h4> <a href=""> Seminar</a></h4>
  452. <a href=""><p>Development and Mining of a Volatile Compounds</p></a>
  453. </div>
  454. </div>
  455. </div>
  456. <div class="news-big-img">
  457. <div class="news-big-img-holder">
  458. <img src="img/campus_05.jpg" alt="">
  459. </div>
  460. <div class="news-big-img-text">
  461. <h5>28th March, 2016</h5>
  462. <h4> <a href=""> Seminar</a></h4>
  463. <a href=""><p>Development and Mining of a Volatile Organic Compound Database</p></a>
  464. </div>
  465. </div>
  466. </div>
  467. <button class="primary-c">View All News</button>
  468. </div>
  469. </section>
  470. <section id="events" class="container-fluid mid-roll" >
  471. <div class="bg-tint">
  472. <div class="container">
  473. <h1>Upcoming Events</h1>
  474. <div class="grid">
  475. <div class="event-holder">
  476. <div class="event-img-holder">
  477. <img src="img/0555.jpg" alt="">
  478. </div>
  479. <div class="event-date primary-c">
  480. <h3>Dec</h3>
  481. <h3>17</h3>
  482. </div>
  483. <div class="event-details">
  484. <a href="">
  485. <h3>Seminar</h3>
  486. <h2>Blockchain: The Coming Revolution</h2>
  487. </a>
  488. </div>
  489. </div>
  490. <div class="event-holder">
  491. <div class="event-img-holder">
  492. <img src="img/2.jpg" alt="">
  493. </div>
  494. <div class="event-date primary-c">
  495. <h3>Nov</h3>
  496. <h3>27</h3>
  497. </div>
  498. <div class="event-details">
  499. <a href="">
  500. <h3>Pre-Advising</h3>
  501. <h2>Blockchain: The Coming Revolution</h2>
  502. </a>
  503. </div>
  504. </div>
  505. <div class="event-holder">
  506. <div class="event-img-holder">
  507. <img src="img/research_01.jpg" alt="">
  508. </div>
  509. <div class="event-date primary-c">
  510. <h3>Nov</h3>
  511. <h3>22</h3>
  512. </div>
  513. <div class="event-details">
  514. <a href="">
  515. <h3>Cultural Event</h3>
  516. <h2>Blockchain: The Coming Revolution</h2>
  517. </a>
  518. </div>
  519. </div>
  520. <div class="event-holder">
  521. <div class="event-img-holder">
  522. <img src="img/research_03.jpg" alt="">
  523. </div>
  524. <div class="event-date primary-c">
  525. <h3>Nov</h3>
  526. <h3>12</h3>
  527. </div>
  528. <div class="event-details">
  529. <a href="">
  530. <h3>Seminar</h3>
  531. <h2>Blockchain: The Coming Revolution</h2>
  532. </a>
  533. </div>
  534. </div>
  535. </div>
  536. <button class="primary-c">View all events</button>
  537. </div>
  538. </div>
  539. </section>
  540. <section id="research-grants" class="white-bg">
  541. <div class="container">
  542. <h1>Research &amp; Grants</h1>
  543. <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.
  544. Mus mauris vitae ultricies leo integer malesuada nunc vel. Mus mauris vitae ultricies leo integer malesuada nunc vel.
  545. </p>
  546. <div id="research-pointers" class="grid">
  547. <div>
  548. <h3>32 Research Projects</h3>
  549. <p>Spread across Undergraduate and Graduate Programs</p>
  550. </div>
  551. <div>
  552. <h3>Tk 5 Crores in grants</h3>
  553. <p>Spread across Undergraduate and Graduate Programs</p>
  554. </div>
  555. <div>
  556. <h3>32 Research Projects</h3>
  557. <p>Spread across Undergraduate and Graduate Programs</p>
  558. </div>
  559. </div>
  560. </div>
  561. </section>
  562. </div>
  563. </main>