uiu-sobe/page-template/page-sobe-home.php

<?php

/**
 * Template Name: SOBE Home
 *
 * @package UIU_DEPARTMENTAL
 */
get_header(); ?>

<!-- hero section -->
<section id="hero">

    <div class="swiper heroSlider">
        <div class="swiper-wrapper">

            <div class="swiper-slide">

                <div class="slide-overlay" style="background: black; opacity: .5;"></div>

                <div class="slide-image">
                    <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/IMG_7953.JPG" alt="">
                </div>

                <div class="hero-text-container">

                    <div class="sub-heading">
                        Lorem, ipsum dolor.
                    </div>

                    <div class="heading">
                        Welcome to SOBE
                    </div>

                    <div class="text-content">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cupiditate quasi aliquam soluta reprehenderit fuga blanditiis cum iste vel odio tenetur!</div>

                    <a class="link-btn" role="button" href="#">link button</a>

                </div>
            </div>

            <div class="swiper-slide">

                <div class="slide-overlay" style="background: black; opacity: .5;"></div>

                <div class="slide-image">
                    <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/IMG_7980.JPG" alt="">
                </div>

                <div class="hero-text-container">



                    <div class="heading">
                        United International University SOBE
                    </div>

                    <div class="text-content">
                        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cupiditate quasi aliquam soluta reprehenderit fuga blanditiis cum iste vel odio tenetur!
                    </div>

                    <a class="link-btn" role="button" href="#">Link Button</a>

                </div>
            </div>

            <div class="swiper-slide">

                <div class="slide-overlay" style="background: black; opacity: .5;"></div>

                <div class="slide-image">
                    <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/IMG_7770.JPG" alt="">
                </div>

                <div class="hero-text-container">



                    <div class="heading">
                        United International University SOBE
                    </div>

                    <div class="text-content">
                        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cupiditate quasi aliquam soluta reprehenderit fuga blanditiis cum iste vel odio tenetur!
                    </div>

                    <a class="link-btn" role="button" href="#">Link Button</a>

                </div>
            </div>

        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>


</section>


<main id="main" class="site-main" role="main">
    <section id="faculty-section" class="container white-bg">
        <div class="container">
            <h4>Welcome To </h4>
            <h1>School of Business &amp; Economics</h1>
            <p>
                At United International University we see the curriculum as something that embraces more or less everything that a student does. You may ask why we see the curriculum that way. For many university, the curriculum is just the academic part of what a student studies. But that really doesn’t do justice to what an education is.
            </p>

        </div>
        <div class="container">
            <div id="faculty-img">
                <img src="<?php echo (get_template_directory_uri()) ?>/img/sobe1.jpg" alt="">
            </div>
        </div>
        <a class="link-btn" role="button" href="#">Read More</a>
    </section>

    <!-- programs section -->
    <section id="programs">
        <div class="container">
            <div class="header">
                <div class="section-title">
                    SOBE Programs
                </div>
                <div class="section-subtitle">
                    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt animi architecto deserunt praesentium autem inventore aperiam laudantium nostrum magni, recusandae vero dolore est unde deleniti aliquid quibusdam vel suscipit libero?
                    <a class="link-btn" role="button" href="<?php site_url(); ?>/programs/">View All Program</a>

                </div>
            </div>

            <div class="programs-container ">
                <div class="programs row g-3">
                    <div class="col-12 col-md-6 col-lg-4">
                        <a class="program-item" href="<?php site_url(); ?>/bba/">
                            <div class="text">
                                Bachelor of Business Administration (BBA)
                            </div>
                            <div class="program-overlay" style="background: #e44c9a;"></div>
                        </a>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4">
                        <a class="program-item" href="<?php site_url(); ?>/bba-in-ais/">
                            <div class="text">
                                BBA in Accounting & Information Systems (BBA in AIS)
                            </div>
                            <div class="program-overlay" style="background: #01778b;"></div>
                        </a>
                    </div>

                    <div class="col-12 col-md-6 col-lg-4">
                        <a class="program-item" href="<?php site_url(); ?>/economics/">
                            <div class="text">
                                Bachelor of Science in Economics
                            </div>
                            <div class="program-overlay" style="background: #71cdf4;"></div>
                        </a>
                    </div>

                    <div class="col-12 col-md-6 col-lg-4">
                        <a class="program-item" href="<?php site_url(); ?>/mba/">
                            <div class="text">
                                Master of Business Administration (MBA)
                            </div>
                            <div class="program-overlay" style="background: #0d5581;"></div>
                        </a>
                    </div>

                    <div class="col-12 col-md-6 col-lg-4">
                        <a class="program-item" href="<?php site_url(); ?>/emba/">
                            <div class="text">
                                Executive MBA (EMBA)
                            </div>
                            <div class="program-overlay" style="background: #ff5e00;"></div>
                        </a>
                    </div>

                    <div class="col-12 col-md-6 col-lg-4">
                        <a class="program-item" href="<?php site_url(); ?>/msc-in-economics/">
                            <div class="text">
                                Master of Science in Economics
                            </div>
                            <div class="program-overlay" style="background: #e44c9a;"></div>
                        </a>
                    </div>

                    <div class="col-12 col-md-6 col-lg-4">
                        <a class="program-item" href="<?php site_url(); ?>/mihrm/">
                            <div class="text">
                                Master in International Human Resource Management
                            </div>
                            <div class="program-overlay" style="background: #ff5e00;"></div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- faculty members -->
    <section id="faculty-members" class="container-fluid white-bg fac">

        <div class="container">
            <h4>OUR FACULTY MEMBERS</h4>
            <h1>The Cogs That Turn The Wheels Of Our Success</h1>
            <p>
                Highly qualified faculty member graduated with extra-ordinary academic credential from local and foreign renowned universities are one of the notable strengths of School of Business & Economics. Currently, the SoBE has 68 full time faculty members.
            </p>



        </div>

        <div class="container-fluid">

            <div class="swiper facultyMembersSlider">
                <div class="swiper-wrapper">
                    <div class="swiper-slide single-slider">
                        <div class="slider-image-container">
                            <img src="<?php echo (get_template_directory_uri()) ?>/img/Sohel-Zaman.jpg" alt="">
                        </div>
                        <div class="faculty-details">
                            <h2>ZAMAN, ABU SALEH MD. SOHEL-UZ<span class="degree"> Ph.D.</span></h2>
                            <h3 class="deg">Professor & Director - MBA, EMBA & MIHRM</h3>
                        </div>
                    </div>

                    <div class="swiper-slide single-slider">
                        <div class="slider-image-container">
                            <img src="<?php echo (get_template_directory_uri()) ?>/img/Dr.-Kawsar-Ahmmed.jpg" alt="">
                        </div>
                        <div class="faculty-details">
                            <h2>AHMMED, KAWSAR<span class="degree"> Ph.D.</span></h2>
                            <h3 class="deg">Professor, Marketing BBA Program</h3>
                        </div>
                    </div>

                    <div class="swiper-slide single-slider">
                        <div class="slider-image-container">
                            <img src="<?php echo (get_template_directory_uri()) ?>/img/pro-vc.jpg" alt="">
                        </div>

                        <div class="faculty-details">
                            <h2>AHMED, HASNAN<span class="degree"> Ph.D<< /span>
                            </h2>
                            <h3 class="deg">Professor</h3>
                        </div>

                    </div>

                    <div class="swiper-slide single-slider">

                        <div class="slider-image-container">
                            <img src="<?php echo (get_template_directory_uri()) ?>/img/Salma.jpg" alt="">
                        </div>

                        <div class="faculty-details">
                            <h2>KARIM, SALMA,<span class="degree"> Ph.D.</span></h2>
                            <h3 class="deg">Professor</h3>
                        </div>

                    </div>

                    <div class="swiper-slide single-slider">

                        <div class="slider-image-container">
                            <img src="<?php echo (get_template_directory_uri()) ?>/img/mahmud.jpg" alt="">
                        </div>

                        <div class="faculty-details">
                            <h2>RAHMAN, KHANDOKER MAHMUDUR, <span class="degree"> Ph.D.</span></h2>
                            <h3 class="deg">Professor & Director - BBA and BBA in AIS</h3>
                        </div>

                    </div>

                    <div class="swiper-slide single-slider">

                        <div class="slider-image-container">
                            <img src="<?php echo (get_template_directory_uri()) ?>/img/Prof-Musa.jpg" alt="">
                        </div>

                        <div class="faculty-details">
                            <h2>MUSA, MOHAMMAD,<span class="degree"> Ph.D.</span></span></h2>
                            <h3 class="deg">Professor & Dean</h3>
                        </div>

                    </div>

                </div>
                <div class="swiper-button-next faculty-btn-next"></div>
                <div class="swiper-button-prev faculty-btn-prev"></div>
            </div>

        </div>

        <a class="link-btn" role="button" href="<?php site_url(); ?>/faculty/">View All Faculties</a>

    </section>

    <!-- campus life -->

    <section id="campus-life" class="white-bg">

        <div class="container ">

            <h1 class="page-title">Campus Life</h1>

            <p class="page-subtitle">
                Our thriving residential campus is home to a community of creative and accomplished people from around the world.
            </p>

            <a class="link-btn" role="button" href="<?php site_url(); ?>/campus-life/">Know More</a>


            <div class="image-container">
                <img src="<?php echo (get_template_directory_uri()) ?>/img/canteen.jpg" alt="">
            </div>


        </div>

        <div class="container-fluid analytics">

            <div class="item">
                <h2 class="count">600+</h2>
                <p class="desc">Organized student groups</p>
            </div>

            <div class="item">
                <h2 class="count">666</h2>
                <p class="desc">Lorem ipsum dolor</p>
            </div>

            <div class="item">
                <h2 class="count">69</h2>
                <p class="desc">Undergraduate student residences</p>
            </div>

            <div class="item">
                <h2 class="count">20000+</h2>
                <p class="desc">Students living on campus</p>
            </div>


        </div>


    </section>

    <!--sobe alumni  -->
    <section id="alumni">
        <div class="container">
            <div class="alumni-title">
                <h4 class="subtitle">
                    Our Past
                </h4>
                <div class="underline underline-center"></div>
                <h1 class="title">
                    SOBE Alumni
                </h1>
            </div>

            <div class="row g-3">
                <div class="col-12">
                    <div class="alumni-desc">
                        <p>
                            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet numquam accusamus voluptatibus eum corporis modi atque itaque libero perspiciatis, consequatur quia corrupti, debitis nostrum quis dolores aliquam. Natus cumque iusto perspiciatis, cum, dolorum consectetur, id non voluptatem sequi qui soluta? Autem maiores deserunt quisquam nostrum repellat tempore cumque? Voluptatum, quidem.
                        </p>
                        <a role="button" class="alumni-btn" href="<?php site_url(); ?>/alumni/">View Notable Alumni</a>
                    </div>

                    <div class="image-container">
                        <img src="<?php echo (get_template_directory_uri()) ?>/img/faculty-grp.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
        </div>
    </section>

    <!--sobe recognition  -->
    <section id="recognition">
        <div class="container heading">
            <h1>Recognition</h1>
            <p>
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio iusto aliquid dolores quaerat consectetur sapiente repellat? Non magnam ratione architecto laboriosam esse autem.
            </p>
            <!-- <a class="link-btn-primary" href="">Learn more</a> -->
        </div>

        <div class="container-fluid slider-component">

            <div class="swiper recognitionSlider">
                <div class="swiper-wrapper">

                    <?php
                    $current_post = $post_id;
                    if (have_rows('recognition_items', 'option')) :
                        while (have_rows('recognition_items', 'option')) : the_row();
                    ?>

                            <div class="swiper-slide">
                                <div class="slide-item">
                                    <div class="ranking-container">
                                        <img src="<?php the_sub_field('related_image'); ?>" alt="">
                                    </div>
                                    <div class="ranking-provider">

                                        <a class="title" href="<?php the_sub_field('related_link'); ?>"><?php the_sub_field('recognition_title'); ?></a>
                                    </div>
                                </div>
                            </div>



                    <?php endwhile;
                    endif;
                    ?>
                </div>

                <div class="swiper-button-next recognitionSlider-button-next slider-btn">
                    <span class="material-symbols-outlined">
                        navigate_next
                    </span>
                </div>

                <div class="swiper-button-prev recognitionSlider-button-prev slider-btn">
                    <span class="material-symbols-outlined">
                        navigate_before
                    </span>
                </div>
            </div>

        </div>
    </section>

    <!-- uiu in media -->
    <section id="uiu-in-media">

        <div class="container">
            <h1>UIU in Media</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 class="gallery-section">
                <div class="row g-4">

                    <?php
                    $args = array(
                        'post_type'      => 'uiu_in_media',
                        'posts_per_page' => 3,
                        'orderby'        => 'date',
                        'order'          => 'DESC',
                    );

                    $query = new WP_Query($args);

                    if ($query->have_posts()) :
                        while ($query->have_posts()) :
                            $query->the_post(); ?>

                            <div class="col-12 col-md-6 col-lg-4 ">
                                <div class="gallery-item">
                                    <div class="image-container">
                                        <img src="<?php echo get_the_post_thumbnail_url() ?>" alt="">
                                    </div>
                                    <div class="gallery-details">
                                        <span class="create-date"><?php the_field('publication_date'); ?></span>
                                        <a class="news-title" href="<?php the_field('news_url'); ?>" target="_blank">
                                            <?php echo get_the_title(); ?>
                                        </a>
                                        <span class="media-provider"><?php the_field('news_provider'); ?></span>
                                    </div>
                                </div>
                            </div>

                    <?php
                        endwhile;
                    else :
                        echo '<div class="no-post-found">No news media has found! </div>';
                    endif; ?>

                </div>
                <a class="link-btn-primary" href="/uiu_in_media/">View all news media</a>
            </div>
        </div>
    </section>

    <!-- department notice -->
    <section id="dept-notices" style="background-image: url(<?php echo (get_template_directory_uri()) ?>/img/focus-on-mobile.JPG);">

        <div class="container">

            <div class="notice-main">

                <h1 class="section-title">Department Notices</h1>

                <?php
                $args = array(
                    'post_type'      => 'notice',
                    'posts_per_page' => 5,
                    'orderby'        => 'date',
                    'order'          => 'DESC',
                );

                $query = new WP_Query($args);

                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="notice-date">
                                    <h3><?php echo $custom_date_array[0] ?></h3>
                                    <h3 class="strong"><?php echo $custom_date_array[1] ?></h3>
                                </div>

                                <div class="notice-details">
                                    <h6 class="subtitle"><?php echo get_the_date(); ?></h6>
                                    <h4 class="title"><?php echo get_the_title(); ?></h4>
                                    <p>Maecenas sed enim ut sem viverra aliquet. Neque laoreet suspendisse interdum consectetur.</p>
                                </div>

                            </div>
                        </a>

                <?php
                    endwhile;
                else :
                    echo '<div class="no-post-found">No notice has found! </div>';
                endif; ?>
                <a class="link-btn" role="button" href="<?php site_url(); ?>/notice/">View All Notices</a>
            </div>

        </div>

    </section>

    <!-- events -->
    <section id="events" class="container-fluid">
        <div>

            <div>

                <h1>Upcoming Events</h1>

                <div class="grid">

                    <?php
                    $args = array(
                        'post_type'      => 'event',
                        'posts_per_page' => 5,
                        'orderby'        => 'date',
                        'order'          => 'DESC',
                    );

                    $query = new WP_Query($args);

                    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]);

                    ?>
                            <div class="event-holder">
                                <div class="event-img-holder">
                                    <img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="">
                                </div>

                                <div class="event-date primary-c">
                                    <h3>DEC</h3>
                                    <h3>17</h3>
                                </div>

                                <div class="event-details">
                                    <a href="<?php echo get_permalink(); ?>">
                                        <h2><?php echo get_the_title(); ?></h2>
                                        <h3><?php the_field('event_venue'); ?></h3>
                                    </a>

                                </div>
                            </div>
                    <?php
                        endwhile;
                    else :
                        echo '<div class="no-post-found">No event has found! </div>';
                    endif; ?>

                </div>
                <a class="link-btn" role="button" href="<?php site_url(); ?>/event/">View All Events</a>
            </div>
        </div>
    </section>

    <!-- department news -->
    <section id="dept-news">

        <div class="container">

            <div class="row g-5">

                <div class="info-cont col-12 col-md-6">
                    <h1 class="section-title">Department News</h1>

                    <div class="section-subtitle">
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod fuga perspiciatis iusto ipsum provident! Est consectetur perspiciatis aliquam rem sed hic. At explicabo in veritatis error asperiores praesentium fugit exercitationem.
                    </div>

                    <a class="link-btn" role="button" href="<?php site_url(); ?>/news/">View All News</a>

                </div>

                <div class="col-12 col-md-6">

                    <div class="swiper departmentalNews">
                        <div class="swiper-wrapper">


                            <?php
                            $args = array(
                                'post_type'      => 'news',
                                'posts_per_page' => 3,
                                'orderby'        => 'date',
                                'order'          => 'DESC',
                            );

                            $query = new WP_Query($args);
                            $count = 0;

                            if ($query->have_posts()) :
                                while ($query->have_posts()) :
                                    $query->the_post();
                                    $count++;
                                    $index = $query->current_post + 1; ?>

                                    <div class="swiper-slide single-news">

                                        <div class="news-img-container">
                                            <img src="<?php echo get_the_post_thumbnail_url() ?>" alt="">
                                        </div>

                                        <div class="news-text">
                                            <h6 class="news-date"><?php the_field('news_date'); ?></h6>
                                            <a class="news-cat" href="#"> Seminar</a>
                                            <a class="news-title" href="<?php echo get_permalink(); ?>"><?php echo get_the_title(); ?></a>
                                        </div>

                                    </div>
                            <?php
                                endwhile;
                            else :
                                echo '<div class="no-post-found">No related news has found! </div>';
                            endif; ?>
                        </div>
                    </div>
                    <div class="nav-btn">
                        <div class="swiper-button-prev news-btn-prev"></div>
                        <div class="swiper-button-next news-btn-next"></div>
                    </div>

                </div>

            </div>


        </div>

    </section>

    <!-- footer1 -->
    <section class="container-fluid" id="footer1">
    </section>

</main>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
<script src='https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js' id='swiper-js'></script>

<link rel="stylesheet" href="<?php echo (get_template_directory_uri()) ?>/css/page-sobe-home.css" />
<?php get_footer(); ?>