瀏覽代碼

Alumni archive added

Md Mozahidur Rahman 1 年之前
父節點
當前提交
f49498e891
共有 4 個文件被更改,包括 1010 次插入15 次删除
  1. 176 0
      archive-alumni.php
  2. 25 1
      css/theme-styles.css
  3. 2 2
      inc/acf-json/group_642c328a32e68.json
  4. 807 12
      page-template/page-home.php

+ 176 - 0
archive-alumni.php

@@ -0,0 +1,176 @@
+<?php
+
+/**
+ * The template for displaying news archive page
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
+ *
+ * @package UIU_CSE
+ */
+
+get_header();
+?>
+<main id="main" class="site-main" role="main">
+	<div class="sections">
+		<section id="all-alumni" class="container">
+			<h2>All Alumni</h2>
+			<hr>
+			<div class="parent-grid">
+				<?php if (have_posts()) : ?>
+					<?php while (have_posts()) : the_post(); ?>
+
+
+						<div class="alumni-stub grid-sub-item">
+
+							<div class="stub-img-holder">
+								<img class="stub-img" src="<?php the_field('profile_photo'); ?>" alt="">
+							</div>
+
+							<div class="archive-alumni-details">
+								<a class="alumni-name" href="<?php echo get_the_permalink() ?>">
+									<h3><?php echo get_the_title() ?></h3>
+								</a>
+
+								<span class="alumni-designation">
+									<?php the_field('alumni_designation'); ?>
+								</span>
+
+							</div>
+
+						</div>
+
+					<?php endwhile; ?>
+			</div>
+			<?php the_posts_navigation(); ?>
+
+		<?php
+				else :
+
+					get_template_part('template-parts/content', 'none');
+
+				endif;
+		?>
+		</section>
+	</div>
+</main>
+
+<style>
+	@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Text&display=swap");
+	@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");
+	@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css);
+
+	header {
+		height: 100px !important;
+	}
+
+	#all-alumni h2 {
+		color: #000 !important;
+		margin-top: 40px;
+		margin-bottom: 20px;
+	}
+
+	#all-alumni .alumni-stub {
+		width: 100%;
+		padding: 5px;
+		box-shadow: 2px 2px 10px 6px rgba(0, 0, 0, 0.137254902);
+		margin: 30px auto;
+	}
+
+	#all-alumni .stub-img-holder {
+		border-radius: 4px !important;
+		height: 160px;
+		overflow: hidden;
+	}
+
+	#all-alumni .stub-img-holder img {
+		border-radius: 0px !important;
+		height: 100%;
+		width: 100%;
+		-o-object-fit: cover;
+		object-fit: cover;
+		-o-object-position: center;
+		object-position: center;
+	}
+
+	#all-alumni .archive-alumni-details {
+		height: 100px;
+		padding: 0px 10px;
+	}
+
+	#all-alumni .archive-alumni-details .alumni-degree {
+		display: inline-block;
+		color: rgba(89, 107, 161, 0.5647058824);
+		font-weight: 800;
+		font-size: 14px;
+	}
+
+	#all-alumni .archive-alumni-details .alumni-designation {
+		display: block;
+		color: rgba(0, 0, 0, 0.5647058824);
+		font-weight: 800;
+		font-size: 14px;
+	}
+
+	#all-alumni .archive-alumni-details h3 {
+		font-size: 18px;
+		line-height: 22px;
+		font-family: "Open Sans", sans-serif;
+		color: #2F4858 !important;
+		margin: 10px auto;
+	}
+
+	/*# sourceMappingURL=archive-alumni.css.map */
+	header {
+		height: 100px !important;
+	}
+
+	#all-news {
+		display: flex;
+		flex-direction: column;
+	}
+
+	#all-news h2 {
+		color: #000 !important;
+		margin-top: 40px;
+		margin-bottom: 20px;
+	}
+
+	#all-news .stub {
+		margin: 30px auto;
+	}
+
+	#all-news .stub-img-holder {
+		height: 200px;
+		overflow: hidden;
+	}
+
+	#all-news .stub-img-holder img {
+		height: 100%;
+		width: 100%;
+		-o-object-fit: cover;
+		object-fit: cover;
+		-o-object-position: center;
+		object-position: center;
+	}
+
+	#all-news .news-date {
+		display: block;
+		color: #485680;
+		font-weight: 800;
+		font-size: 14px;
+		margin: 10px 0px !important;
+	}
+
+	#all-news h3 {
+		height: 50px;
+		font-size: 18px;
+		line-height: 22px;
+		font-family: "Open Sans", sans-serif;
+		color: #2F4858 !important;
+		margin: 20px auto;
+	}
+
+	/*# sourceMappingURL=archive-news.css.map */
+</style>
+<?php
+get_footer();

+ 25 - 1
css/theme-styles.css

@@ -1656,7 +1656,31 @@ body.archive aside#secondary{
   margin: 2px;
   display: inline-block;
 }
-
+.parent-grid {
+    display: flex;
+    gap: 30px;
+    flex-wrap: wrap;
+    margin-bottom: 60px;
+}
+.grid-sub-item {
+    width: 30% !important;
+    margin: 30px 0 0 10px !important;
+}
+@media screen and (max-width: 991px){
+  .parent-grid {
+    justify-content: space-around;
+}
+  .grid-sub-item {
+      width: 40% !important;
+  }
+}
+@media screen and (max-width: 575px){
+  .grid-sub-item {
+    width: 90% !important;
+    margin-left: auto!important;
+    margin-right: auto!important;
+  }
+}
 /* Pickers Styling--------------------------------- */
 .pickers{
   position: fixed;

+ 2 - 2
inc/acf-json/group_642c328a32e68.json

@@ -16,7 +16,7 @@
                 "class": "",
                 "id": ""
             },
-            "return_format": "array",
+            "return_format": "url",
             "library": "all",
             "min_width": "",
             "min_height": "",
@@ -66,5 +66,5 @@
     "active": true,
     "description": "",
     "show_in_rest": 0,
-    "modified": 1684661078
+    "modified": 1685438314
 }

+ 807 - 12
page-template/page-home.php

@@ -7,17 +7,812 @@
  */
 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.
-            ?>
-        </main><!-- #main -->
-    </div><!-- .row -->
-</div><!-- .container -->
+<!-- <div class="container full-width">
+    <div class="row"> -->
+<section id="banner" class="container-fluid">
+
+    <div class="banner-slider" data-banner-slider>
+        <button class="banner-slider-button prev" data-banner-slider-button="prev">
+            <span class="material-symbols-outlined">
+                arrow_back_ios
+            </span>
+        </button>
+        <button class="banner-slider-button next" data-banner-slider-button="next">
+            <span class="material-symbols-outlined">
+                arrow_forward_ios
+            </span>
+        </button>
+
+        <ul data-slides>
+
+            <li class="slide" data-active>
+                <div class="slider-single-div">
+                    <img src="<?php echo (get_template_directory_uri()) ?>/img/campus_01.jpg" alt="">
+
+                    <div class="banner-overlay">
+                        <h4>Welcome to </h4>
+                        <h1>United<br> International<br> University</h1>
+                        <h3>
+                            Department of <br>
+                            Computer Science &amp; Engineering
+                        </h3>
+                    </div>
+                </div>
+            </li>
+
+
+            <li class="slide">
+                <div class="slider-single-div">
+                    <img src="<?php echo (get_template_directory_uri()) ?>/img/Slider_Swan2.jpg" alt="">
+
+                    <div class="banner-overlay">
+                        <h4>Welcome to </h4>
+                        <h1>United International University</h1>
+                        <h3>
+                            Department of <br>
+                            Computer Science &amp; Engineering
+                        </h3>
+                    </div>
+                </div>
+            </li>
+
+
+            <li class="slide">
+                <div class="slider-single-div">
+                    <img src="<?php echo (get_template_directory_uri()) ?>/img/campus_02.jpg" alt="">
+
+                    <div class="banner-overlay">
+                        <h4>Welcome to </h4>
+                        <h1>Department of <br>
+                            Computer Science &amp; Engineering</h1>
+                        <h3>
+                            United International University
+                        </h3>
+                    </div>
+                </div>
+            </li>
+
+        </ul>
+
+    </div>
+</section>
+
+
+<main id="main" class="site-main" role="main">
+
+    <div class="sections">
+
+        <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 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>
+                <a href="https://uiu.revinr.work/cse/faculty/">
+                    <button class="primary-c">
+                        View complete faculty list
+                    </button>
+                </a>
+            </div>
+
+        </section>
+
+        <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 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>
+
+                <a href="https://uiu.revinr.work/cse/alumni/">
+                    <button class="primary-c">
+                        View complete Alumni list
+                    </button>
+                </a>
+            </div>
+
+        </section>
+
+        <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 id="dept-notices" 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>
+
+                        <a href="https://uiu.revinr.work/cse/notice/">
+
+                            <button>View All Notices</button>
+                        </a>
+
+                    </div>
+
+
+                </div>
+            </div>
+        </section>
+
+        <section id="dept-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>
+                <a href="https://uiu.revinr.work/cse/news/">
+                    <button class="primary-c">View All News</button> </a>
+            </div>
+
+        </section>
+
+        <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>
+                    <a href="https://uiu.revinr.work/cse/event/">
+                        <button class="primary-c">View all events</button>
+                    </a>
+                </div>
+            </div>
+        </section>
+
+
+        <section id="research-grants" 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>
+
+    </div>
+
+</main><!-- #main -->
+
+
+
+
+
+
+
+
+<!-- </div><!-- .row -->
+<!-- </div>.container --> -->
 
 <?php get_footer(); ?>