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