| Server IP : 199.250.214.225 / Your IP : 3.15.6.109 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')
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="jquery.carouFredSel-6.0.4-packed.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#carousel').carouFredSel({
width: '100%',
items: {
visible: 3,
start: -1
},
scroll: {
items: 1,
duration: 1000,
timeoutDuration: 3000
},
prev: '#prev',
next: '#next',
pagination: {
container: '#pager',
deviation: 1
}
});
});
</script>
<style type="text/css">
#wrapper1 {
background-color: #fff;
width: 100%;
height: 450px;
margin-top: -2px;
overflow: hidden;
left: 0;
}
#carousel img {
display: block;
float: left;
}
#prev, #next {
background-color: rgba(255, 255, 255, 0.7);
display: block;
height: 450px;
width: 50%;
top:150px;
position: absolute;
}
#prev:hover, #next:hover {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.8);
}
#prev {
left: -495px;
}
#next {
right: -495px;
}
#pager {
margin-left: -470px;
position: absolute;
left: 50%;
bottom: 10px;
}
#pager a {
border: 2px solid #fff;
border-radius: 10px;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px 0 0;
}
#pager a:hover {
background-color: rgba(255, 255, 255, 0.5);
}
#pager a span {
display: none;
}
#pager a.selected {
background-color: #fff;
}
</style>
<!-- Section -->
<div align="center" class="col-md-12">
<div>
<div id="wrapper1">
<div id="carousel">
@foreach($getSlider as $listSlider)
<img src="{{'http://nicn.gov.ng/nicnAdminPublic/public/slider/' . $listSlider->image_name }}" alt="building6" width="990" height="450" />
@endforeach
</div>
<a href="#" id="prev" title="Show previous"> </a>
<a href="#" id="next" title="Show next"> </a>
<div id="pager"></div>
</div>
</div>
<div>
@section('title')
Welcome !
@endsection
@include('_partialView.PageTitle')
<div class="container">
<section class="full-width-bg">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-8">
<div class="animate-onscroll">
<div class="banner-wrapper">
<div class="banner">
<div class="row">
<div align="left" class="col-md-3 col-sm-4" style="background: #fff; padding 0px; padding-bottom: 60px;">
<div align="center" class="sidebar-box animate-onscroll" >
<div class="jR3DCarouselGalleryCustomeTemplateWelcome">
@if($getJudges != '')
@foreach($getJudges 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
@endif
</div>
</div>
</div>
<div class="col-md-9 col-sm-8" style="padding-left: 20px !important;">
<div class="alert alert-success" style="width: 100%; border-radius: 0px;">
<strong><b><big>WELCOME TO NICN COURT, ABUJA</big></b></strong>
</div>
<div style="font-size: 15px; padding-right: 20px; padding-top: 0px;" class="text-justify">
{!! 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>
<p></p>
<!--Vision and mission-->
<div class="animate-onscroll">
<div class="banner-wrapper">
<div class="banner" style="background: #ffffff">
<div class="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;">
<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 />
<!--Profile-->
<div class="" style="width: 100%; background: #fff; margin-bottom: 2px;">
<div align="center" class="alert alert-success col-md-12" >
<big><b>NATIONAL INDUSTRIAL COURT JUDGES</b></big>
<a href="{{url('/judicial-cadre')}}" class="button read-more-button button-arrow pull-right" style="">View More Judges</a>
</div>
<div class="col-md-12">
@if($getJudges != '')
@foreach($getJudges as $listJudge)
<div class="col-sm-4">
<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)}}">
<div>{{$listJudge->fullname}}</div>
<span>{{$listJudge->title}}</span>
</a>
</div>
</div>
</div>
@endforeach
@endif
</div>
</div>
<!--Recent Decision-->
<div style="width: 100%; background: #fff; margin: 0 10px;">
<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;" 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>
</div>
</div>
<br /><br />
</div>
@include('_partialView.sidebar')
</div>
</section>
<!-- /SideBar Section -->
<!--Division here-->
</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;
}
</style>
@stop
@section('scripts')
<!--<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="{{asset('js/jR3DCarousel.min.js')}}"></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: true,
controls: true, /* 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 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>
<!--//main slider-->
@stop