|
Server : Apache/2.4.18 (Ubuntu) System : Linux canvaswebdesign 3.13.0-71-generic #114-Ubuntu SMP Tue Dec 1 02:34:22 UTC 2015 x86_64 User : oppastar ( 1041) PHP Version : 7.0.33-0ubuntu0.16.04.15 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, Directory : /var/www/vajra.id/public_html/application/views/template/ |
Upload File : |
<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]> <html class="ie7"> <![endif]-->
<!--[if IE 8 ]> <html class="ie8"> <![endif]-->
<!--[if IE 9 ]> <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="<?= ucwords($meta_description); ?>">
<meta name="keywords" content="<?= ucwords($meta_keywords); ?>">
<title><?= ucwords($browser_title); ?></title>
<!-- Standard Favicon -->
<link rel="icon" type="image/x-icon" href="<?=base_url('uploads/'.$website_icon)?>" />
<!-- Library - Google Font Familys -->
<link href="https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700%7cMontserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="<?=base_url('theme/revolution/css/settings.css')?>">
<!-- Library -->
<link href="<?=base_url('theme/css/lib.css')?>" rel="stylesheet">
<!-- Custom - Common CSS -->
<link rel="stylesheet" href="<?=base_url('theme/css/rtl.css')?>">
<link rel="stylesheet" type="text/css" href="<?=base_url('theme/css/style.css')?>">
<!--[if lt IE 9]>
<script src="js/html5/respond.min.js"></script>
<![endif]-->
<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5d22defed97c100012d805f4&product='inline-share-buttons' async='async'></script>
</head>
<style type="text/css">
.page-content{
background-image: url('../uploads/bg_vajraid_1.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.entry-footer a{
font-size: 25px;
}
.type-post .entry-content > a {
color: black !important;
font-weight: bold;
}
.type-post .entry-content p {
color: black !important; margin:0; margin-bottom:1.1em;
}
.fa {
color: red;
}
@media screen and (max-width: 768px) {
.changeUp{
order: 2;
}
.changeDown{
order: 1;
}
}
.widget_categories > ul li {
background-color: #af1e23 !important;
}
.widget_categories ul li a {
color: white !important;
}
.top-header .top-social li > a {
color: #151515;
font-size: 35px;
}
.type-post .entry-content > a::before{
width: 100%;
}
.container {
margin-right: auto;
margin-left: auto;
width: 100%;
height: auto;
padding: 5px;
}
nav.sticky .hamburger{
/* margin: 20px;
background:#fff; */
margin-left: auto;
margin-right: auto;
display: inline-block;
}
#myBtn {
visibility: none;
opacity: 0;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 12px;
border: none;
outline: none;
background-color: red;
color: white;
cursor: pointer;
padding: 12px;
border-radius: 50%;
transition: 0.5s;
animation: shake 5s ;
animation-iteration-count: infinite;
}
#myBtn:hover {
background-color: #555;
}
#myBtn img{
filter: brightness(0) invert(1);
height: 20px;
width: 20px;
}
#myBtn.show {
visibility: visible;
opacity: 1;
}
.header_s .search-box form {
padding-top: 12px;
padding-bottom: 12px;
}
/* @keyframes bounceTop{
from { transform: translate3d(0, 0px, 0);}
to { transform: translate3d(0, 10px, 0);}
} */
@keyframes shake {
10%, 90% {
transform: translate3d(0px, -1px, 0);
}
20%, 80% {
transform: translate3d(0, 2px, 0);
}
30%, 50%, 70% {
transform: translate3d(0, -4px, 0);
}
40%, 60% {
transform: translate3d(0, 4px, 0);
}
}
</style>
<script>
function myFunction() {
var x = document.getElementById("search-article");
if (x.innerHTML === " Cari Artikel") {
x.innerHTML = " Batal Cari";
} else {
x.innerHTML = " Cari Artikel";
}
}
window.addEventListener("scroll", function(){
var nav = document.querySelector("nav");
nav.classList.toggle("sticky", window.scrollY > 0);
})
//Get the button
function togtop () {
if (window.scrollY >= 100) {
document.getElementById("myBtn").classList.add("show");
} else {
document.getElementById("myBtn").classList.remove("show");
}
}
window.addEventListener("scroll", togtop);
window.addEventListener("resize", togtop);
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
window.scroll({
top: 0, left: 0, behavior: "smooth"
});
}
</script>
<body data-offset="200" data-spy="scroll" data-target=".ownavigation">
<!-- Loader -->
<!-- <div id="site-loader" class="load-complete">
<div class="loader">
<div class="line-scale"><div></div><div></div><div></div><div></div><div></div></div>
</div>
</div> -->
<button onclick="topFunction()" id="myBtn" title="Go to top"><img src="https://bit.ly/3KUhpWV" /></button>
<!-- Header Section -->
<header class="container-fluid no-left-padding no-right-padding header_s header-fix header_s1">
<!-- SidePanel -->
<div id="slidepanel-1" class="slidepanel">
<!-- Top Header -->
<div class="container-fluid no-right-padding no-left-padding top-header">
<!-- Container -->
<div class="container">
<div class="row">
<div class="col-lg-4 col-6">
<?php $social = $this->db->select('*')->from('configuration')->where('id_configuration',1)->get()->row(); ?>
<ul class="top-social">
<li><a href="<?=$social->facebook?>" title="Facebook"><i class="ion-social-facebook-outline"></i></a></li>
<li><a href="<?=$social->instagram?>" title="Instagram"><i class="ion-social-instagram-outline"></i></a></li>
</ul>
</div>
<div class="col-lg-4 logo-block">
<a href="<?=base_url()?>" title="Logo"><img src="<?= base_url('uploads/'.$logo)?>" /></a>
</div>
<div class="col-lg-4 col-6">
<!-- <ul class="top-right user-info">
<li><a href="#search-box" data-toggle="collapse" class="search collapsed" title="Search"><i class="pe-7s-search sr-ic-open"></i><i class="pe-7s-close sr-ic-close"></i></a></li>
<li class="dropdown">
<a class="dropdown-toggle" href="#"><i class="pe-7s-user"></i></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#" title="Sign In">Sign In</a></li>
<li><a class="dropdown-item" href="#" title="Subscribe">Subscribe </a></li>
<li><a class="dropdown-item" href="#" title="Log In">Log In</a></li>
</ul>
</li>
</ul> -->
</div>
</div>
</div><!-- Container /- -->
</div><!-- Top Header /- -->
</div><!-- SidePanel /- -->
<!-- Menu Block -->
<div class="container-fluid no-left-padding no-right-padding menu-block">
<!-- Container -->
<div class="container">
<nav class="navbar ownavigation navbar-expand-lg">
<a class="navbar-brand" href="<?=base_url()?>"><img src="<?= base_url('uploads/'.$logo)?>" /></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar1" aria-controls="navbar1" aria-expanded="false" aria-label="Toggle navigation">
<i class="fa fa-bars"></i>
</button>
<!-- <input id="toggle" type="checkbox" class="navbar-toggler navbar-toggler-right tog" data-toggle="collapse" data-target="#navbar1" aria-controls="navbar1" aria-expanded="false" aria-label="Toggle navigation"></input>
<label for="toggle" class="hamburger" style="">
<div class="top-bun"></div>
<div class="meat"></div>
<div class="bottom-bun"></div>
</label> -->
<div class="collapse navbar-collapse" id="navbar1" style="padding-left: 10px; padding-right: 10px;">
<ul class="navbar-nav">
<?php foreach ($top_main_menus as $menu) : ?>
<?php $count_level2_menus = count_child_menus($menu->id_menus); ?>
<?php if($menu->menu_type=='category') : ?>
<?php if($count_level2_menus > 0) : ?>
<li class="dropdown">
<i class="ddl-switch fa fa-angle-down"></i>
<a class="nav-link dropdown-toggle" title="Artikel" href="<?= base_url('blog/') . strtolower($menu->menu_link); ?>"><?=$menu->menu?></a>
<ul class="dropdown-menu">
<?php $level2_menus = $this->db->select('*')->from('categories')->join('menus','menus.category_id=categories.parent')->where('id_menus',$menu->id_menus)->where('menus.status', '1')->get()->result(); ?>
<?php foreach($level2_menus as $level2) : ?>
<li><a class="dropdown-item" href="<?=base_url('blog/category/'). url_title(strtolower($level2->category)) ?>" title="<?=$level2->category?>"><?=$level2->category?></a></li>
<?php endforeach ?>
</ul>
</li>
<?php else : ?>
<li><a class="nav-link" title="Posts" href="<?= base_url('blog/') . strtolower($menu->menu_link) ?>"><?=$menu->menu?></a></li>
<?php endif; ?>
<?php else : ?>
<li>
<a class="nav-link" title="<?=$menu->menu?>" href="<?= base_url() . strtolower($menu->menu_link); ?>"><?=$menu->menu?></a>
</li>
<?php endif; ?>
<?php endforeach ?>
</ul>
<ul class="navbar-nav">
<li>
<a href="#search-box" data-toggle="collapse" class="search collapsed nav-link" title="Search" style="left: 30%" onclick="myFunction()"><i class="pe-7s-search sr-ic-open"></i><i class="pe-7s-close sr-ic-close"></i><span id="search-article"> Cari Artikel</span></a>
</li>
</ul>
</div>
</nav>
</div><!-- Container /- -->
</div><!-- Menu Block /- -->
<!-- Search Box -->
<div class="search-box collapse" id="search-box">
<div class="container">
<?= form_open('blog/search') ?>
<div class="input-group">
<input type="text" name="key" class="form-control" placeholder="Cari Artikel..." required>
<span class="input-group-btn">
<button class="btn btn-secondary" type="submit"><i class="pe-7s-search"></i></button>
</span>
</div>
<?= form_close(); ?>
</div>
</div><!-- Search Box /- -->
</header><!-- Header Section /- -->