uiu-cse/inc/raw_temp/home.php

<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="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>

      </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="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/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>

          </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="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="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="img/story_kamrul_islam.jpg" alt="">
            </div>
            <div>
              <h2>Kamrul Islam Shahin</h2>
              <h5>Programmer, Big Web Technologies Limited</h5>
              <p>
                It’s still like a dream. The day I accomplished my goal by finishing my studies, all the struggles of the past years seemed nothing. My hard work showed its result finally. When I started my educational journey with United International University (UIU), the path seemed dark, confusing and quite uncertain.
              </p>
              <a href="#">Learn more </a>
            </div>
          </div>


        </div>

        <div>
          <h1>Notable Alumni</h1>
          <p>
            Pellentesque est est, luctus non iaculis sed, congue non diam. In efficitur gravida ipsum vitae finibus. Etiam sollicitudin placerat leo.
          </p>
        </div>


        <button class="primary-c">
          View complete Alumni list
        </button>

      </div>

    </section>

    <section 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>

        <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="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="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="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="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>



            <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>


          <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>
        </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>

          <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="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>

          <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>
        </div>


      </div>
    </section>

  </div>

</main>