Prechádzať zdrojové kódy

HC - add: Homepage content

Mozahidur Rahman 1 rok pred
rodič
commit
e3c636b9e3
76 zmenil súbory, kde vykonal 734 pridanie a 6 odobranie
  1. BIN
      img/0555.jpg
  2. BIN
      img/2.jpg
  3. BIN
      img/2016.jpg
  4. BIN
      img/Artboard 3.png
  5. BIN
      img/CIAC-logo.png
  6. BIN
      img/EEE-Web-Slider_EEE-copy-2.jpg
  7. BIN
      img/EEE-Web-Slider_EEE-copy-3.jpg
  8. BIN
      img/EEE-Web-Slider_EEE.jpg
  9. BIN
      img/H2-Fuel-Cell-Banner.jpg
  10. BIN
      img/Laser-Research.webp
  11. BIN
      img/Muzahidul.jpg
  12. BIN
      img/ShahriarRahman.jpg
  13. BIN
      img/Slider_Swan.jpg
  14. BIN
      img/Slider_Swan12.jpg
  15. BIN
      img/Slider_Swan2.jpg
  16. BIN
      img/Slider_Swan3.jpg
  17. BIN
      img/Slider_Swan4.jpg
  18. BIN
      img/UIU-eee.jpg
  19. BIN
      img/accr1.png
  20. BIN
      img/achia_nila.jpeg
  21. BIN
      img/campus_01.jpg
  22. BIN
      img/campus_02.jpg
  23. BIN
      img/campus_03.jpg
  24. BIN
      img/campus_05.jpg
  25. BIN
      img/campus_07.jpg
  26. BIN
      img/chevron-left-solid.png
  27. 1 0
      img/chevron-left-solid.svg
  28. BIN
      img/fac-mid.jpg
  29. BIN
      img/facebook.png
  30. BIN
      img/faculty-grp.jpg
  31. BIN
      img/faisal_kabir.jpeg
  32. BIN
      img/flammability.jpg
  33. BIN
      img/footer2.png
  34. BIN
      img/gettybacktoschool.webp
  35. BIN
      img/grad.jpg
  36. BIN
      img/header-logo.png
  37. BIN
      img/hsarwar.jpg
  38. BIN
      img/hussain_kmr.jpeg
  39. BIN
      img/instagram.png
  40. BIN
      img/linkedin.png
  41. BIN
      img/lithium.jpg
  42. BIN
      img/logo.png
  43. BIN
      img/mamun.jpg
  44. BIN
      img/mofizur.jpg
  45. BIN
      img/nurul-huda.png
  46. BIN
      img/poster.png
  47. BIN
      img/power.jpg
  48. BIN
      img/pp.jpg
  49. BIN
      img/research-banner.jpg
  50. BIN
      img/research_01.jpg
  51. BIN
      img/research_02.jpg
  52. BIN
      img/research_03.jpg
  53. BIN
      img/saifur_rahman_sazib.jpeg
  54. BIN
      img/saim.jpg
  55. BIN
      img/slider2.jpg
  56. BIN
      img/sobe1.jpg
  57. BIN
      img/sobe_slider_01.jpg
  58. BIN
      img/sose1.jpg
  59. BIN
      img/sose2.jpeg
  60. BIN
      img/sp_bg.jpg
  61. BIN
      img/sp_bg2.png
  62. BIN
      img/story_foysal-ahmed.jpg
  63. BIN
      img/story_hasan_shaharear.jpg
  64. BIN
      img/story_kamrul_islam.jpg
  65. BIN
      img/student_01.jpg
  66. BIN
      img/student_02.jpg
  67. BIN
      img/student_03.jpg
  68. BIN
      img/swakkhar.jpg
  69. BIN
      img/tazbir_ur_rahman.jpeg
  70. BIN
      img/twitter.png
  71. BIN
      img/uiu-2.jpg
  72. BIN
      img/uiu-3.jpg
  73. BIN
      img/undergrad.jpg
  74. BIN
      img/wildfire_GettyImages-155308044.webp
  75. BIN
      img/youtube.png
  76. 733 6
      page-template/page-home-hcoded.php

BIN
img/0555.jpg


BIN
img/2.jpg


BIN
img/2016.jpg


BIN
img/Artboard 3.png


BIN
img/CIAC-logo.png


BIN
img/EEE-Web-Slider_EEE-copy-2.jpg


BIN
img/EEE-Web-Slider_EEE-copy-3.jpg


BIN
img/EEE-Web-Slider_EEE.jpg


BIN
img/H2-Fuel-Cell-Banner.jpg


BIN
img/Laser-Research.webp


BIN
img/Muzahidul.jpg


BIN
img/ShahriarRahman.jpg


BIN
img/Slider_Swan.jpg


BIN
img/Slider_Swan12.jpg


BIN
img/Slider_Swan2.jpg


BIN
img/Slider_Swan3.jpg


BIN
img/Slider_Swan4.jpg


BIN
img/UIU-eee.jpg


BIN
img/accr1.png


BIN
img/achia_nila.jpeg


BIN
img/campus_01.jpg


BIN
img/campus_02.jpg


BIN
img/campus_03.jpg


BIN
img/campus_05.jpg


BIN
img/campus_07.jpg


BIN
img/chevron-left-solid.png


+ 1 - 0
img/chevron-left-solid.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 278.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>

BIN
img/fac-mid.jpg


BIN
img/facebook.png


BIN
img/faculty-grp.jpg


BIN
img/faisal_kabir.jpeg


BIN
img/flammability.jpg


BIN
img/footer2.png


BIN
img/gettybacktoschool.webp


BIN
img/grad.jpg


BIN
img/header-logo.png


BIN
img/hsarwar.jpg


BIN
img/hussain_kmr.jpeg


BIN
img/instagram.png


BIN
img/linkedin.png


BIN
img/lithium.jpg


BIN
img/logo.png


BIN
img/mamun.jpg


BIN
img/mofizur.jpg


BIN
img/nurul-huda.png


BIN
img/poster.png


BIN
img/power.jpg


BIN
img/pp.jpg


BIN
img/research-banner.jpg


BIN
img/research_01.jpg


BIN
img/research_02.jpg


BIN
img/research_03.jpg


BIN
img/saifur_rahman_sazib.jpeg


BIN
img/saim.jpg


BIN
img/slider2.jpg


BIN
img/sobe1.jpg


BIN
img/sobe_slider_01.jpg


BIN
img/sose1.jpg


BIN
img/sose2.jpeg


BIN
img/sp_bg.jpg


BIN
img/sp_bg2.png


BIN
img/story_foysal-ahmed.jpg


BIN
img/story_hasan_shaharear.jpg


BIN
img/story_kamrul_islam.jpg


BIN
img/student_01.jpg


BIN
img/student_02.jpg


BIN
img/student_03.jpg


BIN
img/swakkhar.jpg


BIN
img/tazbir_ur_rahman.jpeg


BIN
img/twitter.png


BIN
img/uiu-2.jpg


BIN
img/uiu-3.jpg


BIN
img/undergrad.jpg


BIN
img/wildfire_GettyImages-155308044.webp


BIN
img/youtube.png


+ 733 - 6
page-template/page-home-hcoded.php

@@ -10,12 +10,739 @@ get_header(); ?>
 <div class="container full-width">
     <div class="row">
         <main id="main" class="site-main" role="main">
-            <?php while (have_posts()) : the_post(); ?>
-                <div class="sections">
-                    <?php the_content(); ?>
-                </div><!-- .sections -->
-            <?php endwhile; // end of the loop.
-            ?>
+
+
+            <!-- section: Department -->
+            <section class="container-fluid white-bg">
+                <div class="container">
+                    <h1>We evolve with technology</h1>
+                    <p>
+                        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.
+                    </p>
+
+                    <button class="primary-c">Learn more</button>
+
+                    <div class="grid">
+
+                        <div class="program">
+                            <div class="img-cont-2">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/student_03.jpg" alt="">
+                            </div>
+                            <div class="program-details">
+                                <h2>Graduate Program</h2>
+                                <p>
+                                    <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.
+                                </p>
+
+                                <button class="primary-c"> View All Programs </button>
+
+
+                            </div>
+                        </div>
+
+                        <div class="program">
+                            <div class="img-cont-2">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/undergrad.jpg" alt="">
+                            </div>
+
+
+                            <div class="program-details">
+                                <h2>Undergraduate Program</h2>
+                                <p>
+                                    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.
+                                </p>
+                                <button class="primary-c"> View All Programs </button>
+                            </div>
+
+
+                        </div>
+
+                    </div>
+                </div>
+            </section>
+
+
+            <!-- section: faculty -->
+            <section id="faculty-section" class="container-fluid white-bg">
+                <div class="container">
+                    <h1>World Class Faculty</h1>
+                    <p>
+                        The Department of Computer Science and Engineering at UIU boasts one of the biggest faculty bodies
+                        amongst all private universities in the country and is bolstered by a rich and diverse battery of published research work.
+                    </p>
+                </div>
+
+                <div class="container">
+
+                    <div id="faculty-img">
+                        <img src="<?php echo (get_template_directory_uri()) ?>/img/faculty-grp.jpg" alt="">
+                    </div>
+
+                    <p>
+                        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.
+                    </p>
+
+                    <button class="primary-c">
+                        View complete faculty list
+                    </button>
+
+                </div>
+
+            </section>
+
+
+            <!-- section: faculty-carousel -->
+            <section class="container-fluid car" id="faculty-carousel">
+                <div class="car-buttons">
+                    <button class="car-control primary-c" id="prev-car" onclick="scrollToPrev()">
+                        >
+                    </button>
+
+                    <button class="car-control primary-c" id="next-car" onclick="scrollToNext()">
+                        >
+                    </button>
+                </div>
+
+
+                <div class="profile-carousel">
+
+                    <div class="car-item">
+                        <div class="car-item-holder">
+                            <div class="car-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/saim.jpg" alt="">
+                            </div>
+
+                            <div class="faculty-details">
+                                <h2>Islam, Salekul<span class="degree">, Ph.D.</span></h2>
+                                <h3><span class="degree">Professor & Head of the Dept.</span></h3>
+
+
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <div class="car-item">
+                        <div class="car-item-holder">
+                            <div class="car-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/mamun.jpg" alt="">
+                            </div>
+
+                            <div class="faculty-details">
+                                <h2>Mamun, Khondaker Abdullah Al<span class="degree">, Ph.D.</span></h2>
+                                <h3><span class="degree">Professor & Director - AIMS Lab</span></h3>
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <div class="car-item">
+                        <div class="car-item-holder">
+                            <div class="car-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/swakkhar.jpg" alt="">
+                            </div>
+
+                            <div class="faculty-details">
+                                <h2>Shatabda, Swakkhar<span class="degree">, Ph.D</span></h2>
+                                <h3><span class="degree">Professor & Director - IQAC</span></h3>
+
+
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <div class="car-item">
+                        <div class="car-item-holder">
+                            <div class="car-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/ShahriarRahman.jpg" alt="">
+                            </div>
+
+                            <div class="faculty-details">
+                                <h2>Rahman, Mohammad Shahriar<span class="degree">, Ph.D</span></h2>
+                                <h3><span class="degree">Professor & Director - CITS</span></h3>
+
+
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <div class="car-item">
+
+                        <div class="car-item-holder">
+                            <div class="car-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/mofizur.jpg" alt="">
+                            </div>
+
+                            <div class="faculty-details">
+                                <h2>Rahman, Chowdhury Mofizur<span class="degree">, Ph.D</span></h2>
+                                <h3><span class="degree">Professor & Advisor to Board of Trustees</span></h3>
+
+
+                            </div>
+
+                        </div>
+                    </div>
+
+
+                    <div class="car-item">
+
+                        <div class="car-item-holder">
+                            <div class="car-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/nurul-huda.png" alt="">
+                            </div>
+
+                            <div class="faculty-details">
+                                <h2>Huda, Mohammad Nurul<span class="degree">, Ph.D</span></h2>
+                                <h3><span class="degree">Professor & Director - MSCSE</span></h3>
+
+                            </div>
+
+                        </div>
+                    </div>
+                </div>
+
+            </section>
+
+
+            <!-- section: Success-section -->
+            <section id="Success-section" class="container-fluid white-bg">
+                <div class="container">
+                    <h1>Success Stories</h1>
+                    <p>
+                        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.
+                    </p>
+                </div>
+
+                <div class="container">
+
+
+                    <div id="us-imgs" class="grid student-stories">
+
+                        <div>
+                            <div class="img-cont">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/story_hasan_shaharear.jpg" alt="">
+                            </div>
+                            <div>
+                                <h2>Mohammad Hasan Shaharear</h2>
+                                <h5>Senior Database Engineer,Therap (BD) Ltd</h5>
+                                <p>
+                                    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.
+                                </p>
+
+                                <a href="#">Learn more</a>
+                            </div>
+                        </div>
+
+                        <div>
+                            <div class="img-cont">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/story_foysal-ahmed.jpg" alt="">
+                            </div>
+                            <div>
+                                <h2>Foysal Ahamed</h2>
+                                <h5>Software Engineer, TigerIT Bangladesh Limited</h5>
+                                <p>
+                                    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.
+                                </p>
+                                <a href="#">Learn more</a>
+                            </div>
+                        </div>
+
+                        <div>
+                            <div class="img-cont">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/story_kamrul_islam.jpg" alt="">
+                            </div>
+                            <div>
+                                <h2>Kamrul Islam Shahin</h2>
+                                <h5>Programmer, Big Web Technologies Limited</h5>
+                                <p>
+                                    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.
+                                </p>
+                                <a href="#">Learn more </a>
+                            </div>
+                        </div>
+
+
+                    </div>
+
+                    <div>
+                        <h1>Notable Alumni</h1>
+                        <p>
+                            Pellentesque est est, luctus non iaculis sed, congue non diam. In efficitur gravida ipsum vitae finibus. Etiam sollicitudin placerat leo.
+                        </p>
+                    </div>
+
+
+                    <button class="primary-c">
+                        View complete Alumni list
+                    </button>
+
+                </div>
+
+            </section>
+
+
+            <!-- section: alumni-carousel -->
+            <section class="container-fluid car" id="alumni-carousel">
+                <div class="car-buttons">
+                    <button class="car-control primary-c" onclick="scrollToPrevAl()">
+                        < </button>
+
+                            <button class="car-control primary-c" onclick="scrollToNextAl()">
+                                >
+                            </button>
+                </div>
+
+
+                <div class="profile-carousel">
+
+                    <div class="car-item">
+                        <div class="car-item-holder">
+                            <div class="car-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/tazbir_ur_rahman.jpeg" alt="">
+                            </div>
+
+                            <div class="faculty-details">
+                                <h2>Md. Tazbir Ur Rahman Bhuiyan</h2>
+                                <h3><span class="degree">Lead Engineer at Brain Station 23 Limited</span></h3>
+
+
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <div class="car-item">
+                        <div class="car-item-holder">
+                            <div class="car-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/saifur_rahman_sazib.jpeg" alt="">
+                            </div>
+
+                            <div class="faculty-details">
+                                <h2>Saifur Rahman Sazib</h2>
+                                <h3><span class="degree">Lead Engineer at Objectstream Inc, USA</span></h3>
+
+
+                            </div>
+
+                        </div>
+                    </div>
+
+
+
+                    <div class="car-item">
+                        <div class="car-item-holder">
+                            <div class="car-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/faisal_kabir.jpeg" alt="">
+                            </div>
+
+                            <div class="faculty-details">
+                                <h2>Md Faisal Kabir</h2>
+                                <h3><span class="degree">PhD student at North Dakota State University (NDSU)</span></h3>
+
+
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <div class="car-item">
+                        <div class="car-item-holder">
+                            <div class="car-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/achia_nila.jpeg" alt="">
+                            </div>
+
+                            <div class="faculty-details">
+                                <h2>Achia Nila</h2>
+                                <h3><span class="degree"> Founder, Women In Digital - Empowerment through Technology</span></h3>
+
+
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <div class="car-item">
+                        <div class="car-item-holder">
+                            <div class="car-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/hussain_kmr.jpeg" alt="">
+                            </div>
+
+                            <div class="faculty-details">
+                                <h2>Hussain KMR Behestee</h2>
+                                <h3><span class="degree">Mobile Device Specialist, K.K. Innovative Solutions</span></h3>
+
+
+                            </div>
+
+                        </div>
+                    </div>
+
+
+
+                </div>
+
+            </section>
+
+
+            <!-- section: faculty-midroll -->
+            <section id="faculty-midroll" class="container-fluid mid-roll">
+
+
+
+                <div class="bg-tint">
+
+                    <div class="container">
+
+                        <h1>Department Notices</h1>
+
+                        <div class="notice-main">
+
+                            <a href="#">
+
+                                <div class="notice-container">
+
+                                    <div class="event-date">
+                                        <h3>Dec</h3>
+                                        <h3>16</h3>
+                                    </div>
+
+                                    <div>
+                                        <h6><span class="subtitle">8 Dec, 2022</span></h6>
+                                        <h4>List of Candidates for Fall 2022 semester</h4>
+                                        <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.</p>
+                                    </div>
+
+                                </div>
+                            </a>
+
+                            <a href="#">
+
+                                <div class="notice-container">
+
+                                    <div class="event-date">
+                                        <h3>Dec</h3>
+                                        <h3>12</h3>
+                                    </div>
+
+                                    <div>
+                                        <h6><span class="subtitle">8 Dec, 2022</span></h6>
+                                        <h4>List of Candidates for Fall 2022 semester</h4>
+                                        <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.</p>
+                                    </div>
+
+                                </div>
+                            </a>
+
+
+                            <a href="#">
+
+                                <div class="notice-container">
+
+                                    <div class="event-date">
+                                        <h3>Dec</h3>
+                                        <h3>03</h3>
+                                    </div>
+
+                                    <div>
+                                        <h6><span class="subtitle">8 Dec, 2022</span></h6>
+                                        <h4>List of Candidates for Fall 2022 semester</h4>
+                                        <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.</p>
+                                    </div>
+
+                                </div>
+                            </a>
+
+
+                            <a href="#">
+
+                                <div class="notice-container">
+
+                                    <div class="event-date">
+                                        <h3>Nov</h3>
+                                        <h3>25</h3>
+                                    </div>
+
+                                    <div>
+                                        <h6><span class="subtitle">8 Dec, 2022</span></h6>
+                                        <h4>List of Candidates for Fall 2022 semester</h4>
+                                        <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.</p>
+                                    </div>
+
+                                </div>
+                            </a>
+
+                            <a href="#">
+
+                                <div class="notice-container">
+
+                                    <div class="event-date">
+                                        <h3>Nov</h3>
+                                        <h3>12</h3>
+                                    </div>
+
+                                    <div>
+                                        <h6><span class="subtitle">8 Dec, 2022</span></h6>
+                                        <h4>List of Candidates for Fall 2022 semester</h4>
+                                        <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.</p>
+                                    </div>
+
+                                </div>
+                            </a>
+
+
+
+                            <button>View All Notices</button>
+
+
+                        </div>
+
+
+                    </div>
+                </div>
+            </section>
+
+
+            <!-- section: news -->
+            <section id="news" class="container-fluid white-bg">
+
+                <div class="container">
+
+
+
+                    <h1>Department News</h1>
+
+                    <p>
+                        Catch up with what's happening at the Department of CSE
+                    </p>
+
+                    <div class="grid news-row">
+
+                        <div class="news-big-img">
+                            <div class="news-big-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/campus_05.jpg" alt="">
+                            </div>
+
+                            <div class="news-big-img-text">
+                                <h5>28th March, 2016</h5>
+                                <h4> <a href=""> Seminar</a></h4>
+                                <a href="">
+                                    <p>Development and Mining of a Volatile Organic Compound Database</p>
+                                </a>
+                            </div>
+                        </div>
+
+
+                        <div class="grid">
+                            <div class="news-small-img">
+                                <div class="news-sm-img-holder">
+                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/campus_05.jpg" alt="">
+                                </div>
+                                <div class="news-sm-img-text">
+                                    <h5>28th March, 2016</h5>
+                                    <h4> <a href=""> Seminar</a></h4>
+                                    <a href="">
+                                        <p>Development and Mining of a Volatile Compounds</p>
+                                    </a>
+                                </div>
+                            </div>
+
+                            <div class="news-small-img">
+                                <div class="news-sm-img-holder">
+                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/campus_01.jpg" alt="">
+                                </div>
+                                <div class="news-sm-img-text">
+                                    <h5>28th March, 2016</h5>
+                                    <h4> <a href=""> Seminar</a></h4>
+                                    <a href="">
+                                        <p>Development and Mining of a Volatile Compounds</p>
+                                    </a>
+                                </div>
+                            </div>
+
+                        </div>
+                    </div>
+
+                    <div class="grid news-row">
+
+                        <div class="grid">
+                            <div class="news-small-img">
+                                <div class="news-sm-img-holder">
+                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/campus_05.jpg" alt="">
+                                </div>
+                                <div class="news-sm-img-text">
+                                    <h5>28th March, 2016</h5>
+                                    <h4> <a href=""> Seminar</a></h4>
+                                    <a href="">
+                                        <p>Development and Mining of a Volatile Compounds</p>
+                                    </a>
+                                </div>
+                            </div>
+
+                            <div class="news-small-img">
+                                <div class="news-sm-img-holder">
+                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/campus_01.jpg" alt="">
+                                </div>
+                                <div class="news-sm-img-text">
+                                    <h5>28th March, 2016</h5>
+                                    <h4> <a href=""> Seminar</a></h4>
+                                    <a href="">
+                                        <p>Development and Mining of a Volatile Compounds</p>
+                                    </a>
+                                </div>
+                            </div>
+
+                        </div>
+
+                        <div class="news-big-img">
+                            <div class="news-big-img-holder">
+                                <img src="<?php echo (get_template_directory_uri()) ?>/img/campus_05.jpg" alt="">
+                            </div>
+
+                            <div class="news-big-img-text">
+                                <h5>28th March, 2016</h5>
+                                <h4> <a href=""> Seminar</a></h4>
+                                <a href="">
+                                    <p>Development and Mining of a Volatile Organic Compound Database</p>
+                                </a>
+                            </div>
+                        </div>
+
+
+                    </div>
+
+                    <button class="primary-c">View All News</button>
+                </div>
+
+            </section>
+
+            <!-- section: events -->
+            <section id="events" class="container-fluid mid-roll">
+                <div class="bg-tint">
+
+                    <div class="container">
+
+                        <h1>Upcoming Events</h1>
+
+                        <div class="grid">
+                            <div class="event-holder">
+                                <div class="event-img-holder">
+                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/0555.jpg" alt="">
+                                </div>
+
+                                <div class="event-date primary-c">
+                                    <h3>Dec</h3>
+                                    <h3>17</h3>
+                                </div>
+
+                                <div class="event-details">
+                                    <a href="">
+                                        <h3>Seminar</h3>
+                                        <h2>Blockchain: The Coming Revolution</h2>
+                                    </a>
+                                </div>
+                            </div>
+
+                            <div class="event-holder">
+                                <div class="event-img-holder">
+                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/2.jpg" alt="">
+                                </div>
+
+                                <div class="event-date primary-c">
+                                    <h3>Nov</h3>
+                                    <h3>27</h3>
+                                </div>
+
+                                <div class="event-details">
+                                    <a href="">
+                                        <h3>Pre-Advising</h3>
+                                        <h2>Blockchain: The Coming Revolution</h2>
+                                    </a>
+                                </div>
+                            </div>
+
+                            <div class="event-holder">
+                                <div class="event-img-holder">
+                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/research_01.jpg" alt="">
+                                </div>
+
+                                <div class="event-date primary-c">
+                                    <h3>Nov</h3>
+                                    <h3>22</h3>
+                                </div>
+
+                                <div class="event-details">
+                                    <a href="">
+                                        <h3>Cultural Event</h3>
+                                        <h2>Blockchain: The Coming Revolution</h2>
+                                    </a>
+
+                                </div>
+                            </div>
+
+                            <div class="event-holder">
+                                <div class="event-img-holder">
+                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/research_03.jpg" alt="">
+                                </div>
+
+                                <div class="event-date primary-c">
+                                    <h3>Nov</h3>
+                                    <h3>12</h3>
+                                </div>
+
+                                <div class="event-details">
+                                    <a href="">
+                                        <h3>Seminar</h3>
+                                        <h2>Blockchain: The Coming Revolution</h2>
+                                    </a>
+
+                                </div>
+                            </div>
+                        </div>
+
+                        <button class="primary-c">View all events</button>
+
+
+                    </div>
+                </div>
+            </section>
+
+
+
+            <!-- section: white-bg -->
+            <section class="white-bg">
+                <div class="container">
+                    <h1>Research &amp; Grants</h1>
+                    <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.
+                        Mus mauris vitae ultricies leo integer malesuada nunc vel. Mus mauris vitae ultricies leo integer malesuada nunc vel.
+                    </p>
+
+                    <div id="research-pointers" class="grid">
+
+                        <div>
+                            <h3>32 Research Projects</h3>
+                            <p>Spread across Undergraduate and Graduate Programs</p>
+                        </div>
+
+                        <div>
+                            <h3>Tk 5 Crores in grants</h3>
+                            <p>Spread across Undergraduate and Graduate Programs</p>
+                        </div>
+
+
+                        <div>
+                            <h3>32 Research Projects</h3>
+                            <p>Spread across Undergraduate and Graduate Programs</p>
+                        </div>
+                    </div>
+                </div>
+            </section>
+
+
+
+
+
         </main><!-- #main -->
     </div><!-- .row -->
 </div><!-- .container -->