<!DOCTYPE html>
<!--[if lt IE 7]> <html prefix="og: http://ogp.me/ns#" class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en-gb"> <![endif]-->
<!--[if IE 7]> <html prefix="og: http://ogp.me/ns#" class="no-js lt-ie9 lt-ie8" lang="en-gb"> <![endif]-->
<!--[if IE 8]> <html prefix="og: http://ogp.me/ns#" class="no-js lt-ie9" lang="en-gb"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en-gb" prefix="og: http://ogp.me/ns#">
<!--<![endif]-->
<head>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<base href="https://riversideproductions.net/">
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Riverside Productions - Music Videos, Film, Documentaries,TV Commercials, TV Shows, Radio Jingles" name="description">
<meta content="Joomla! - Open Source Content Management" name="generator">
<title>
Riverside Productions - Home
</title>
<link href="https://riversideproductions.net/" rel="canonical">
<link href="/index.php?format=feed&type=rss" rel="alternate" title="RSS 2.0" type="application/rss+xml">
<link href="/index.php?format=feed&type=atom" rel="alternate" title="Atom 1.0" type="application/atom+xml">
<link href="/templates/shaper_shooter/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
<link href="/templates/shaper_shooter/css/k2.css" rel="stylesheet" type="text/css">
<link href="/templates/shaper_shooter/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/templates/shaper_shooter/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
<link href="/plugins/system/helix/css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Maven+Pro:300,400,500,700,800" rel="stylesheet" type="text/css">
<link href="/plugins/system/helix/css/mobile-menu.css" rel="stylesheet" type="text/css">
<link href="/templates/shaper_shooter/css/template.css" rel="stylesheet" type="text/css">
<link href="/templates/shaper_shooter/css/presets/preset1.css" rel="stylesheet" type="text/css">
<link href="/modules/mod_sp_smart_slider/tmpl/shotter/css/istoreii.slider.css" rel="stylesheet" type="text/css">
<style type="text/css">
.container {
max-width : 1170px
}
body, p {
font-family : "Maven Pro";
}
h1,h2,h3,h4,h5 {
font-family : "Maven Pro";
}
#sp-smart-slider.sp-iStoreii-layout,
#sp-smart-slider.sp-iStoreii-layout.loading:before {
background : #fff
}
#sp-smart-slider.sp-iStoreii-layout,
.sp-iStoreii-layout .sp-slider-item {
height : 580px;
}
.sp-iStoreii-layout .sp-slider-items {
/*width : 1170px;*/
}
@media (max-width:767px) {
#sp-smart-slider.sp-iStoreii-layout,
.sp-iStoreii-layout .sp-slider-item {
height : 400px;
}
.sp-iStoreii-layout .sp-slider-items {
/*width : 940px;*/
}
}
@media (max-width:480px) {
#sp-smart-slider.sp-iStoreii-layout,
.sp-iStoreii-layout .sp-slider-item {
height : 300px;
}
}
</style>
<script src="/media/system/js/mootools-core.js" type="text/javascript">
</script>
<script src="/media/jui/js/jquery.min.js" type="text/javascript">
</script>
<script src="/media/jui/js/jquery-noconflict.js" type="text/javascript">
</script>
<script src="/media/jui/js/jquery-migrate.min.js" type="text/javascript">
</script>
<script src="/media/system/js/core.js" type="text/javascript">
</script>
<script src="/components/com_k2/js/k2.js?v2.6.8&sitepath=/" type="text/javascript">
</script>
<script src="/plugins/system/helix/js/jquery-noconflict.js" type="text/javascript">
</script>
<script src="/media/jui/js/bootstrap.min.js" type="text/javascript">
</script>
<script src="/plugins/system/helix/js/modernizr-2.6.2.min.js" type="text/javascript">
</script>
<script src="/plugins/system/helix/js/helix.core.js" type="text/javascript">
</script>
<script src="/plugins/system/helix/js/menu.js" type="text/javascript">
</script>
<script src="/templates/shaper_shooter/js/main.js" type="text/javascript">
</script>
<script src="/modules/mod_sp_smart_slider/tmpl/shotter/js/sp-smart-slider.js" type="text/javascript">
</script>
<script type="text/javascript">
spnoConflict(function($) {
function mainmenu() {
$('.sp-menu').spmenu({
startLevel: 0,
direction: 'ltr',
initOffset: {
x: 0,
y: 0
},
subOffset: {
x: 0,
y: 0
},
center: 0
});
}
mainmenu();
$(window).on('resize', function() {
mainmenu();
});
});
jQuery(function($) {
var spiStoreiiLayout = $('#sp-smart-slider.sp-iStoreii-layout').find('.sp-slider-items');
spiStoreiiLayout.spSmartslider({
autoplay: 1,
interval: 5000,
delay: 0,
fullWidth: false
});
$('#sp-smart-slider .controller-prev').on('click', function() {
event.stopPropagation();
spiStoreiiLayout.spSmartslider('prev');
});
$('#sp-smart-slider .controller-next').on('click', function() {
event.stopPropagation();
spiStoreiiLayout.spSmartslider('next');
});
var OldTime;
$('.sp-iStoreii-layout .slider-list > ul li').on('click', function(event) {
event.stopPropagation();
if (OldTime) {
var DiffTime = event.timeStamp - OldTime;
if (DiffTime < 2000) {
return false;
}
}
OldTime = event.timeStamp;
spiStoreiiLayout.spSmartslider('goTo', $(this).index());
$(this).parent().find('>li').removeClass('active');
$(this).addClass('active');
});
spiStoreiiLayout.spSmartslider('onSlide', function(index) {
$('.sp-iStoreii-layout .slider-list > ul li').removeClass('active');
$('.sp-iStoreii-layout .slider-list > ul li').get(index).addClass('active');
});
$(window).load(function() {
$('.sp-iStoreii-layout').removeClass('loading');
$('.sp-vertical-middle').each(function(e) {
$(this).css('margin-top', ($(this).closest('.sp-iStoreii-layout').height() - $(this).height()) / 2);
});
});
});
</script>
</head>
<body class="featured homepage ltr preset1 menu-home responsive bg hfeed clearfix">
<div class="body-innerwrapper">
<!--[if lt IE 8]>
<div class="chromeframe alert alert-danger" style="text-align:center">You are using an <strong>outdated</strong> browser. Please <a target="_blank" href="http://browsehappy.com/">upgrade your browser</a> or <a target="_blank" href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</div>
<![endif]-->
<header class="" id="sp-header-wrapper">
<div class="container">
<div class="row-fluid" id="header">
<div class="span3" id="sp-logo">
<div class="logo-wrapper">
<a href="/">
<div class="logo" style="width:180px; height:80px;">
</div>
</a>
</div>
</div>
<div class="span7" id="sp-menu">
<div class="visible-desktop" id="sp-main-menu">
<ul class="sp-menu level-0">
<li class="menu-item active first">
<a class="menu-item active first" href="https://riversideproductions.net/">
<span class="menu">
<span class="menu-title">
Home
</span>
</span>
</a>
</li>
<li class="menu-item">
<a class="menu-item" href="/index.php/aboutus">
<span class="menu">
<span class="menu-title">
About Us
</span>
</span>
</a>
</li>
<li class="menu-item parent">
<a class="menu-item parent" href="#">
<span class="menu">
<span class="menu-title">
Projects
</span>
</span>
</a>
<div class="sp-submenu">
<div class="sp-submenu-wrap">
<div class="sp-submenu-inner clearfix" style="width: 200px;">
<div class="megacol col1 first" style="width: 200px;">
<ul class="sp-menu level-1">
<li class="menu-item first">
<a class="menu-item first" href="/index.php/projects/photography">
<span class="menu">
<span class="menu-title">
Photography
</span>
</span>
</a>
</li>
<li class="menu-item">
<a class="menu-item" href="/index.php/projects/short-movie-oblivious">
<span class="menu">
<span class="menu-title">
Short Movie - Oblivious
</span>
</span>
</a>
</li>
<li class="menu-item">
<a class="menu-item" href="/index.php/projects/video-prod-vlisco">
<span class="menu">
<span class="menu-title">
TV Show - Vlisco
</span>
</span>
</a>
</li>
<li class="menu-item">
<a class="menu-item" href="/index.php/projects/video-prod-lasgidi-blokes">
<span class="menu">
<span class="menu-title">
TV Show - Lasgidi Blokes
</span>
</span>
</a>
</li>
<li class="menu-item last">
<a class="menu-item last" href="/index.php/projects/video-my-big-nigerian-wedding">
<span class="menu">
<span class="menu-title">
TV Show- My Big Nigerian Wedding
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="menu-item">
<a class="menu-item" href="/index.php/training">
<span class="menu">
<span class="menu-title">
Training
</span>
</span>
</a>
</li>
<li class="menu-item last">
<a class="menu-item last" href="/index.php/contact-us">
<span class="menu">
<span class="menu-title">
Contact Us
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
<div class="span2 visible-desktop" id="sp-social">
</div>
</div>
</div>
</header>
<section class="" id="sp-slidershow-wrapper">
<div class="row-fluid" id="slidershow">
<div class="span12" id="sp-slider">
<div class="sp-smart-slider sp-iStoreii-layout loading" id="sp-smart-slider">
<div class="istoreii-slider">
<div class="sp-slider-items">
<div class="sp-slider-item odd animate-in" style="background: url('/images/demo/slider/01.jpg') no-repeat center; background-size:cover;">
<div class="container">
<div class="sp-slider-content clearfix">
<div class="sp-vertical-middle">
<h1 class="sp-pretitle sp-animation-1">
TV Commercial
</h1>
<h1 class="sp-title sp-animation-2">
Vlisco Campaign
</h1>
</div>
<!--.sp-vertical-middle-->
</div>
<!--/.sp-slider-content-->
</div>
<!--/.slider-item-->
</div>
<!-- /.container -->
<div class="sp-slider-item even" style="background: url('/images/demo/slider/02.jpg') no-repeat center; background-size:cover;">
<div class="container">
<div class="sp-slider-content clearfix">
<div class="sp-vertical-middle">
<h1 class="sp-pretitle sp-animation-1">
Photography
</h1>
<h1 class="sp-title sp-animation-2">
Muri okunola Park
</h1>
</div>
<!--.sp-vertical-middle-->
</div>
<!--/.sp-slider-content-->
</div>
<!--/.slider-item-->
</div>
<!-- /.container -->
<div class="sp-slider-item odd" style="background: url('/images/demo/slider/movie.jpg') no-repeat center; background-size:cover;">
<div class="container">
<div class="sp-slider-content clearfix">
<div class="sp-vertical-middle">
<h1 class="sp-pretitle sp-animation-1">
Movie Production
</h1>
<h1 class="sp-title sp-animation-2">
Light In The Dark
</h1>
</div>
<!--.sp-vertical-middle-->
</div>
<!--/.sp-slider-content-->
</div>
<!--/.slider-item-->
</div>
<!-- /.container -->
<div class="sp-slider-item even" style="background: url('/images/demo/slider/04.jpg') no-repeat center; background-size:cover;">
<div class="container">
<div class="sp-slider-content clearfix">
<div class="sp-vertical-middle">
<h1 class="sp-pretitle sp-animation-1">
Music Video
</h1>
<h1 class="sp-title sp-animation-2">
Awele - Upstairs
</h1>
</div>
<!--.sp-vertical-middle-->
</div>
<!--/.sp-slider-content-->
</div>
<!--/.slider-item-->
</div>
<!-- /.container -->
<div class="sp-slider-item odd" style="background: url('/images/demo/slider/05.jpg') no-repeat center; background-size:cover;">
<div class="container">
<div class="sp-slider-content clearfix">
<div class="sp-vertical-middle">
<h1 class="sp-pretitle sp-animation-1">
Award
</h1>
<h1 class="sp-title sp-animation-2">
AMVCA
</h1>
</div>
<!--.sp-vertical-middle-->
</div>
<!--/.sp-slider-content-->
</div>
<!--/.slider-item-->
</div>
<!-- /.container -->
<div class="sp-slider-item even" style="background: url('/images/demo/slider/moviefront.jpg') no-repeat center; background-size:cover;">
<div class="container">
<div class="sp-slider-content clearfix">
<div class="sp-vertical-middle">
<h1 class="sp-pretitle sp-animation-1">
Training
</h1>
<h1 class="sp-title sp-animation-2">
Filmmaking and Screenwriting Class
</h1>
</div>
<!--.sp-vertical-middle-->
</div>
<!--/.sp-slider-content-->
</div>
<!--/.slider-item-->
</div>
<!-- /.container -->
</div>
<!--/.slider-items-->
</div>
<!-- /.istoreii-slider -->
<!-- Slider navigation -->
<div class="slider-arrow-nav">
<a class="controller-prev" href="javascript:;">
<span>
<i class="icon-long-arrow-left">
</i>
</span>
</a>
<a class="controller-next" href="javascript:;">
<span>
<i class="icon-long-arrow-right">
</i>
</span>
</a>
</div>
<!-- item list -->
<div class="slider-list">
<ul class="row-fluid container" style="margin: 0 auto;">
<li class="active span2">
<div class="slider-list-content-wrapper">
<a href="javascript:;">
<span>
TV Commercial
</span>
<span>
Vlisco Campaign
</span>
</a>
</div>
<!-- /.slider-list-content-wrapper -->
</li>
<li class="span2">
<div class="slider-list-content-wrapper">
<a href="javascript:;">
<span>
Photography
</span>
<span>
Muri okunola Park
</span>
</a>
</div>
<!-- /.slider-list-content-wrapper -->
</li>
<li class="span2">
<div class="slider-list-content-wrapper">
<a href="javascript:;">
<span>
Movie Production
</span>
<span>
Light In The Dark
</span>
</a>
</div>
<!-- /.slider-list-content-wrapper -->
</li>
<li class="span2">
<div class="slider-list-content-wrapper">
<a href="javascript:;">
<span>
Music Video
</span>
<span>
Awele - Upstairs
</span>
</a>
</div>
<!-- /.slider-list-content-wrapper -->
</li>
<li class="span2">
<div class="slider-list-content-wrapper">
<a href="javascript:;">
<span>
Award
</span>
<span>
AMVCA
</span>
</a>
</div>
<!-- /.slider-list-content-wrapper -->
</li>
<li class="span2">
<div class="slider-list-content-wrapper">
<a href="javascript:;">
<span>
Training
</span>
<span>
Filmmaking and Screenwriting Class
</span>
</a>
</div>
<!-- /.slider-list-content-wrapper -->
</li>
<ul>
</ul>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="" id="sp-feature-wrapper">
<div class="container">
<div class="row-fluid" id="feature">
<div class="span12" id="sp-features">
<div class="module">
<div class="mod-wrapper clearfix">
<h3 class="header">
<span>
Now Out - Light In The Dark Movie
</span>
</h3>
<div class="mod-content clearfix">
<div class="mod-inner clearfix">
<script type="text/javascript">
function iFrameHeight() {
var h = 0;
if (!document.all) {
h = document.getElementById('blockrandom').contentDocument.height;
document.getElementById('blockrandom').style.height = h + 60 + 'px';
} else if (document.all) {
h = document.frames('blockrandom').document.body.scrollHeight;
document.all.blockrandom.style.height = h + 20 + 'px';
}
}
</script>
<iframe class="wrapper" frameborder="1" height="620" id="blockrandom" name="" onload="iFrameHeight()" scrolling="auto" src="http://lightinthedarkmovie.com/video.htm" width="100%">
No Iframes
</iframe>
</div>
</div>
</div>
</div>
<div class="gap">
</div>
</div>
</div>
</div>
</section>
<footer class="" id="sp-footer-wrapper">
<div class="container">
<div class="row-fluid" id="footer">
<div class="span6" id="sp-footer1">
<span class="copyright">
Copyright © 2024 - Riverside Productions
</span>
<a href="http://www.joomshaper.com" title="joomshaper.com">
</a>
</div>
<div class="span6" id="sp-footer2">
<a class="sp-totop" href="javascript:;" rel="nofollow" title="Goto Top">
<small>
Goto Top
</small>
<i class="icon-angle-up">
</i>
</a>
</div>
</div>
</div>
</footer>
<a class="hidden-desktop btn btn-inverse sp-main-menu-toggler" data-target=".nav-collapse" data-toggle="collapse" href="#">
<i class="icon-align-justify">
</i>
</a>
<div class="hidden-desktop sp-mobile-menu nav-collapse collapse">
<ul class="">
<li class="menu-item active first">
<a class="menu-item active first" href="https://riversideproductions.net/">
<span class="menu">
<span class="menu-title">
Home
</span>
</span>
</a>
</li>
<li class="menu-item">
<a class="menu-item" href="/index.php/aboutus">
<span class="menu">
<span class="menu-title">
About Us
</span>
</span>
</a>
</li>
<li class="menu-item parent">
<a class="menu-item parent" href="#">
<span class="menu">
<span class="menu-title">
Projects
</span>
</span>
</a>
<span class="sp-menu-toggler collapsed" data-target=".collapse-224" data-toggle="collapse">
<i class="icon-angle-right">
</i>
<i class="icon-angle-down">
</i>
</span>
<ul class="collapse collapse-224">
<li class="menu-item first">
<a class="menu-item first" href="/index.php/projects/photography">
<span class="menu">
<span class="menu-title">
Photography
</span>
</span>
</a>
</li>
<li class="menu-item">
<a class="menu-item" href="/index.php/projects/short-movie-oblivious">
<span class="menu">
<span class="menu-title">
Short Movie - Oblivious
</span>
</span>
</a>
</li>
<li class="menu-item">
<a class="menu-item" href="/index.php/projects/video-prod-vlisco">
<span class="menu">
<span class="menu-title">
TV Show - Vlisco
</span>
</span>
</a>
</li>
<li class="menu-item">
<a class="menu-item" href="/index.php/projects/video-prod-lasgidi-blokes">
<span class="menu">
<span class="menu-title">
TV Show - Lasgidi Blokes
</span>
</span>
</a>
</li>
<li class="menu-item last">
<a class="menu-item last" href="/index.php/projects/video-my-big-nigerian-wedding">
<span class="menu">
<span class="menu-title">
TV Show- My Big Nigerian Wedding
</span>
</span>
</a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-item" href="/index.php/training">
<span class="menu">
<span class="menu-title">
Training
</span>
</span>
</a>
</li>
<li class="menu-item last">
<a class="menu-item last" href="/index.php/contact-us">
<span class="menu">
<span class="menu-title">
Contact Us
</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</body>
</html>