| Server IP : 199.250.214.225 / Your IP : 3.143.25.65 Web Server : Apache System : Linux vps64074.inmotionhosting.com 3.10.0-1160.105.1.vz7.214.3 #1 SMP Tue Jan 9 19:45:01 MSK 2024 x86_64 User : nicngo5 ( 1001) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /home/nicngo5/nicnwebsiteUpgrade/resources/views/Home/ |
Upload File : |
@extends('layouts.layout')
@section('pageTitle')
Home
@stop
@section('currentHome')
current-menu-item
@stop
<!-- /Header -->
@section('content')
<!--Slider-->
@include('_partialView.slider')
<!--Page Title-->
@section('title')
Welcome !
@endsection
@include('_partialView.PageTitle')
<div class="container">
<div class="row">
<div class="col-md-9 col-sm-8">
<div class="animate-onscroll">
<div class="banner-wrapper">
<div class="banner">
<div align="left" class="col-md-3 col-sm-4" style="background: #fff; padding-bottom: 60px;">
<div align="center" class="sidebar-box animate-onscroll" >
<div class="jR3DCarouselGalleryCustomeTemplateWelcome">
@if($PresedentJudges != '')
@foreach($PresedentJudges as $listJudge)
<div class="jR3DCarouselCustomSlide">
@if($listJudge->picture != '')
<img src="{{asset('images/judges') .'/' . $listJudge->picture}}" alt="{{$listJudge->fullname}}" class="img-responsive"/>
@else
<img src="{{$getJudgesPath . 'default.png'}}" alt="{{$listJudge->fullname}}" class="img-responsive"/>
@endif
<div align="center" class="captions">
<small><small>
{{$listJudge->title ." ". $listJudge->fullname}}
</small></small>
</div>
</div>
@endforeach
<div class="jR3DCarouselCustomSlide"></div>
@endif
</div>
</div>
</div>
<div class="col-md-9 col-sm-8 row">
<div class="row">
<div class="col-md-12">
<div class="alert alert-success" style="width: 100%; border-radius: 0px; word-break: break-word;" align="center">
<strong><b><big>WELCOME TO NATIONAL INDUSTRIAL COURT OF NIGERIA</big></b></strong>
</div>
<div class="text-justify" style="font-size: 15px; padding-right: 20px; padding-left: 20px; word-break: break-word" >
{!! str_limit($getWelcomeNote->welcome_note, $limit = 500, $end = '...') !!}
<a href="{{url('/judicial-cadre/1')}}" class="text-danger">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Vision and mission-->
<div class="animate-onscroll">
<div class="banner-wrapper">
<div class="banner" style="background: #ffffff">
<div class="col-md-12 row">
@foreach($getMissionVision as $listMV)
<div class="col-lg-6 col-md-6 col-sm-6" style="border-left: 1px solid #f3f3f3;">
<div class="sidebar-box image-banner animate-onscroll" style="padding: 10px; border-bottom:none; word-break: break-word !important;">
<div class="text-justify">
<span class="green"><big><em><b>{{$listMV->title}}</b></em></big></span><br />
@if(strlen($listMV->content) > 500)
{!! substr($listMV->content, 0, 500) . '...' !!}
<a href="{{url('/vision')}}" class="text-danger" style="background:white;">Read more</a>
@else
{!! substr($listMV->content, 0, 500) . '...' !!}<a href="{{url('/vision')}}" class="text-danger" style="background:white;"><small> Read more</small></a>
@endif
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
<br />
</div><!--col-md-9-->
<div class="col-md-3 col-sm-4">
@include('_partialView.sidebar')
</div>
</div><!--row-->
<div class="row">
<div class="col-md-12">
<!--Judges-->
<div class="row" style="width: 100%; background: #fff; margin: 2px 0px;">
<div align="center" class="alert alert-success col-md-12">
<div class="col-md-8">
<h4 class="text-success"><b>NATIONAL INDUSTRIAL COURT JUDGES</b></h4>
</div>
<div class="col-md-4">
<a href="{{url('/judicial-cadre')}}" class="button read-more-button button-arrow pull-right" style="">View More Judges</a>
</div>
<br />
</div>
<div>
@if($getJudges != '')
@foreach($getJudges as $listJudge)
<div class="col-md-3 col-sm-6">
<div class="our-team">
<div class="pic">
@if($listJudge->picture != '')
<img src="{{asset('images/judges') .'/' . $listJudge->picture}}" alt="{{$listJudge->fullname}}" />
@else
<img src="{{$getJudgesPath . 'default.png'}}" alt="{{$listJudge->fullname}}" />
@endif
</div>
<div class="team-content">
<a href="{{url('/judicial-cadre/'.$listJudge->id)}}" style="text-decoration:none; color:green;">
<div style="color:green;">
<span>{{$listJudge->title}}</span>
</div>
<h5>{{$listJudge->fullname}}</h5>
</a>
<ul class="social-links">
<li>
<a href="{{url('/judicial-cadre/'.$listJudge->id)}}" style="text-decoration:none;">
{{$listJudge->fullname}}
</a>
</li>
</ul>
</div>
</div><br />
</div>
@endforeach
@endif
</div>
<!--
@if($getJudges != '')
@foreach($getJudges as $listJudge)
<div class="col-sm-3">
<div class="card">
<canvas class="header-bg" id="header-blur"></canvas>
<div class="avatar">
@if($listJudge->picture != '')
<img src="{{asset('images/judges') .'/' . $listJudge->picture}}" alt="{{$listJudge->fullname}}" />
@else
<img src="{{$getJudgesPath . 'default.png'}}" alt="{{$listJudge->fullname}}" />
@endif
</div>
<div class="content-name">
<a href="{{url('/judicial-cadre/'.$listJudge->id)}}" style="text-decoration:none;">
<div>
<span>{{$listJudge->title}}</span>
</div>
<h5>{{$listJudge->fullname}}</h5>
</a>
</div>
</div>
</div>
@endforeach
@endif
-->
<div align="center" style="margin: 5px 0;"><a href="{{url('/judicial-cadre')}}" class="btn btn-success" style="">View More Judges</a>
</div>
<hr />
</div>
</div>
<div class="col-md-12" style="width: 100%; background: #fff; margin-top: 10px">
<!--Judges-->
<div class="row">
<div align="center" class="alert alert-success col-md-12">
<h4 class="text-success"><b>WEBSITE STATISTICS</b></h4>
</div>
<div>
<div class="col-md-3 col-sm-6">
<div class="our-team" style="margin-top:5px;">
<div class="team-content">
<a href="" style="text-decoration:none; color:green;">
<p class="timer count-number" data-to="{{ $daily }}" data-speed="1500" style="font-size:24px; font-weight:bold;color:green"></p>
<h5>Today's Visitors</h5>
</a>
</div>
</div><br />
</div>
</div>
<div>
<div class="col-md-3 col-sm-6">
<div class="our-team" style="margin-top:5px;">
<div class="team-content">
<a href="" style="text-decoration:none; color:green;">
<p class="timer count-number" data-to="{{ $monthly }}" data-speed="1500" style="font-size:24px; font-weight:bold;color:green"></p>
<h5>This Month Visitors</h5>
</a>
</div>
</div><br />
</div>
</div>
<div>
<div class="col-md-3 col-sm-6">
<div class="our-team" style="margin-top:5px;">
<div class="team-content">
<a href="" style="text-decoration:none; color:green;">
<p class="timer count-number" data-to="{{ $yearly }}" data-speed="1500" style="font-size:24px; font-weight:bold;color:green"></p>
<h5>This Year Visitors</h5>
</a>
</div>
</div><br />
</div>
</div>
<div>
<div class="col-md-3 col-sm-6">
<div class="our-team" style="margin-top:5px;">
<div class="team-content">
<a href="" style="text-decoration:none; color:green;">
<p class="timer count-number" data-to="{{ $totalVisitor }}" data-speed="1500" style="font-size:24px; font-weight:bold;color:green"></p>
<h5>Total Visitors</h5>
</a>
</div>
</div><br />
</div>
</div>
</div>
<hr />
</div>
</div>
<!--Latest News-->
@include('_partialView.latestNewsHighLight')
<!--End latest News-->
<!--Recent Decision-->
<div class="col-md-12">
<div style="width: 100%; background: #fff;">
<div align="center" class="alert alert-warning col-md-12" >
<big><b>RECENT DECISIONS</b></big>
</div>
<!--//-->
<div align="center" id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="item active">
<a href="{{$decisionPath . $getFirstDecision->filename}}" style="color: #000; text-decoration: none; text-decoration:none;" target="_blank">
<h2>{{$getFirstDecision->title}}</h2>
<div class="btn btn-success">Read more</div>
</a>
</div>
@foreach($getDecision as $geDtList)
<div class="item">
<a href="{{$decisionPath . $geDtList->filename}}" style="color: #000; text-decoration: none;" target="_blank">
<h2 ass="text-sucess">{{$geDtList->title}}</h2>
<div class="btn btn-success">Read more</div>
</a>
</div>
@endforeach
</div>
<br />
</div>
</div>
</div>
</div><!--row-->
</div>
@stop
@section('styles')
<style type="text/css">
.jR3DCarouselGallery,.jR3DCarouselGalleryCustomeTemplate {
margin: 0 auto; /* optional - if want to center align */
overflow-x: hidden;
}
.jR3DCarouselGalleryCustomeTemplate .captions{
position: relative;
padding: 1px;
bottom: 20px;
background: white;
display:block;
color: green;
font-size: 12px;
font-weight: bold;
}
.jR3DCarouselGalleryCustomeTemplate a{
text-decoration: none;
}
div > span{
word-break: break-word !important;
}
/*latest news*/
#news-feed { height:200px; width:300px; overflow:hidden; position:relative; border:1px solid #ccc; background:#eee; }
#news-feed ul { position:absolute; top:0; left:0; list-style-type:none; padding:0; margin:0; }
#news-feed ul li { height:180px; font-size:12px; margin:0; padding:10px; overflow:hidden; }
/**latest News**/
.our-news{
border: 1px solid #d3d3d3;
position: relative;
overflow: hidden;
}
.our-news img{
width: 100%;
height: auto;
}
.our-news .news-content{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 45px 18px;
background: rgba(0,0,0,0.7);
transform: translateX(-100%);
transition: all 0.20s ease 0s;
}
.our-news:hover .news-content{
transform: translateX(0);
}
.our-news .news-content .post-title{
font-size: 18px;
color: #fff;
text-transform: uppercase;
}
.our-news .news-content .post{
font-size: 14px;
color: #cb95e1;
display: block;
margin-bottom: 20px;
}
.our-news .description{
font-size: 14px;
line-height: 25px;
color: #fff;
margin-bottom: 20px;
}
.our-news .team_social{
margin:0;
padding:0;
list-style: none;
}
.our-team .team_social li{
display: inline-block;
margin-right: 5px;
}
.our-news .team_social li a{
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #f5f5f5;
font-size: 17px;
color: #f5f5f5;
line-height: 40px;
text-align: center;
display: inline-block;
transition: border 0.3s ease 0s;
}
.our-news .team_social li a:hover{
border-color: transparent;
}
.our-news .news-prof{
width: 100%;
position: absolute;
bottom: 0;
text-align: right;
padding: 20px 16px;
background: rgba(0,0,0,0.7);
transform: translateX(0);
transition: all 0.20s ease 0s;
}
.our-news:hover .news-prof{
transform: translateX(100%);
}
.our-news .news-prof .post-title{
font-size: 18px;
color: #fff;
margin: 0 0 8px 0;
text-transform: uppercase;
}
.our-news .news-prof .post{
font-size: 14px;
color: #cb95e1;
margin-bottom: 0;
}
@media only screen and (max-width: 990px) {
.our-news{ margin-bottom: 20px; }
}
/**end latest news*/
/** Judges**/
.our-team{
border-top: 1px solid #f3f3f3;
background: #f3f3f3;
border-radius: 5px;
margin-top: 70px;
}
.our-team .pic{
width: 55%;
border: 3px solid #fff;
border-radius: 100px 0;
margin: -72px auto 0;
overflow: hidden;
transition: all 0.20s ease 0s;
}
.our-team:hover .pic{
border-radius: 50%;
border-color: green;
}
.our-team .pic img{
width: 100%;
height: auto;
}
.our-team .team-content{
text-align: center;
position: relative;
overflow: hidden;
}
.our-team .team-title{
font-size: 24px;
color: #333;
margin: 20px 0 0;
text-transform: uppercase;
}
.our-team .post{
font-size: 16px;
color: #333;
display: block;
margin-bottom: 15px;
}
.our-team .description{
font-size: 16px;
font-weight: 300;
color: #333;
padding: 0 20px;
line-height: 22px;
margin-bottom: 60px;
}
.our-team .social-links{
width: 100%;
position: absolute;
bottom: -100%;
left: 0;
margin: 0;
padding: 15px 0;
list-style: none;
background: green;
transition: all 0.20s linear 0s;
}
.our-team:hover .social-links{
bottom: 0;
}
.our-team .social-links li{
display: inline-block;
margin: 0 5px;
}
.our-team .social-links li a{
font-size: 14px;
color: #fff;
}
.our-team .social-links li a:hover{
text-decoration: none;
}
@media only screen and (max-width: 990px) {
.our-team { margin-top: 80px; }
}
</style>
@stop
@section('scripts')
<link href="{{asset('js/jquery.simpleTicker/site.css')}}" rel="stylesheet" type="text/css" />
<link href="http://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="{{asset('js/jquery.simpleTicker/jquery.bootstrap.newsbox.min.js')}}" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var slideImagesWelcome =
[
{src: '../jRCarousel/images/01.jpg'},
{src: '../jRCarousel/images/02.jpg'},
{src: '../jRCarousel/images/03.jpg'},
{src: '../jRCarousel/images/04.jpg'},
{src: '../jRCarousel/images/05.jpg'}
]
//var jR3DCarousel;
jR3DCarousel = $('.jR3DCarouselGallery').jR3DCarousel({
width: 190, /* largest allowed width */
height: 200, /* largest allowed height */
slides: slideImagesWelcome, /* array of images source */
animation: "slide3D"
});
var carouselCustomeTemplateProps = {
width: 190, /* largest allowed width */
height: 200, /* largest allowed height */
slideLayout : 'fill', /* "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio) */
animation: 'slide3D', /* slide | scroll | fade | zoomInSlide | zoomInScroll */
animationCurve: 'ease',
animationDuration: 1900,
animationInterval: 2000,
slideClass: 'jR3DCarouselCustomSlide',
autoplay: false,
controls: false, /* control buttons */
navigation: '' /* circles | squares | '' */,
perspective: 200,
rotationDirection: 'ltr',
onSlideShow: slideShownCallback
}
function slideShownCallback($slide){
console.log("Slide shown: ", $slide.find('img').attr('src'))
}
jR3DCarouselCustomeTemplate = $('.jR3DCarouselGalleryCustomeTemplateWelcome').jR3DCarousel(carouselCustomeTemplateProps);
})
</script>
<!--main slider-->
<script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
var currentSlide;
var rand;
$(document).ready(function() {
currentSlide = Math.floor((Math.random() * $('.item').length));
rand = currentSlide;
$('#carousel-example-generic').carousel(currentSlide);
$('#carousel-example-generic').fadeIn(1000);
setInterval(function(){
while(rand == currentSlide){
rand = Math.floor((Math.random() * $('.item').length));
}
currentSlide = rand;
$('#carousel-example-generic').carousel(rand);
},5000);
});
</script>
<!-- Initialize Bootstrap functionality -->
<script>
// Initialize tooltip component
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
// Initialize popover component
$(function () {
$('[data-toggle="popover"]').popover()
})
</script>
<script>
(function ($) {
$.fn.countTo = function (options) {
options = options || {};
return $(this).each(function () {
// set options for current element
var settings = $.extend({}, $.fn.countTo.defaults, {
from: $(this).data('from'),
to: $(this).data('to'),
speed: $(this).data('speed'),
refreshInterval: $(this).data('refresh-interval'),
decimals: $(this).data('decimals')
}, options);
// how many times to update the value, and how much to increment the value on each update
var loops = Math.ceil(settings.speed / settings.refreshInterval),
increment = (settings.to - settings.from) / loops;
// references & variables that will change with each update
var self = this,
$self = $(this),
loopCount = 0,
value = settings.from,
data = $self.data('countTo') || {};
$self.data('countTo', data);
// if an existing interval can be found, clear it first
if (data.interval) {
clearInterval(data.interval);
}
data.interval = setInterval(updateTimer, settings.refreshInterval);
// initialize the element with the starting value
render(value);
function updateTimer() {
value += increment;
loopCount++;
render(value);
if (typeof(settings.onUpdate) == 'function') {
settings.onUpdate.call(self, value);
}
if (loopCount >= loops) {
// remove the interval
$self.removeData('countTo');
clearInterval(data.interval);
value = settings.to;
if (typeof(settings.onComplete) == 'function') {
settings.onComplete.call(self, value);
}
}
}
function render(value) {
var formattedValue = settings.formatter.call(self, value, settings);
$self.html(formattedValue);
}
});
};
$.fn.countTo.defaults = {
from: 0, // the number the element should start at
to: 0, // the number the element should end at
speed: 1000, // how long it should take to count between the target numbers
refreshInterval: 100, // how often the element should be updated
decimals: 0, // the number of decimal places to show
formatter: formatter, // handler for formatting the value before rendering
onUpdate: null, // callback method for every time the element is updated
onComplete: null // callback method for when the element finishes updating
};
function formatter(value, settings) {
return value.toFixed(settings.decimals);
}
}(jQuery));
jQuery(function ($) {
// custom formatting example
$('.count-number').data('countToOptions', {
formatter: function (value, options) {
return value.toFixed(options.decimals).replace(/\B(?=(?:\d{3})+(?!\d))/g, ',');
}
});
// start all the timers
$('.timer').each(count);
function count(options) {
var $this = $(this);
options = $.extend({}, options || {}, $this.data('countToOptions') || {});
$this.countTo(options);
}
});
</script>
<!--//main slider-->
@stop