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

<?php

/**
 * Template Name: SOBE MIHRM 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: .4;"></div>

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

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

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

                    <div class="heading">
                        Master in International Human Resource Management (MIHRM)
                    </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 role="button" class="link-btn" href="#">link button</a>

                </div>
            </div>

            <div class="swiper-slide">

                <div class="slide-overlay" style="background: rgb(19, 48, 134); opacity: .4;""></div>

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

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



                    <div class="heading">
                        United International University MIHRM
                    </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 role="button" class="link-btn" href="#">Link Button</a>

                </div>
            </div>

            <div class="swiper-slide">

                <div class="slide-overlay" style="background: rgb(19, 48, 134); opacity: .4;""></div>

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

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



                    <div class="heading">
                        United International University MIHRM
                    </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 role="button" class="link-btn" 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">
    <!-- welcome section -->
    <section id="welcome-section" class="welcome-section">

        <div class="container">

            <h6 class="section-sub-heading">School of Business and Economics</h6>

            <h1 class="title">
               Master in International Human Resource Management (MIHRM)
            </h1>

            <div class="content">

                <div class="text-content">

                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Ab vitae, optio minima repellat fuga inventore nesciunt tempora quasi eum velit quis eveniet, quia nisi placeat autem deleniti dolorum, quo expedita! Quis minus illum neque dolorum rem incidunt excepturi vero ipsa, voluptatibus accusantium explicabo, hic et commodi fugiat consequatur tempora nisi.
                    </p>


                </div>

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

            </div>

        </div>

    </section>

    <!-- campus life -->
    <section id="campus-life" class="white-bg" style="background-image: url(<?php echo (get_template_directory_uri()) ?>/img/campus-life-bba.JPG);">

        <div class="container">

            <div class="text-information">

                <h1 class="section-heading">Campus Life</h1>

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

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

            </div>

        </div>

        <div class=" statistics-container">

            <div class="texture-overlay "></div>

            <div class="row all-statistics">

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

                    <div class="single-statistics">

                        <div class="statistics-icon">
                            <img src="<?php echo (get_template_directory_uri()) ?>/img/student-icon.svg" alt="">
                        </div>

                        <div class="count">
                            6000+
                        </div>

                        <div class="title">
                            STUDENTS
                        </div>

                    </div>

                </div>

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

                    <div class="single-statistics">

                        <div class="statistics-icon">
                            <img src="<?php echo (get_template_directory_uri()) ?>/img/teacher-icon.svg" alt="">
                        </div>

                        <div class="count">
                            250+
                        </div>

                        <div class="title">
                            TEACHERS
                        </div>

                    </div>

                </div>

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

                    <div class="single-statistics">

                        <div class="statistics-icon">
                            <img src="<?php echo (get_template_directory_uri()) ?>/img/award-solid.svg" alt="">
                        </div>

                        <div class="count">
                            35+
                        </div>

                        <div class="title">
                            AWARDS
                        </div>

                    </div>

                </div>

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

                    <div class="single-statistics">

                        <div class="statistics-icon">
                            <img src="<?php echo (get_template_directory_uri()) ?>/img/ranking-star-solid.svg" alt="">
                        </div>

                        <div class="count">
                            13+
                        </div>

                        <div class="title">
                            PROGRAMS
                        </div>

                    </div>

                </div>

            </div>

        </div>


    </section>

    <!-- why-uiu -->
    <section id="faculty-2">

        <div class="container">

            <div class="upper-part row g-5 ">

                <div class="col-12 col-lg-6 text-container">

                    <div class="title">Faculty Members</div>

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

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

                </div>

                <div class="col-12 col-lg-6 related-media">

                    <iframe width="560" src="https://www.youtube.com/embed/mdz_fvXpVhk?controls=0&disablekb=1&autoplay=1&mute=1&playsinline=1&loop=1&playlist=mdz_fvXpVhk" allowfullscreen></iframe>

                </div>


            </div>


        </div>

    </section>

    <!-- department News = -->
    <section id="news">
        <div class="container">

            <div class="section-header">

                <div>
                    <div class="section-title">
                        News and Opinion
                    </div>

                    <p class="sub-header">
                        Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque aliquid voluptatum iure tenetur dignissimos in eaque dolor perferendis ipsam corrupti.
                    </p>
                </div>


                <a href="<?php site_url(); ?>/news/" role="button" class="link-btn">
                    view more news and opinion
                </a>

            </div>



            <div class="news-container row g-3">

                <div class="col-12 col-lg-4">

                    <div class="news-full">

                        <div class="news-image">

                            <img src="<?php echo (get_template_directory_uri()) ?>/img/campus_02.jpg" alt="">

                            <div class="dec-icon">
                                <i class="fa-solid fa-arrow-right"></i>
                            </div>

                        </div>


                        <div class="news-details">

                            <div class="news-date">
                                27 may
                            </div>

                            <div class="news-text">

                                <a href="#" class="title">
                                    Lorem ipsum dolor sit amet.
                                </a>

                                <div class="details">
                                    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo nesciunt vitae laudantium expedita iste voluptate totam tempora dolorum ipsam inventore.
                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-12 col-lg-4">

                    <div class="news-full">

                        <div class="news-image">

                            <img src="<?php echo (get_template_directory_uri()) ?>/img/campus_02.jpg" alt="">

                            <div class="dec-icon">
                                <i class="fa-solid fa-arrow-right"></i>
                            </div>

                        </div>

                        <div class="news-details">

                            <div class="news-date">
                                27 may
                            </div>

                            <div class="news-text">

                                <a href="#" class="title">
                                    Lorem ipsum dolor sit amet.
                                </a>

                                <div class="details">
                                    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Nemo nesciunt vitae laudantium expedita iste voluptate totam tempora dolorum ipsam inventore.
                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-12 col-lg-4">

                    <ul class="short-news-list">

                        <li>

                            <div class="news-short">

                                <div class="sub-title">
                                    News
                                </div>

                                <a href="#" class="title">
                                    Lorem ipsum dolor sit amet consectetur adipisicing.
                                </a>

                                <div class="date">
                                    27 may 2023
                                </div>

                            </div>

                        </li>

                        <li>

                            <div class="news-short">

                                <div class="sub-title">
                                    News
                                </div>

                                <a href="#" class="title">
                                    Lorem ipsum dolor sit amet consectetur adipisicing.
                                </a>

                                <div class="date">
                                    27 may 2023
                                </div>

                            </div>

                        </li>

                        <li>

                            <div class="news-short">

                                <div class="sub-title">
                                    News
                                </div>

                                <a href="#" class="title">
                                    Lorem ipsum dolor sit amet consectetur adipisicing.
                                </a>

                                <div class="date">
                                    27 may 2023
                                </div>

                            </div>

                        </li>

                    </ul>

                </div>

            </div>

        </div>
    </section>

    <!-- department events -->
    <section id="events">

        <div class="container">

            <div class="section-header">
                Events
            </div>

            <p class="sub-header">
                Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque aliquid voluptatum iure tenetur dignissimos in eaque dolor perferendis ipsam corrupti. Omnis explicabo possimus eos pariatur quae repudiandae reprehenderit vero hic!
            </p>


            <div class="row events">

                <div class="col-12 col-lg-6 g-4">

                    <div class="single-events">

                        <div class="event-date">
                            <span class="strong">29</span>
                            <span>May</span>
                        </div>

                        <div class="event-details">

                            <a class="title" href="#">
                                Lorem, ipsum dolor sit amet consectetur adipisicing.
                            </a>

                            <div class="event-duration">
                                <span class="icon">
                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/clock-regular.svg" alt="">
                                </span>
                                <span>
                                    09:00am to 4:00pm
                                </span>
                            </div>

                            <div class="event-location">
                                <span class="icon">
                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/location-dot-solid.svg" alt="">
                                </span>
                                <span>
                                    Lorem ipsum dolor sit amet.
                                </span>
                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-12 col-lg-6 g-4">

                    <div class="single-events">

                        <div class="event-date">
                            <span class="strong">29</span>
                            <span>May</span>
                        </div>

                        <div class="event-details">

                            <a class="title" href="#">
                                Lorem, ipsum dolor sit amet consectetur adipisicing.
                            </a>

                            <div class="event-duration">
                                <span class="icon">
                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/clock-regular.svg" alt="">
                                </span>
                                <span>
                                    09:00am to 4:00pm
                                </span>
                            </div>

                            <div class="event-location">
                                <span class="icon">
                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/location-dot-solid.svg" alt="">
                                </span>
                                <span>
                                    Lorem ipsum dolor sit amet.
                                </span>
                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-12 col-lg-6 g-4">

                    <div class="single-events">

                        <div class="event-date">
                            <span class="strong">29</span>
                            <span>May</span>
                        </div>

                        <div class="event-details">

                            <a class="title" href="#">
                                Lorem, ipsum dolor sit amet consectetur adipisicing.
                            </a>

                            <div class="event-duration">
                                <span class="icon">
                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/clock-regular.svg" alt="">
                                </span>
                                <span>
                                    09:00am to 4:00pm
                                </span>
                            </div>

                            <div class="event-location">
                                <span class="icon">
                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/location-dot-solid.svg" alt="">
                                </span>
                                <span>
                                    Lorem ipsum dolor sit amet.
                                </span>
                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-12 col-lg-6 g-4">

                    <div class="single-events">

                        <div class="event-date">
                            <span class="strong">29</span>
                            <span>May</span>
                        </div>

                        <div class="event-details">

                            <a class="title" href="#">
                                Lorem, ipsum dolor sit amet consectetur adipisicing.
                            </a>

                            <div class="event-duration">
                                <span class="icon">
                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/clock-regular.svg" alt="">
                                </span>
                                <span>
                                    09:00am to 4:00pm
                                </span>
                            </div>

                            <div class="event-location">
                                <span class="icon">
                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/location-dot-solid.svg" alt="">
                                </span>
                                <span>
                                    Lorem ipsum dolor sit amet.
                                </span>
                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-12 col-lg-6 g-4">

                    <div class="single-events">

                        <div class="event-date">
                            <span class="strong">29</span>
                            <span>May</span>
                        </div>

                        <div class="event-details">

                            <a class="title" href="#">
                                Lorem, ipsum dolor sit amet consectetur adipisicing.
                            </a>

                            <div class="event-duration">
                                <span class="icon">
                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/clock-regular.svg" alt="">
                                </span>
                                <span>
                                    09:00am to 4:00pm
                                </span>
                            </div>

                            <div class="event-location">
                                <span class="icon">
                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/location-dot-solid.svg" alt="">
                                </span>
                                <span>
                                    Lorem ipsum dolor sit amet.
                                </span>
                            </div>

                        </div>

                    </div>

                </div>

                <div class="col-12 col-lg-6 g-4">

                    <div class="single-events">

                        <div class="event-date">
                            <span class="strong">29</span>
                            <span>May</span>
                        </div>

                        <div class="event-details">

                            <a class="title" href="#">
                                Lorem, ipsum dolor sit amet consectetur adipisicing.
                            </a>

                            <div class="event-duration">
                                <span class="icon">
                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/clock-regular.svg" alt="">
                                </span>
                                <span>
                                    09:00am to 4:00pm
                                </span>
                            </div>

                            <div class="event-location">
                                <span class="icon">
                                    <img src="<?php echo (get_template_directory_uri()) ?>/img/location-dot-solid.svg" alt="">
                                </span>
                                <span>
                                    Lorem ipsum dolor sit amet.
                                </span>
                            </div>

                        </div>

                    </div>

                </div>


            </div>

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


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

                <a href="#">
                    <div class="notice-container">

                        <div class="notice-date">
                            <h3>Dec</h3>
                            <h3 class="strong">8</h3>
                        </div>

                        <div class="notice-details">
                            <h6 class="subtitle">8 Dec, 2022</h6>
                            <h4 class="title">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="notice-date">
                            <h3>Dec</h3>
                            <h3 class="strong">8</h3>
                        </div>

                        <div class="notice-details">
                            <h6 class="subtitle">8 Dec, 2022</h6>
                            <h4 class="title">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="notice-date">
                            <h3>Dec</h3>
                            <h3 class="strong">8</h3>
                        </div>

                        <div class="notice-details">
                            <h6 class="subtitle">8 Dec, 2022</h6>
                            <h4 class="title">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="notice-date">
                            <h3>Dec</h3>
                            <h3 class="strong">8</h3>
                        </div>

                        <div class="notice-details">
                            <h6 class="subtitle">8 Dec, 2022</h6>
                            <h4 class="title">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 role="button" class="link-btn" href="<?php site_url(); ?>/notices/">View All Notices</a>


            </div>


        </div>

    </section>

    <!-- why-uiu -->
    <section id="why-uiu">

        <div class="container">

            <div class="upper-part row g-5 ">

                <div class="col-12 col-lg-5 text-container">

                    <div class="title">Why UIU</div>

                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, sit. Optio adipisci porro reiciendis animi, deserunt in quis excepturi dicta obcaecati soluta eos impedit voluptate, est ipsam eligendi dolorum. Eligendi.
                    </p>

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


                </div>

                <div class="col-12 col-lg-7 related-media">

                    <img src="<?php echo (get_template_directory_uri()) ?>/img/campus-99.jpg" alt="">

                </div>


            </div>

            <div class="lower-part row g-5 justify-content-center">

                <div class="content col-12 col-md-6 col-lg-3">


                    <div class="details">
                        <div class="title percent-title">
                            95%
                        </div>

                        <div class="range-percent-holder">
                            <div class="range-percent" style="width: 95%;"></div>
                        </div>

                        <p>
                            95% Undergradute Retention Rate
                        </p>
                    </div>




                </div>

                <div class="content col-12 col-md-6 col-lg-3">


                    <div class="related-icon">
                        <i class=" fa-solid fa-book"></i>
                    </div>

                    <div class="details">
                        <div class="title">
                            250+ Programs
                        </div>

                        <p>
                            In Twenty Seven Faculty at UIU
                        </p>
                    </div>

                </div>

                <div class="content col-12 col-md-6 col-lg-3">

                    <div class="related-icon">
                        <i class=" fa-solid fa-book"></i>
                    </div>

                    <div class="details">
                        <div class="title">
                            250+ Programs
                        </div>

                        <p>
                            Dolorem ipsa quidem consectetur deserunt inventore qui nobis nisi incidunt ad.
                        </p>
                    </div>

                </div>

                <div class="content col-12 col-md-6 col-lg-3">

                    <div class="details">
                        <div class="title percent-title">
                            90%
                        </div>

                        <div class="range-percent-holder">
                            <div class="range-percent" style="width: 90%;"></div>
                        </div>

                        <p>
                            90% Graduation employment rate
                        </p>
                    </div>
                </div>

            </div>

        </div>

    </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-bba-home.css" />
<?php get_footer(); ?>