601 lines
40 KiB
PHP
601 lines
40 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
@include('layout.head')
|
|
|
|
<div class="page-wrapper">
|
|
<div class="page-inner">
|
|
<div id="js-preloader" class="js-preloader">
|
|
<div class="preloader-inner">
|
|
<span class="dot"></span>
|
|
<div class="dots">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- @include("layout.sidebar") --}}
|
|
<div class="page-content-wrapper">
|
|
@include('layout.navbar')
|
|
<div class="main-banner wow fadeIn" id="top" data-wow-duration="1s" data-wow-delay="0.5s">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="row">
|
|
<div class="col-lg-6 align-self-center">
|
|
<div class="left-content show-up header-text wow fadeInLeft" data-wow-duration="1s"
|
|
data-wow-delay="1s">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<h2>Program Kampung Iklim</h2>
|
|
<p>Program ini bertujuan untuk meningkatkan keterlibatan masyarakat
|
|
dalam aksi mitigasi dan adaptasi terhadap perubahan iklim.</p>
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<div class="white-button first-button scroll-to-section">
|
|
<a href="#modal">Pendaftaran <i class="fab fa-apple"></i></a>
|
|
</div>
|
|
<div class="white-button scroll-to-section">
|
|
<a href="#modal">Login <i class="fab fa-google-play"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="right-image wow fadeInRight" data-wow-duration="1s"
|
|
data-wow-delay="0.5s">
|
|
<img src="{{ asset('assets/images/Bg1.jpeg') }}" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="cara-pendaftaran" class="services section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 offset-lg-2">
|
|
<div class="section-heading wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
|
|
<h4>Alur <em>Pendafataran & Pengisian Quisioner</em></h4>
|
|
<img src="{{ asset('assets/images/heading-line-dec.png') }}" alt=""
|
|
class="section-heading wow fadeInDown" data-wow-duration="1s"
|
|
data-wow-delay="0.5s">
|
|
<p>If you need the greatest collection of HTML templates for your business, please visit
|
|
<a rel="nofollow" href="https://www.toocss.com/" target="_blank">TooCSS</a> Blog. If
|
|
you need to have a contact form PHP script, go to <a
|
|
href="https://templatemo.com/contact" target="_parent">our contact page</a> for
|
|
more information.</p>
|
|
</div>
|
|
</div>
|
|
<div class="right-image wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
|
|
<div class="col-lg-12">
|
|
<img src="{{ asset('assets/images/alur-pendaftaran.jpg') }}"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
{{-- <div id="Artikel" class="services section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 offset-lg-2">
|
|
<div class="section-heading wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
|
|
<h1><strong style="color: #4b8ef1; sizing: 30px">Artikel Terbaru</strong></h1>
|
|
<img src="{{asset('assets/images/heading-line-dec.png')}}" alt="">
|
|
<p>If you need the greatest collection of HTML templates for your business, please visit <a rel="nofollow" href="https://www.toocss.com/" target="_blank">TooCSS</a> Blog. If you need to have a contact form PHP script, go to <a href="https://templatemo.com/contact" target="_parent">our contact page</a> for more information.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> --}}
|
|
|
|
<div id="Artikel" class="services section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 offset-lg-2">
|
|
<div class="section-heading wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.5s">
|
|
<h1><strong style="color: #4b8ef1; sizing: 30px">Artikel Terbaru</strong></h1>
|
|
<img src="{{ asset('assets/images/heading-line-dec.png') }}"
|
|
alt="" />
|
|
<p>
|
|
If you need the greatest collection of HTML templates for your
|
|
business, please visit
|
|
<a rel="nofollow" href="https://www.toocss.com/" target="_blank">TooCSS</a>
|
|
Blog. If you need to have a contact form PHP script, go to
|
|
<a href="https://templatemo.com/contact" target="_parent">our contact page</a>
|
|
for more information.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-3">
|
|
<div class="service-item first-service">
|
|
<div class="icon"></div>
|
|
<h4>App Maintenance</h4>
|
|
<p>
|
|
You are not allowed to redistribute this template ZIP file on
|
|
any other website.
|
|
</p>
|
|
<div class="text-button">
|
|
<a href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="service-item second-service">
|
|
<div class="icon"></div>
|
|
<h4>Rocket Speed of App</h4>
|
|
<p>
|
|
You are allowed to use the Chain App Dev HTML template. Feel
|
|
free to modify or edit this layout.
|
|
</p>
|
|
<div class="text-button">
|
|
<a href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="service-item third-service">
|
|
<div class="icon"></div>
|
|
<h4>Multi Workflow Idea</h4>
|
|
<p>
|
|
If this template is beneficial for your work, please support us
|
|
<a rel="nofollow" href="https://paypal.me/templatemo" target="_blank">a little via
|
|
PayPal</a>. Thank you.
|
|
</p>
|
|
<div class="text-button">
|
|
<a href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3">
|
|
<div class="service-item fourth-service">
|
|
<div class="icon"></div>
|
|
<h4>24/7 Help & Support</h4>
|
|
<p>
|
|
Lorem ipsum dolor consectetur adipiscing elit sedder
|
|
williamsburg photo booth quinoa and fashion axe.
|
|
</p>
|
|
<div class="text-button">
|
|
<a href="#">Read More <i class="fa fa-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="about" class="about-us section">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-6 align-self-center">
|
|
<div class="section-heading">
|
|
<h4>Apresiasi Masyarakat Peduli Linkungan <em>(AMPL)</em> </h4>
|
|
|
|
<img src="{{ asset('assets/images/heading-line-dec.png') }}"
|
|
alt="">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eismod tempor
|
|
incididunt ut labore et dolore magna.</p>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div class="box-item">
|
|
<h4><a href="#">Maintance Problems</a></h4>
|
|
<p>Lorem Ipsum Text</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="box-item">
|
|
<h4><a href="#">24/7 Support & Help</a></h4>
|
|
<p>Lorem Ipsum Text</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="box-item">
|
|
<h4><a href="#">Fixing Issues About</a></h4>
|
|
<p>Lorem Ipsum Text</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="box-item">
|
|
<h4><a href="#">Co. Development</a></h4>
|
|
<p>Lorem Ipsum Text</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eismod tempor
|
|
idunte ut labore et dolore adipiscing magna.</p>
|
|
<div class="gradient-button">
|
|
<a href="#">Start 14-Day Free Trial</a>
|
|
</div>
|
|
<span>*No Credit Card Required</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="right-image">
|
|
<img src="{{ asset('assets/images/about-right-dec.png') }}"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="clients" class="the-clients">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 offset-lg-2">
|
|
<div class="section-heading">
|
|
<h4>Check What <em>The Clients Say</em> About Our App Dev</h4>
|
|
<img src="{{ asset('assets/images/heading-line-dec.png') }}"
|
|
alt="">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eismod tempor
|
|
incididunt ut labore et dolore magna.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12">
|
|
<div class="naccs">
|
|
<div class="grid">
|
|
<div class="row">
|
|
<div class="col-lg-7 align-self-center">
|
|
<div class="menu">
|
|
<div class="first-thumb active">
|
|
<div class="thumb">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-sm-4 col-12">
|
|
<h4>David Martino Co</h4>
|
|
<span class="date">30 November 2021</span>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-4 d-none d-sm-block">
|
|
<span class="category">Financial Apps</span>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-4 col-12">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<span class="rating">4.8</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="thumb">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-sm-4 col-12">
|
|
<h4>Jake Harris Nyo</h4>
|
|
<span class="date">29 November 2021</span>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-4 d-none d-sm-block">
|
|
<span class="category">Digital Business</span>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-4 col-12">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<span class="rating">4.5</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="thumb">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-sm-4 col-12">
|
|
<h4>May Catherina</h4>
|
|
<span class="date">27 November 2021</span>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-4 d-none d-sm-block">
|
|
<span class="category">Business & Economics</span>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-4 col-12">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<span class="rating">4.7</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="thumb">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-sm-4 col-12">
|
|
<h4>Random User</h4>
|
|
<span class="date">24 November 2021</span>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-4 d-none d-sm-block">
|
|
<span class="category">New App Ecosystem</span>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-4 col-12">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<span class="rating">3.9</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="last-thumb">
|
|
<div class="thumb">
|
|
<div class="row">
|
|
<div class="col-lg-4 col-sm-4 col-12">
|
|
<h4>Mark Amber Do</h4>
|
|
<span class="date">21 November 2021</span>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-4 d-none d-sm-block">
|
|
<span class="category">Web Development</span>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-4 col-12">
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<i class="fa fa-star"></i>
|
|
<span class="rating">4.3</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5">
|
|
<ul class="nacc">
|
|
<li class="active">
|
|
<div>
|
|
<div class="thumb">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="client-content">
|
|
<img src="{{ asset('assets/images/quote.png') }}"
|
|
alt="">
|
|
<p>“Lorem ipsum dolor sit amet, consectetur
|
|
adpiscing elit, sed do eismod tempor idunte
|
|
ut labore et dolore magna aliqua darwin
|
|
kengan
|
|
lorem ipsum dolor sit amet, consectetur
|
|
picing elit massive big blasta.”</p>
|
|
</div>
|
|
<div class="down-content">
|
|
<img src="{{ asset('assets/images/client-image.jpg') }}"
|
|
alt="">
|
|
<div class="right-content">
|
|
<h4>David Martino</h4>
|
|
<span>CEO of David Company</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<div class="thumb">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="client-content">
|
|
<img src="{{ asset('assets/images/quote.png') }}"
|
|
alt="">
|
|
<p>“CTO, Lorem ipsum dolor sit amet, consectetur
|
|
adpiscing elit, sed do eismod tempor idunte
|
|
ut labore et dolore magna aliqua darwin
|
|
kengan
|
|
lorem ipsum dolor sit amet, consectetur
|
|
picing elit massive big blasta.”</p>
|
|
</div>
|
|
<div class="down-content">
|
|
<img src="{{ asset('assets/images/client-image.jpg') }}"
|
|
alt="">
|
|
<div class="right-content">
|
|
<h4>Jake H. Nyo</h4>
|
|
<span>CTO of Digital Company</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<div class="thumb">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="client-content">
|
|
<img src="{{ asset('assets/images/quote.png') }}"
|
|
alt="">
|
|
<p>“May, Lorem ipsum dolor sit amet, consectetur
|
|
adpiscing elit, sed do eismod tempor idunte
|
|
ut labore et dolore magna aliqua darwin
|
|
kengan
|
|
lorem ipsum dolor sit amet, consectetur
|
|
picing elit massive big blasta.”</p>
|
|
</div>
|
|
<div class="down-content">
|
|
<img src="{{ asset('assets/images/client-image.jpg') }}"
|
|
alt="">
|
|
<div class="right-content">
|
|
<h4>May C.</h4>
|
|
<span>Founder of Catherina Co.</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<div class="thumb">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="client-content">
|
|
<img src="{{ asset('assets/images/quote.png') }}"
|
|
alt="">
|
|
<p>“Lorem ipsum dolor sit amet, consectetur
|
|
adpiscing elit, sed do eismod tempor idunte
|
|
ut labore et dolore magna aliqua darwin
|
|
kengan
|
|
lorem ipsum dolor sit amet, consectetur
|
|
picing elit massive big blasta.”</p>
|
|
</div>
|
|
<div class="down-content">
|
|
<img src="{{ asset('assets/images/client-image.jpg') }}"
|
|
alt="">
|
|
<div class="right-content">
|
|
<h4>Random Staff</h4>
|
|
<span>Manager, Digital Company</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<div class="thumb">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="client-content">
|
|
<img src="{{ asset('assets/images/quote.png') }}"
|
|
alt="">
|
|
<p>“Mark, Lorem ipsum dolor sit amet,
|
|
consectetur adpiscing elit, sed do eismod
|
|
tempor idunte ut labore et dolore magna
|
|
aliqua darwin kengan
|
|
lorem ipsum dolor sit amet, consectetur
|
|
picing elit massive big blasta.”</p>
|
|
</div>
|
|
<div class="down-content">
|
|
<img src="{{ asset('assets/images/client-image.jpg') }}"
|
|
alt="">
|
|
<div class="right-content">
|
|
<h4>Mark Am</h4>
|
|
<span>CTO, Amber Do Company</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="pricing" class="pricing-tables">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 offset-lg-2">
|
|
<div class="section-heading">
|
|
<h4>Berita <em>Terbaru</em></h4>
|
|
<img src="{{ asset('assets/images/heading-line-dec.png') }}"
|
|
alt="">
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eismod tempor
|
|
incididunt ut labore et dolore magna.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="pricing-item-regular">
|
|
<span class="price">$12</span>
|
|
<h4>Standard Plan App</h4>
|
|
<div class="icon">
|
|
<img src="{{ asset('assets/images/pricing-table-01.png') }}"
|
|
alt="">
|
|
</div>
|
|
<ul>
|
|
<li>Lorem Ipsum Dolores</li>
|
|
<li>20 TB of Storage</li>
|
|
<li class="non-function">Life-time Support</li>
|
|
<li class="non-function">Premium Add-Ons</li>
|
|
<li class="non-function">Fastest Network</li>
|
|
<li class="non-function">More Options</li>
|
|
</ul>
|
|
<div class="border-button">
|
|
<a href="#">Purchase This Plan Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="pricing-item-pro">
|
|
<span class="price">$25</span>
|
|
<h4>Business Plan App</h4>
|
|
<div class="icon">
|
|
<img src="{{ asset('assets/images/pricing-table-01.png') }}"
|
|
alt="">
|
|
</div>
|
|
<ul>
|
|
<li>Lorem Ipsum Dolores</li>
|
|
<li>50 TB of Storage</li>
|
|
<li>Life-time Support</li>
|
|
<li>Premium Add-Ons</li>
|
|
<li class="non-function">Fastest Network</li>
|
|
<li class="non-function">More Options</li>
|
|
</ul>
|
|
<div class="border-button">
|
|
<a href="#">Purchase This Plan Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="pricing-item-regular">
|
|
<span class="price">$66</span>
|
|
<h4>Premium Plan App</h4>
|
|
<div class="icon">
|
|
<img src="{{ asset('assets/images/pricing-table-01.png') }}"
|
|
alt="">
|
|
</div>
|
|
<ul>
|
|
<li>Lorem Ipsum Dolores</li>
|
|
<li>120 TB of Storage</li>
|
|
<li>Life-time Support</li>
|
|
<li>Premium Add-Ons</li>
|
|
<li>Fastest Network</li>
|
|
<li>More Options</li>
|
|
</ul>
|
|
<div class="border-button">
|
|
<a href="#">Purchase This Plan Now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="page-content-overlay" data-action="toggle" data-class="mobile-nav-on"></div>
|
|
<!-- END Page Content -->
|
|
@include('layout.footer')
|
|
{{-- @include('layout.shortcuts') --}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@include('layout.script')
|
|
|
|
</html>
|