소스 검색

UI adjusment for home page template

Md Mozahidur Rahman 1 년 전
부모
커밋
24bf4a54c8
3개의 변경된 파일816개의 추가작업 그리고 838개의 파일을 삭제
  1. 18 1
      css/theme-styles.css
  2. 715 705
      inc/raw_temp/home.php
  3. 83 132
      page-template/page-home.php

+ 18 - 1
css/theme-styles.css

@@ -1481,7 +1481,7 @@ button:focus {
   margin-bottom: 0 !important;
 }
 .student-stories h5 {
-  color: brown !important;
+  color: #f68b1f !important;
   font-size: 14px !important;
   padding: 0 5px;
   margin-bottom: 20px;
@@ -1750,4 +1750,21 @@ body.archive aside#secondary{
     padding: 0 20px;
     /* border-top-right-radius: 5px;
     border-bottom-right-radius: 5px; */
+}
+
+.news-row {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 25px;
+    justify-content: space-between;
+}
+.news-big-img {
+    width: calc(50% - 25px);
+    /* gap: 25px; */
+    /* height: max-content; */
+}
+.news-small-img {
+    margin-bottom: 0!important;
+    max-height:unset!important;
+    width: calc(25% - 25px);
 }

+ 715 - 705
inc/raw_temp/home.php

@@ -1,785 +1,795 @@
+<section id="banner" class="container-fluid">
 
-    <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>
 
-      <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>
+    <ul data-slides>
+
+      <li class="slide" data-active>
+        <div class="slider-single-div">
+          <img src="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="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="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="img/student_03.jpg" alt="">
+            </div>
+            <div class="program-details">
+              <h2>Graduate Program</h2>
+              <p>
+                <b>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="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="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>
-        <button class="banner-slider-button next" data-banner-slider-button="next">
-          <span class="material-symbols-outlined">
-            arrow_forward_ios
-          </span>
+
+      </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>
 
-        <ul data-slides>
+        <button class="car-control primary-c" id="next-car" onclick="scrollToNext()">
+          >
+        </button>
+      </div>
 
-          <li class="slide" data-active>
-            <div class="slider-single-div">
-              <img src="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 class="profile-carousel">
+
+        <div class="car-item">
+          <div class="car-item-holder">
+            <div class="car-img-holder">
+              <img src="img/saim.jpg" alt="">
             </div>
-          </li>
 
+            <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>
 
-          <li class="slide">
-            <div class="slider-single-div">
-              <img src="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>
 
+          </div>
+        </div>
 
-          <li class="slide">
-            <div class="slider-single-div">
-              <img src="img/campus_02.jpg" alt="">
+        <div class="car-item">
+          <div class="car-item-holder">
+            <div class="car-img-holder">
+              <img src="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="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="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="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="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 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>
+        </div>
+
 
       </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="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="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>
-  
+
+
+    <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="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>
-        </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="img-cont">
+              <img src="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 class="container">
-  
-            <div id="faculty-img">
-              <img src="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>
+            <div class="img-cont">
+              <img src="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>
-  
-        </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()">
+
+
+        </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 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="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 class="profile-carousel">
-  
-            <div class="car-item">
-              <div class="car-item-holder">
-                <div class="car-img-holder">
-                  <img src="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="img/saifur_rahman_sazib.jpeg" alt="">
             </div>
-  
-            <div class="car-item">
-              <div class="car-item-holder">
-                <div class="car-img-holder">
-                  <img src="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 class="faculty-details">
+              <h2>Saifur Rahman Sazib</h2>
+              <h3><span class="degree">Lead Engineer at Objectstream Inc, USA</span></h3>
+
+
             </div>
-  
-            <div class="car-item">
-              <div class="car-item-holder">
-                <div class="car-img-holder">
-                  <img src="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>
+
+
+
+        <div class="car-item">
+          <div class="car-item-holder">
+            <div class="car-img-holder">
+              <img src="img/faisal_kabir.jpeg" alt="">
             </div>
-  
-            <div class="car-item">
-              <div class="car-item-holder">
-                <div class="car-img-holder">
-                  <img src="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 class="faculty-details">
+              <h2>Md Faisal Kabir</h2>
+              <h3><span class="degree">PhD student at North Dakota State University (NDSU)</span></h3>
+
+
             </div>
-  
-            <div class="car-item">
-  
-              <div class="car-item-holder">
-                <div class="car-img-holder">
-                  <img src="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>
+
+        <div class="car-item">
+          <div class="car-item-holder">
+            <div class="car-img-holder">
+              <img src="img/achia_nila.jpeg" alt="">
             </div>
-  
-  
-            <div class="car-item">
-  
-              <div class="car-item-holder">
-                <div class="car-img-holder">
-                  <img src="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 class="faculty-details">
+              <h2>Achia Nila</h2>
+              <h3><span class="degree"> Founder, Women In Digital - Empowerment through Technology</span></h3>
+
+
             </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="car-item">
+          <div class="car-item-holder">
+            <div class="car-img-holder">
+              <img src="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 class="container">
-  
-  
-            <div id="us-imgs" class="grid student-stories">
-  
-              <div>
-                <div class="img-cont">
-                  <img src="img/story_hasan_shaharear.jpg" alt="">
+        </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>
-                  <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>
+                  <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>
-  
-              <div>
-                <div class="img-cont">
-                  <img src="img/story_foysal-ahmed.jpg" alt="">
+            </a>
+
+            <a href="#">
+
+              <div class="notice-container">
+
+                <div class="event-date">
+                  <h3>Dec</h3>
+                  <h3>12</h3>
                 </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>
+                  <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>
-  
-              <div>
-                <div class="img-cont">
-                  <img src="img/story_kamrul_islam.jpg" alt="">
+            </a>
+
+
+            <a href="#">
+
+              <div class="notice-container">
+
+                <div class="event-date">
+                  <h3>Dec</h3>
+                  <h3>03</h3>
                 </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>
+                  <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>
-  
-  
-            </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 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="img/tazbir_ur_rahman.jpeg" alt="">
+            </a>
+
+
+            <a href="#">
+
+              <div class="notice-container">
+
+                <div class="event-date">
+                  <h3>Nov</h3>
+                  <h3>25</h3>
                 </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>
+                  <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>
-            </div>
-  
-            <div class="car-item">
-              <div class="car-item-holder">
-                <div class="car-img-holder">
-                  <img src="img/saifur_rahman_sazib.jpeg" alt="">
+            </a>
+
+            <a href="#">
+
+              <div class="notice-container">
+
+                <div class="event-date">
+                  <h3>Nov</h3>
+                  <h3>12</h3>
                 </div>
-  
-                <div class="faculty-details">
-                  <h2>Saifur Rahman Sazib</h2>
-                  <h3><span class="degree">Lead Engineer at Objectstream Inc, USA</span></h3>
-  
-  
+
+                <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 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="img/campus_05.jpg" alt="">
             </div>
-  
-  
-  
-            <div class="car-item">
-              <div class="car-item-holder">
-                <div class="car-img-holder">
-                  <img src="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 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 class="car-item">
-              <div class="car-item-holder">
-                <div class="car-img-holder">
-                  <img src="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 class="grid">
+            <div class="news-small-img">
+              <div class="news-sm-img-holder">
+                <img src="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="car-item">
-              <div class="car-item-holder">
-                <div class="car-img-holder">
-                  <img src="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 class="news-small-img">
+              <div class="news-sm-img-holder">
+                <img src="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>
-  
-        </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>
+        </div>
+
+        <div class="grid news-row">
+
+          <div class="grid">
+            <div class="news-small-img">
+              <div class="news-sm-img-holder">
+                <img src="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>
-  
-                <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>
+              </div>
+            </div>
+
+            <div class="news-small-img">
+              <div class="news-sm-img-holder">
+                <img src="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>
-  
-  
-  
-                <button>View All Notices</button>
-  
-  
               </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="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 class="news-big-img">
+            <div class="news-big-img-holder">
+              <img src="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 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="img/0555.jpg" alt="">
               </div>
-  
-  
-              <div class="grid">
-                <div class="news-small-img">
-                  <div class="news-sm-img-holder">
-                    <img src="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="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 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="grid news-row">
-  
-              <div class="grid">
-                <div class="news-small-img">
-                  <div class="news-sm-img-holder">
-                    <img src="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="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 class="event-holder">
+              <div class="event-img-holder">
+                <img src="img/2.jpg" alt="">
               </div>
-  
-              <div class="news-big-img">
-                <div class="news-big-img-holder">
-                  <img src="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 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>
-  
-            <button class="primary-c">View All News</button>
-          </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="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="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="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="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 class="event-holder">
+              <div class="event-img-holder">
+                <img src="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>
-  
-              <button class="primary-c">View all events</button>
-  
             </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 class="event-holder">
+              <div class="event-img-holder">
+                <img src="img/research_03.jpg" alt="">
               </div>
-  
-              <div>
-                <h3>Tk 5 Crores in grants</h3>
-                <p>Spread across Undergraduate and Graduate Programs</p>
+
+              <div class="event-date primary-c">
+                <h3>Nov</h3>
+                <h3>12</h3>
               </div>
-  
-  
-              <div>
-                <h3>32 Research Projects</h3>
-                <p>Spread across Undergraduate and Graduate Programs</p>
+
+              <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 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>
-        </section>
-  
+        </div>
+
+
       </div>
-      
-    </main>
+    </section>
+
+  </div>
+
+</main>

+ 83 - 132
page-template/page-home.php

@@ -91,7 +91,7 @@ get_header(); ?>
                         <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.
+                                <b>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>
@@ -317,90 +317,45 @@ get_header(); ?>
                 <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>
+                        <?php
+                        $args = array(
+                            'post_type'      => 'notice',
+                            'posts_per_page' => 5,
+                            'orderby'        => 'date',
+                            'order'          => 'DESC',
+                        );
 
-                        <a href="#">
+                        $query = new WP_Query($args);
 
-                            <div class="notice-container">
+                        if ($query->have_posts()) :
+                            while ($query->have_posts()) :
+                                $query->the_post();
+                                $custom_date_full = get_the_date('M jS, Y');
+                                $custom_date_min = explode(', ', $custom_date_full);
+                                $custom_date_array = explode(' ', $custom_date_min[0]);
+                        ?>
+                                <a href="<?php echo get_the_permalink(); ?>">
+                                    <div class="notice-container">
+                                        <div class="event-date">
+                                            <h3><?php echo $custom_date_array[0] ?></h3>
+                                            <h3><?php echo $custom_date_array[1] ?></h3>
+                                        </div>
+                                        <div>
+                                            <h6><span class="subtitle"><?php echo get_the_date(); ?></span></h6>
+                                            <h4><?php echo get_the_title(); ?></h4>
+                                            <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.</p>
+                                        </div>
+                                    </div>
+                                </a>
 
-                                <div class="event-date">
-                                    <h3>Nov</h3>
-                                    <h3>12</h3>
-                                </div>
+                        <?php
+                            endwhile;
+                        else :
+                            echo '<div class="no-post-found">No event has found! </div>';
+                        endif; ?>
 
-                                <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="/notice/">
 
@@ -409,7 +364,6 @@ get_header(); ?>
 
                     </div>
 
-
                 </div>
             </div>
         </section>
@@ -426,7 +380,7 @@ get_header(); ?>
                     Catch up with what's happening at the Department of CSE
                 </p>
 
-                <div class="grid news-row">
+                <div class="news-row">
 
                     <div class="news-big-img">
                         <div class="news-big-img-holder">
@@ -443,67 +397,64 @@ get_header(); ?>
                     </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 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="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 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 class="news-big-img">
                         <div class="news-big-img-holder">
                             <img src="<?php echo (get_template_directory_uri()) ?>/img/campus_05.jpg" alt="">
@@ -518,8 +469,8 @@ get_header(); ?>
                         </div>
                     </div>
 
-
                 </div>
+
                 <a href="/news/">
                     <button class="primary-c">View All News</button> </a>
             </div>