<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Designsninja">
<!-- description -->
<meta name="description"
content="Torneo is creative agency, corporate, simple and clean template, Based on Bootstrap responsive multipurpose agency and portfolio HTML5 template with 28 unique home page demos">
<!-- keywords -->
<meta name="keywords"
content="creative, fullscreen, business, photography, portfolio, one page, bootstrap responsive, start-up, ui/ux, html5, css3, studio, branding, creative design, multipurpose, parallax, personal, masonry, grid, coming soon, carousel, career">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Pramuka</title>
<link rel="shortcut icon" href="{{ asset('assets/images/favicon.ico') }}">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<!-- Core Style Sheets -->
<link rel="stylesheet" href="{{ asset('homepage/assets/css/master.css') }}">
<!-- Responsive Style Sheets -->
<link rel="stylesheet" href="{{ asset('homepage/assets/css/responsive.css') }}">
<!-- Revolution Style Sheets -->
<link rel="stylesheet" type="text/css" href="{{ asset('revolution/css/settings.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('revolution/css/layers.css') }}">
<link rel="stylesheet" type="text/css" href="{{ asset('revolution/css/navigation.css') }}">
<style>
.list-nilai {
border: 2px black solid;
padding: 10px;
border-radius: 10px;
height: 140px;
margin-top: 20px;
}
.card {
border: 1px black solid;
border-radius: 20px;
background: white;
height: 220px;
}
.li-right {
float: right;
margin-right: 0;
}
.button {
border: 2px solid white;
font-size: 16px;
border-radius: 20px;
color: white;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
.buttons {
border: 2px solid black;
font-size: 16px;
border-radius: 20px;
color: black;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 500,
'GRAD' 0,
'opsz' 40
}
.awal {
!important;
}
.pilihan {
position: sticky;
transform: translateY(60px) !important;
}
.dropdowns {
position: relative;
display: inline-block;
}
.dropdowns-menu {
display: none;
position: absolute;
/* background-color: #f9f9f9; */
background-color: rgba(0, 0, 0, 0.6);
min-width: 160px;
transform: translateX(-15px);
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
padding: 12px 16px;
z-index: 1;
}
.dropdowns-second {
position: relative;
display: inline-block;
margin-top: 10px;
}
.dropdowns:hover {
background-color: rgba(0, 0, 0, 0.6);
min-width: 160px;
}
.dropdowns-toggle:hover {
color: white;
}
.dropdowns:hover a {
color: black;
}
.dropdowns:hover .dropdowns-menu {
display: block;
}
@media only screen and (max-width:500px) {
/* For mobile phones: */
.button {
border: 2px solid white;
font-size: 16px;
border-radius: 20px;
color: black;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
.dropdowns {
position: relative;
}
}
</style>
</head>
<body>
<!--== Loader Start ==-->
<div id="loader-overlay">
<div class="loader">
<svg version="1.1" id="L9" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100"
enable-background="new 0 0 0 0" xml:space="preserve">
<rect x="20" y="50" width="4" height="10" fill="#BF0731">
<animateTransform attributeType="xml" attributeName="transform" type="translate"
values="0 0; 0 20; 0 0" begin="0" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="30" y="50" width="4" height="10" fill="#BF0731">
<animateTransform attributeType="xml" attributeName="transform" type="translate"
values="0 0; 0 20; 0 0" begin="0.2s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="40" y="50" width="4" height="10" fill="#BF0731">
<animateTransform attributeType="xml" attributeName="transform" type="translate"
values="0 0; 0 20; 0 0" begin="0.4s" dur="0.6s" repeatCount="indefinite" />
</rect>
</svg>
</div>
</div>
<!--== Loader End ==-->
<!--== Wrapper Start ==-->
<div class="wrapper">
<!--== Header Start ==-->
<nav class="navbar navbar-default navbar-fixed navbar-transparent white bootsnav on no-full">
<!--== End Top Search ==-->
<div class="container">
<!--== Start Atribute Navigation ==-->
<!--== End Atribute Navigation ==-->
<!--== Start Header Navigation ==-->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu"> <i
class="tr-icon ion-android-menu"></i> </button>
<div class="logo"> <a href="index.html"> <img class="logo logo-display" src="/logo/logo.png"
alt=""> <img class="logo logo-scrolled" src="/logo/logo.png" alt="">
</a> </div>
</div>
<!--== End Header Navigation ==-->
<!--== Collect the nav links, forms, and other content for toggling ==-->
<div class="collapse navbar-collapse" id="navbar-menu">
<ul class="nav navbar-nav navbar-left" data-in="fadeIn" data-out="fadeOut">
<li class="dropdowns">
<a href="#" class="toggle">Kepramukaan</a>
<ul class="dropdowns-menu">
<li class="dropdowns-second">
<a href="#" style="color: white">Kwartir Daerah</a>
</li>
<li class="dropdowns-second">
<a href="#" style="color: white">Kwartir Cabang</a>
</li>
</ul>
</li>
<li class="dropdowns"><a href="#" class="dropdown-toggle"
data-toggle="dropdowns">Kepemudaan</a>
<ul class="dropdowns-menu">
<li class="dropdowns-second"> <a href="#" class="dropdown-toggle"
data-toggle="dropdown" style="color: white">Organisasi</a>
</li>
<li class="dropdowns-second"> <a href="#" class="dropdown-toggle"
data-toggle="dropdown" style="color: white">Komunitas</a>
</li>
<li class="dropdowns-second"><a href="#" class="dropdown-toggle"
data-toggle="dropdown" style="color: white">Sarana</a>
</li>
</ul>
</li>
<li class="dropdown"> <a href="#" class="dropdown-toggle"
data-toggle="dropdown">Informasi</a>
</li>
<li class="dropdown"> <a href="#" class="dropdown-toggle"
data-toggle="dropdown">Kewirausahaan</a>
</li>
</ul>
<div class="nav navbar-right logo logo-display">
<ul style="margin-top: 30px;" class="">
<li style="list-style: none">
<a href="login" class="button">Masuk</a>
</li>
</ul>
</div>
<div class="nav navbar-right logo logo-scrolled">
<ul style="margin-top: 20px;" class="">
<li style="list-style: none">
<a href="login" class="buttons">Masuk</a>
</li>
</ul>
</div>
</div>
<!--== /.navbar-collapse ==-->
</div>
</nav>
<!--== Header End ==-->
<!--== Contact Hero Start ==-->
<section class="pt-0 pb-0 awal" style="height: 800px; background: #efefef">
<div class="parallax-overlay z-index-0"
style="height: 680px; border-radius: 0px 0px 50px 50px; background: #3f8664"></div>
<div class="parallax-overlay z-index-0" style="height: 680px; border-radius: 0px 0px 50px 50px;"></div>
<div class="container relative lg-screen">
<div class="simple-content-slider text-center">
<div class="simple-content-slider-text">
<div class="simple-content-text-inner">
<div class="row">
<div class="col-md-12 centerize-col social-icons-style-12">
<div class="white-color text-center">
<h1
class="white-color font-700 text-uppercase font-50px line-height-10 line-height-10 xs-font-40px xs-line-height-50 sm-font-60px sm-line-height-60">
Berkembang Bersama <br>Pramuka Kaltim</h1>
{{-- <span class="font-20px font-300">We develop big ideas that sell</span> --}}
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pilihan" style="margin-top: 500px;">
<div class="container">
<div class="row">
<div class="col-sm-3">
<a href="">
<div class="card">
<center>
<img src="assets/icon/newspaper.svg" width="90"
style="padding: 10px;" alt="">
<h5 class="mt-0 font-700">Berita</h5>
<p style="font-size: 18px; color:black">
Kumpulan berita dari <br>
Kalimantan Timur
</p>
</center>
</div>
</a>
</div>
<div class="col-sm-3">
<a href="">
<div class="card">
<center>
<img src="assets/icon/calendar2-event.svg" width="90"
style="padding: 10px;" alt="">
<h5 class="mt-0 font-700">Event</h5>
<p style="font-size: 18px; color:black">
Kegiatan yang ada <br>
diKalimantan Timur
</p>
</center>
</div>
</a>
</div>
<div class="col-sm-3">
<a href="">
<div class="card">
<center>
<img src="assets/icon/people-group.svg" width="90"
style="padding: 10px;" alt="">
<h5 class="mt-0 font-700">Komunitas</h5>
<p style="font-size: 18px; color:black">
Sekelompok orang dengan <br> hobi atau karakteristik sama di
kaltim
</p>
</center>
</div>
</a>
</div>
<div class="col-sm-3">
<a href="">
<div class="card">
<center>
<img src="assets/icon/gear-check.svg" width="90"
style="padding: 10px;" alt="">
<h5 class="mt-0 font-700">Sarana</h5>
<p style="font-size: 18px; color:black">
Fasilitas kepemudaan yang lengkap di <br>
Kalimantan Timur
</p>
</center>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--== Who We Are End ==-->
<!--== Team Members Start ==-->
<section style="background-color: #efefef">
<div class="container">
<div class="row">
<div class="col-sm-8 section-heading">
<h4 class="mt-0 font-700">Nilai-Nilai Pramuka</h4>
<p style="font-size: 18px; color:black">
Selain sangat menyenangkan, kegiatan kepramukaan juga dapat menanamkan nilai positif <br>
kepada anggota. Nilai tersebut dapat diraih melalui berbagai kegiatan dan aktivitas dalam
<br>
pramuka
</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="list-nilai">
<span style="color: black; font-size: 20px;"><b>Kerjasama</b></span><br>
<p style="color: black; font-size: 16px;">
Melatih anggota untuk berkoordinasi, bernegosiasi, menyelesaikan permasalah dan
saling melibatkan satu sama lain di dalam tim</p>
</div>
</div>
<div class="col-sm-6">
<div class="list-nilai">
<span style="color: black; font-size: 20px;"><b>Tanggung Jawab</b></span><br>
<p style="color: black; font-size: 16px;">
Melalui pembagian tugas dan peran, anggota dapat berlatih menyelesaikan berbagai hal
yang menjadi tanggung jawabnya
</p>
</div>
</div>
<div class="col-sm-6">
<div class="list-nilai">
<span style="color: black; font-size: 20px;"><b>Keberanian &
Kepemimpinan</b></span><br>
<p style="color: black; font-size: 16px;">
Melatih anggota untuk memiliki sikap berani saat tampil di depan umum, mengemukakan
pendapat serta memiliki kesempatan untuk memimpin regu
</p>
</div>
</div>
<div class="col-sm-6">
<div class="list-nilai">
<span style="color: black; font-size: 20px;"><b>Kemandirian</b></span><br>
<p style="color: black; font-size: 16px;">
Melatih anggota untuk tidak bergantung kepada orang lain serta terbiasa untuk
mengurus keperluan sendiri
</p>
</div>
</div>
<div class="col-sm-6">
<div class="list-nilai">
<span style="color: black; font-size: 20px;"><b>Cinta Alam</b></span><br>
<p style="color: black; font-size: 16px;">
Terbiasa melaksanakan kegiatan di alam terbuka melatih anggota untuk mencintai alam
dan lingkungan sekitarnya
</p>
</div>
</div>
<div class="col-sm-6">
<div class="list-nilai">
<span style="color: black; font-size: 20px;"><b>Kepedulian</b></span><br>
<p style="color: black; font-size: 16px;">
Melatih untuk berempati dan peka terhadap sesama anggota karena kegiatan akan banyak
dilakukan bersama tim
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--== Team Members End ==-->
<!--== Little Info Start ==-->
{{-- <section class="bordered-bg">
<div class="col-md-6 col-sm-4 bg-flex bg-flex-right">
<div class="bg-flex-holder bg-flex-cover"
style="background-image: url(assets/images/bg-right-img-5.jpg);"></div>
</div>
<div class="container">
<div class="col-md-5 col-sm-7">
<h2 class="mt-0 font-700">Our Skills</h2>
<h5 class="grey-color font-300">A smarter template for startup</h5>
<div class="skillbar-wrap skillbar-style-03">
<div class="skillbar" data-percent="98">
<span class="skillbar-title text-uppercase">HTML5 Expertise</span>
<p class="skillbar-bar"></p>
<span class="skill-bar-percent"></span>
</div>
<!-- End Skill Bar -->
<div class="skillbar" data-percent="66">
<span class="skillbar-title text-uppercase">jQuery Expertise</span>
<p class="skillbar-bar"></p>
<span class="skill-bar-percent"></span>
</div>
<!-- End Skill Bar -->
<div class="skillbar" data-percent="85">
<span class="skillbar-title text-uppercase">WordPress Expertise</span>
<p class="skillbar-bar"></p>
<span class="skill-bar-percent"></span>
</div>
<!-- End Skill Bar -->
<div class="skillbar" data-percent="30">
<span class="skillbar-title text-uppercase">PHP Expertise</span>
<p class="skillbar-bar"></p>
<span class="skill-bar-percent"></span>
</div>
<!-- End Skill Bar -->
<div class="skillbar" data-percent="99">
<span class="skillbar-title text-uppercase">User Interface Expertise</span>
<p class="skillbar-bar"></p>
<span class="skill-bar-percent"></span>
</div>
<!-- End Skill Bar -->
</div>
</div>
</section> --}}
<!--== Little Info End ==-->
<!--== Client Carousel Start ==-->
{{-- <section class="white-bg">
<div class="container">
<div class="row">
<div class="client-slider slick">
<div class="client-logo"> <img class="img-responsive" src="assets/images/clients/1.png"
alt="01" /> </div>
<div class="client-logo"> <img class="img-responsive" src="assets/images/clients/2.png"
alt="02" /> </div>
<div class="client-logo"> <img class="img-responsive" src="assets/images/clients/3.png"
alt="03" /> </div>
<div class="client-logo"> <img class="img-responsive" src="assets/images/clients/4.png"
alt="04" /> </div>
<div class="client-logo"> <img class="img-responsive" src="assets/images/clients/5.png"
alt="05" /> </div>
<div class="client-logo"> <img class="img-responsive" src="assets/images/clients/6.png"
alt="06" /> </div>
<div class="client-logo"> <img class="img-responsive" src="assets/images/clients/7.png"
alt="07" /> </div>
<div class="client-logo"> <img class="img-responsive" src="assets/images/clients/8.png"
alt="08" /> </div>
<div class="client-logo"> <img class="img-responsive" src="assets/images/clients/9.png"
alt="09" /> </div>
<div class="client-logo"> <img class="img-responsive" src="assets/images/clients/10.png"
alt="10" /> </div>
</div>
</div>
</div>
</section> --}}
<!--== Clients End ==-->
<!--== Footer Start ==-->
<footer class="footer">
<div class="footer-main" style="background-color: #077840">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="widget widget-text">
<div class="logo logo-footer"><a href="index.html"> <img class="logo logo-display"
src="/logo/logo.png" alt=""></a> </div>
<p style="color: #fff4ff; font-size: 16px;">Our Vision is to provide convenience <br>
and help increase your sales business.</p>
</div>
</div>
<div class="col-sm-6 col-md-2">
<div class="widget widget-links">
<h5 class="widget-title" style="color: #fff4ff; font-size: 18px;">About</h5>
<ul>
<li><a href="#" style="color: #fff4ff; font-size: 16px;">How it works</a>
</li>
<li><a href="#" style="color: #fff4ff; font-size: 16px;">Featured</a></li>
<li><a href="#" style="color: #fff4ff; font-size: 16px;">Partnership</a>
</li>
<li><a href="#" style="color: #fff4ff; font-size: 16px;">Bussiness
Relation</a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-2">
<div class="widget widget-links">
<h5 class="widget-title" style="color: #fff4ff; font-size: 18px;">Community</h5>
<div class="widget-links">
<ul>
<li><a href="" style="color: #fff4ff; font-size: 16px;">Events</a></li>
<li><a href="" style="color: #fff4ff; font-size: 16px;">Blog</a></li>
<li><a href="" style="color: #fff4ff; font-size: 16px;">Podcast</a>
</li>
<li><a href="" style="color: #fff4ff; font-size: 16px;">Invite a
friend</a></li>
</ul>
</div>
</div>
</div>
<div class="col-sm-6 col-md-2">
<div class="widget widget-links">
<h5 class="widget-title" style="color: #fff4ff; font-size: 18px;">Socials</h5>
<div class="widget-links">
<ul>
<li>
<a href="" style="color: #fff4ff; font-size: 16px;">Discord</a>
</li>
<li>
<a href="" style="color: #fff4ff; font-size: 16px;">Instagram</a>
</li>
<li style="color: #fff4ff; font-size: 16px;"><a href=""
style="color: #fff4ff; font-size: 16px;">Twitter</a></li>
<li style="color: #fff4ff; font-size: 16px;"><a href=""
style="color: #fff4ff; font-size: 16px;">Facebook</a></li>
</ul>
</div>
</div>
</div>
{{-- <div class="col-sm-6 col-md-3">
<div class="widget widget-text">
<h5 class="widget-title">Popular Tags</h5>
<div class="popular-tags"> <a href="#">Design</a> <a href="#">One
Page</a> <a href="#">Envato</a> <a href="#">Creative</a> <a
href="#">Apps</a> <a href="#">Themeforest</a></div>
</div>
</div> --}}
</div>
</div>
</div>
<div class="footer-copyright" style="background-color: #077840">
<div class="container">
<div class="row">
<div class="col-md-6 col-xs-12">
<div class="copy-right text-left" style="color: #fff4ff; font-size: 16px;">
© 2023 GreenNusa. All rights reserved
</div>
</div>
<div class="col-md-6 col-xs-12">
<ul class="social-media">
<li>
<a href="#" class="text-left"
style="color: #fff4ff; font-size: 16px;">Privacy & Policy</a>
</li>
<li>
<a href="#" class="text-left"
style="color: #fff4ff; font-size: 16px;">Terms & Condition</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!--== Footer End ==-->
<!--== Go to Top ==-->
<a href="javascript:" id="return-to-top"><i class="icofont icofont-arrow-up"></i></a>
<!--== Go to Top End ==-->
</div>
<!--== Wrapper End ==-->
<!--== Javascript Plugins ==-->
<script src="{{ asset('homepage/assets/js/jquery.min.js') }}"></script>
<script src="{{ asset('homepage/assets/js/smoothscroll.js') }}"></script>
<script src="{{ asset('homepage/assets/js/plugins.js') }}"></script>
<script src="{{ asset('homepage/assets/js/master.js') }}"></script>
<!-- Revolution js Files -->
<script type="text/javascript" src="{{ asset('revolution/js/jquery.themepunch.tools.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('revolution/js/jquery.themepunch.revolution.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('revolution/js/revolution.extension.actions.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('revolution/js/revolution.extension.carousel.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('revolution/js/revolution.extension.kenburn.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('revolution/js/revolution.extension.layeranimation.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('revolution/js/revolution.extension.migration.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('revolution/js/revolution.extension.navigation.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('revolution/js/revolution.extension.parallax.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('revolution/js/revolution.extension.slideanims.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('revolution/js/revolution.extension.video.min.js') }}"></script>
<script>
$(document).ready(function() {
//alert("Kelinci Pertama!");
});
</script>
<!--== Javascript Plugins End ==-->
</body>
</html>
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell