MIF_E31221244/resources/views/home/index.blade.php

339 lines
20 KiB
PHP

<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>SIPAYA</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="icon" href="{{ asset('asset/images/icon.png') }}" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Montserrat:300,400,500,700,800" />
<link rel="stylesheet" href="{{ asset('asset/css/bootstrap.css') }}" />
<link rel="stylesheet" href="{{ asset('asset/css/fonts.css') }}" />
<link rel="stylesheet" href="{{ asset('asset/css/style.css') }}" />
<style>
.ie-panel {
display: none;
background: #212121;
padding: 10px 0;
box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3);
clear: both;
text-align: center;
position: relative;
z-index: 1;
}
html.ie-10 .ie-panel,
html.lt-ie-10 .ie-panel {
display: block;
}
</style>
</head>
<body>
<div class="ie-panel"></div>
<div class="preloader">
<div class="preloader-body">
<div class="cssload-container">
<div class="cssload-speeding-wheel"></div>
</div>
<p>Loading...</p>
</div>
</div>
<div class="page">
<div class="position-relative">
<header class="section novi-background bg-cover page-header" id="home">
<div class="rd-navbar-wrap">
<nav class="rd-navbar" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed"
data-md-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-fixed"
data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-sidebar"
data-xl-device-layout="rd-navbar-sidebar" data-xxl-layout="rd-navbar-sidebar"
data-xxl-device-layout="rd-navbar-sidebar" data-xl-stick-up-offset="400"
data-xxl-stick-up-offset="400">
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-panel">
<div class="rd-navbar-brand">
<a class="brand" href="index.html">
<img class="logo-large" src="{{ asset('asset/images/logo.png') }}"
alt="Logo" width="220" height="42" />
</a>
<a class="brand" href="index.html">
<img class="logo-small" src="{{ asset('asset/images/logo2.png') }}"
alt="Logo kecil" />
</a>
</div>
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap">
<span></span>
</button>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap">
<ul class="rd-navbar-nav">
<li class="rd-nav-item active">
<a class="rd-nav-link" href="#home">Home</a>
</li>
<li class="rd-nav-item">
<a class="rd-nav-link" href="#team">Penyakit</a>
</li>
<li class="rd-nav-item">
<a class="rd-nav-link" href="{{ route('login.index') }}">Login</a>
</li>
<li class="rd-nav-item">
<a class="rd-nav-link" href="{{ route('register.index') }}">Register</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<section class="section novi-background bg-cover section-horace">
<div class="section-horace-left">
<div class="section-horace-left-content text-center">
<article class="project-classic project-classic-2">
<div class="project-classic-title">SITEM PAKAR<br />DIAGNOSA<br>PENYAKIT <br>PEPAYA
<br>CALIFORNIA
</div>
<a class="button button-jerry button-primary-outline"
href="{{ route('login.index') }}">Diagnosa
Sekarang<span class="button-jerry-line"></span><span
class="button-jerry-line"></span><span class="button-jerry-line"></span><span
class="button-jerry-line"></span></a>
</article>
</div>
<div class="section-horace-left-panel">
<div class="swiper-custom-nav">
<div class="swiper-button-prev mdi mdi-arrow-left" id="swiper-prev"></div>
<div class="swiper-button-next mdi mdi-arrow-right" id="swiper-next"></div>
</div>
</div>
</div>
<div class="swiper-container swiper-slider swiper-slider-1" data-loop="true" data-autoplay="5000"
data-simulate-touch="false" data-custom-prev="#swiper-prev" data-custom-next="#swiper-next"
data-slide-effect="fade">
<div class="swiper-wrapper text-center">
<div class="swiper-slide context-dark" data-slide-bg="{{ asset('asset/images/pepaya1.png') }}">
<div class="swiper-slide-caption project-modern">
<ul class="project-modern-info">
<li class="heading-6 project-modern-info-item project-modern-address"
data-caption-animate="fadeInDown" data-caption-delay="200">
8 Penyakit
</li>
<li class="heading-6 project-modern-info-item" data-caption-animate="fadeInDown"
data-caption-delay="100">
26 Gejala
</li>
<li class="heading-6 project-modern-info-item" data-caption-animate="fadeInDown"
data-caption-delay="0">
2 Metode
</li>
</ul>
<div class="project-modern-decor" data-caption-animate="fadeInRight"
data-caption-delay="0"></div>
</div>
</div>
<div class="swiper-slide context-dark"
data-slide-bg="{{ asset('asset/images/pepaya2.png') }}">
<div class="swiper-slide-caption project-modern">
<ul class="project-modern-info">
<li class="heading-6 project-modern-info-item project-modern-address"
data-caption-animate="fadeInDown" data-caption-delay="200">
8 Penyakit
</li>
<li class="heading-6 project-modern-info-item" data-caption-animate="fadeInDown"
data-caption-delay="100">
26 gejala
</li>
<li class="heading-6 project-modern-info-item" data-caption-animate="fadeInDown"
data-caption-delay="0">
2 Metode
</li>
</ul>
<div class="project-modern-decor" data-caption-animate="fadeInRight"
data-caption-delay="0"></div>
</div>
</div>
<div class="swiper-slide context-dark"
data-slide-bg="{{ asset('asset/images/pepaya3.png') }}">
<div class="swiper-slide-caption project-modern">
<ul class="project-modern-info">
<li class="heading-6 project-modern-info-item project-modern-address"
data-caption-animate="fadeInDown" data-caption-delay="200">
8 Penyakit
</li>
<li class="heading-6 project-modern-info-item" data-caption-animate="fadeInDown"
data-caption-delay="100">
26 Gejala
</li>
<li class="heading-6 project-modern-info-item" data-caption-animate="fadeInDown"
data-caption-delay="0">
2 Metode
</li>
</ul>
<div class="project-modern-decor" data-caption-animate="fadeInRight"
data-caption-delay="0"></div>
</div>
</div>
</div>
</div>
</section>
</div>
<section class="section novi-background bg-cover section-lg bg-gray-100 text-center" id="team">
<div class="container">
<h3 class="wow fadeInLeft">Penyakit</h3>
<h6 class="title-style-1 wow fadeInRight">
Penyakit pada tanaman pepaya califoria
</h6>
<div class="owl-carousel" data-items="1" data-sm-items="2" data-md-items="3" data-xl-items="4"
data-margin="5" data-dots="true" data-mouse-drag="false">
<article class="team-classic wow fadeInUp" data-wow-delay=".1s">
<div class="team-classic-figure">
<img src="{{ asset('asset/images/busuk akar.png') }}" alt="" width="290"
height="284" />
</div>
<div class="team-classic-body">
<h5 class="team-classic-name">Busuk Akar</h5>
</div>
<div class="team-classic-footer">
<div class="team-classic-status">Penyakit busuk akar pada pepaya California disebabkan oleh
jamur seperti Phytophthora palmivora yang menyerang akar, menyebabkan busuk, daun
menguning, dan tanaman layu. Penyakit ini muncul akibat tanah yang terlalu lembab
ataupun drainase buruk.
</div>
</div>
</article>
<article class="team-classic wow fadeInUp">
<div class="team-classic-figure">
<img src="{{ asset('asset/images/bercak daun.jpeg') }}" alt="" width="290"
height="284" />
</div>
<div class="team-classic-body">
<h5 class="team-classic-name">Bercak Daun</h5>
</div>
<div class="team-classic-footer">
<div class="team-classic-status">Penyakit bercak daun pada pepaya disebabkan oleh jamur
Cercospora papayae atau Phoma caricae-papayae, yang menimbulkan bercak coklat atau hitam
pada daun. Infeksi ini dapat menyebabkan daun menguning, mengering, dan rontok.</div>
</div>
</article>
<article class="team-classic wow fadeInUp" data-wow-delay=".05s">
<div class="team-classic-figure">
<img src="{{ asset('asset/images/embun tepung.jpg') }}" alt="" width="290"
height="284" />
</div>
<div class="team-classic-body">
<h5 class="team-classic-name">embun tepung</h5>
</div>
<div class="team-classic-footer">
<div class="team-classic-status">
Penyakit embun tepung pada pepaya disebabkan oleh jamur Oidium caricae, yang menutupi
daun dengan lapisan putih seperti tepung. Infeksi ini dapat menghambat fotosintesis,
menyebabkan daun menguning, mengering, dan akhirnya rontok.
</div>
</div>
</article>
<article class="team-classic wow fadeInUp" data-wow-delay=".15s">
<div class="team-classic-figure">
<img src="{{ asset('asset/images/busuk bakteri.png') }}" alt="" width="290"
height="284" />
</div>
<div class="team-classic-body">
<h5 class="team-classic-name">Busuk Bakteri</h5>
</div>
<div class="team-classic-footer">
<div class="team-classic-status">Penyakit busuk bakteri pada pepaya disebabkan oleh Erwinia
Papayae, yang menyerang batang, buah, dan akar. Gejalanya meliputi
jaringan yang melunak, berair, berbau busuk, serta pembusukan cepat pada bagian tanaman
yang terinfeksi.</div>
</div>
</article>
<article class="team-classic wow fadeInUp" data-wow-delay=".15s">
<div class="team-classic-figure">
<img src="{{ asset('asset/images/bercak cincin.jpeg') }}" alt="" width="290"
height="284" />
</div>
<div class="team-classic-body">
<h5 class="team-classic-name">Bercak Cincin</h5>
</div>
<div class="team-classic-footer">
<div class="team-classic-status">Penyakit bercak cincin pada pepaya disebabkan oleh Papaya
ringspot virus (PRSV), yang ditularkan oleh kutu daun. Gejalanya berupa bercak berbentuk
cincin pada daun, batang, dan buah, serta pertumbuhan tanaman yang terhambat.</div>
</div>
</article>
<article class="team-classic wow fadeInUp" data-wow-delay=".15s">
<div class="team-classic-figure">
<img src="{{ asset('asset/images/mozaik pepaya.jpeg') }}" alt="" width="290"
height="284" />
</div>
<div class="team-classic-body">
<h5 class="team-classic-name">Mozaik Pepaya</h5>
</div>
<div class="team-classic-footer">
<div class="team-classic-status"> Penyakit mosaik pepaya disebabkan oleh Papaya Mosaic
Virus (PapMV), yang menyerang daun dan menyebabkan perubahan warna menjadi belang hijau
tua dan muda. Gejala lain termasuk daun yang mengeriting dan pertumbuhan terhambat
</div>
</div>
</article>
<article class="team-classic wow fadeInUp" data-wow-delay=".15s">
<div class="team-classic-figure">
<img src="{{ asset('asset/images/busuk buah.png') }}" alt="" width="290"
height="284" />
</div>
<div class="team-classic-body">
<h5 class="team-classic-name">Busuk Buah</h5>
</div>
<div class="team-classic-footer">
<div class="team-classic-status">Penyakit busuk buah pada pepaya dapat disebabkan oleh
infeksi jamur seperti Colletotrichum gloeosporioides.
Gejalanya meliputi bercak basah pada buah yang membesar, berubah warna menjadi coklat
atau hitam, dan akhirnya membusuk.</div>
</div>
</article>
<article class="team-classic wow fadeInUp" data-wow-delay=".15s">
<div class="team-classic-figure">
<img src="{{ asset('asset/images/busuk hitam.png') }}" alt="" width="290"
height="284" />
</div>
<div class="team-classic-body">
<h5 class="team-classic-name">Busuk Hitam</h5>
</div>
<div class="team-classic-footer">
<div class="team-classic-status">Busuk hitam yang disebabkan oleh jamur Rhizopus stolonifer
sering terjadi pada buah pepaya yang terluka atau sudah matang. Infeksi ini menyebabkan
buah menjadi lembek, berlendir, dan ditutupi miselium putih dengan bintik hitam berupa
spora jamur.
</div>
</div>
</article>
</div>
</div>
</section>
<footer class="section novi-background bg-cover section-sm footer-classic context-dark" id="contacts">
<div class="container">
<p class="rights">
<span>&copy;&nbsp; </span><span class="copyright-year"></span><span>&nbsp;</span><span>All Rights Reserved</span><span>
By SIPAYA
</span>
</p>
</div>
</footer>
</div>
<div class="snackbars" id="form-output-global"></div>
<script src="{{ asset('asset/js/core.min.js') }}"></script>
<script src="{{ asset('asset/js/script.js') }}"></script>
</body>
</html>