<!DOCTYPE HTML>
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-E0E22DMD4E"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-E0E22DMD4E');
</script>
	<meta charset="UTF-8">
	<!-- Primary Meta Tags -->
<title>BlackMedley Media and Entertainment</title>
<meta name="title" content="BlackMedley Media & Entertainment">
<meta name="description" content="BlackMedley is a media production and entertainment company - We’re a team of creators and collaborators. We create multicultural content that engages viewers and elevates the conversations. Our production catalogue covers character-driven stories in the music and sports world.">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.facebook.com/blackmedleyproductions">
<meta property="og:title" content="BlackMedley Media & Entertainment">
<meta property="og:description" content="BlackMedley is a media production and entertainment company - We’re a team of creators and collaborators. We create multicultural content that engages viewers and elevates the conversations. Our production catalogue covers character-driven stories in the music and sports world.">
<meta property="og:image" content="images/about-bm.png">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://twitter.com/blackmedley">
<meta property="twitter:title" content="BlackMedley Media & Entertainment">
<meta property="twitter:description" content="BlackMedley is a media production and entertainment company - We’re a team of creators and collaborators. We create multicultural content that engages viewers and elevates the conversations. Our production catalogue covers character-driven stories in the music and sports world.">
<meta property="twitter:image" content="images/about-bm.png">
	<meta name="author" content="BlackMedley Productions">
	<meta name="Keywords" content="Video Content Production, Media Producers, Film Production, Video Production, Video Directors, Branded Content, Music Content, Sports Content, Post Production, Creative Development">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	
	<!-- CSS Responsive Framework Skeleton -->
	<link rel="stylesheet" href="css/skeleton.css">
	
	<!-- CSS Styles -->	
	<link rel="stylesheet" href="css/style.css">
	
	<!-- Fullscreen Slider -->
	<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/supersized.shutter.css" type="text/css" media="screen" />
	
	<!-- Lightbox -->	
	<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet"/>
	
	<!-- Media Queries -->	
	<link rel="stylesheet" href="css/media.css">
	

	<!-- JavaScripts -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
	<script type="text/javascript" src="js/supersized.shutter.min.js"></script>
	<script type="text/javascript" src="js/supersized.images.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
	<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
	<script type="text/javascript" src="js/last-tw.js"></script>
	<script type="text/javascript" src="js/paralax-ini.js"></script>
	<script type="text/javascript" src="js/scroll.js"></script>
	<script type="text/javascript" src="js/jquery.sticky.js"></script>
	<script>
	    $(window).load(function(){
	      $("nav").sticky({ topSpacing: 0, className: 'sticky', wrapperClassName: 'my-wrapper' });
	    });
    </script>
</head>

<body>

	<!-- Start Homepage -->
	<div id="homepage">
		
		<div class="container">
			<div class="sixteen columns">
				<img alt="" class="logo" src="images/logo.png" />
			</div>
			
			<div class="slider-text">
				<div class="sixteen columns">
					<div class="line"></div>
				</div>
				
				<div class="twelve columns">
					<div id="slidecaption"></div>
				</div>
				
				<div class="four columns">
					<a id="prevslide" class="load-item"></a>
					<a id="nextslide" class="load-item"></a>
				</div>
			</div>
			
		</div>
	</div>
	<!-- End Homepage -->
	
	
	<!-- Start Navigation -->
	<nav>
	
		<div class="container">
			
			<div class="twelve columns">
						<!-- Start Nav Links -->
				<ul class="links">
					<li><a href="#about">About</a></li>
					<li><a href="#culture">Our Work</a></li>
				        <!--<li><a href="#services">Partners</a></li>-->
					<li><a href="#portfolio">Productions</a></li>
					<li><a href="#contact">Contact</a></li>
					<li><a href="#homepage"><img alt="" src="images/top-icon.png" /></a></li>
				</ul>
				<!-- End Nav Links -->
				
				<!-- Start Dropmenu for mobile -->		
				<select class="dropmenu" name="dropmenu" onChange="moveTo(this.value)">
					<option value="" selected="selected">Menu</option>
					<option value="#homepage">Top</option>
					<option value="#about">About</option>
					<option value="#culture">Our Work</option>
					<!--<option value="#services">Services</option> -->
					<option value="#portfolio">Clients</option> 
					<option value="#contact">Contact</option> 
				</select>
				<!-- End Dropmenu for mobile -->
				
			</div>
			
			<div class="four columns">
			
				<!-- Social Icons -->	
				<ul class="social-icons">
					<li><a href="https://www.facebook.com/blackmedleyproductions"><img alt="" src="images/social-icons/facebook.png" /></a></li>
					<li><a href="http://www.twitter.com/blackmedley"><img alt="" src="images/social-icons/twitter.png" /></a></li>
					<!-- <li><a href="#"><img alt="" src="images/social-icons/googleplus.png" /></a></li> -->
				</ul>
				<!-- End Icons -->
			
			</div>
		
		</div>
	
	</nav>
	<!-- End Navigation -->	
	
	
	<!-- Start About Page -->	
	<div id="about">
	
		<div class="container">
		
			<div class="sixteen columns">
				
				<h1>About BlackMedley</h1>
				<div class="one-text">
					<p>BlackMedley is a media production and entertainment company - We’re a team of creators and collaborators. We create multicultural content that engages viewers and elevates the conversations. Our production catalogue covers character-driven stories in the music and sports world. </p>
				</div>
				<br /><div style="position:relative; padding-bottom:56.25%; overflow:hidden;"><iframe src="//content.jwplatform.com/players/lKVINGBI-lSBDdgJY.html" width="100%" height="100%" frameborder="0" scrolling="auto" allowfullscreen style="position:absolute;"></iframe></div></div>
			</div> 
		

		
	</div>
	<!-- End About Page -->
		
	<!-- Start First Parallax Background (Quote) -->	
	<div id="parallax1">
		<div class="bg1"></div>
		<div class="pattern"></div>
		<div class="container">
			<div class="vertical-text">
				<p class="prlx-quote">We develop stories that are a meeting point for social and global connections that inspire peers and bridge generations.</p>
				<div class="prlx-author">BlackMedley</div>
			</div>
		</div>
	</div>
	<!-- End First Parallax Background (Quote) -->
	
	
	<!-- Start Culture Page -->
	<div id="culture">
		
		<div class="container">
			<div class="sixteen columns">
				<h1>Our Work</h1>
				<div class="one-text">
				<!-- <p>We aim to engage and widen perspectives through richly captured stories. Africa is growing and part of that growth encompasses a yearning for more stories that reflect that growth, the culture and how we reinvent ourselves. 
                Our production catalogue covers sports and lifestyle on commissioned projects, co-productions and our own self-funded productions - from award winning documentaries, event coverage, sports coverage, reality series, branded and scripted shows.</p> -->
				</div>
			</div>
		</div>
		
		<!-- Start Full Width Video -->
		<div class="culture-full">
			<div class="container">
				<div class="sixteen columns">
					<div class="embed-container">
                   
               <iframe src="https://player.vimeo.com/video/62325315" width="853" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
                <!--  <iframe src="http://player.vimeo.com/video/62325315?byline=0&amp;portrait=0&amp;badge=0&amp;color=b0b825" frameborder="0"></iframe>
                  <br /> <iframe width="853" height="480" src="//www.youtube.com/embed/Js5aSHw94fI" frameborder="0" allowfullscreen></iframe>
                  <br /> <iframe width="853" height="480" src="//www.youtube.com/embed/videoseries?list=PLW9eE7Q_BJA5fFxgrMAiEvsGl3GCUiKF3" frameborder="0" allowfullscreen></iframe> -->
                <br />
                
          
                    </div>
				</div>	
			</div>	
		</div>
        
       	<!-- End Full Width Video -->
		
		<!-- <div class="container">
		
			<div class="eight columns">
				<h4>We are NOT your typical Africans</h4>
				<p>There is a distinctive difference between being African and being from Africa -  BlackMedley is African, our culture, lifestyle, mindset is skewed African. The fact that we reside in the USA only enforces the edge and character we have developed from a platform perspective. Whenever we seek content globally - we see Africa first and then everything else follows, this has given us a unique competitive advantage over other production houses based in the US whereas we are able to quickly identify content that will resonate with Africans in general.</p>
					<p>Kwame Nkuruma said it best - I am not African because I was born in Africa but because Africa was born in me.</p>                                                 
			</div>
				
			<div class="eight columns">
				<h4>We are Committed</h4>
				<p>We are agile, mobile, driven, eager and focused on getting the job done. This is the it generation, the social generation and we feel we are closely aligned with the pulse of the community and the people to the point we can pre-empt trends and ideas before they explode (become viral).</p>
				<p>We want your business, we will work harder for you because we have the energy.</p>                                                 
			</div> 
		
		</div> -->
	
	</div>
	<!-- End Culture Page --> 
	
	

		
	
	<!-- Start Third Parallax Background (Clients) -->
	<div id="parallax3">
		<div class="bg3"></div>
		<div class="pattern"></div>
		<div class="container">
			<div class="vertical-text">
				<h2 class="white">Our Partners</h2>
				<ul class="clients">
					<li><a href="http://vision21.co.ke/index.php?sectionid=21" target="_blank"><img alt="" src="images/clients/logo1.png" ></a></li>
					<li><img alt="" src="images/clients/LTVsasLOGO.png" ></li>
					<li><a href="https://elewacamera.com/" target="_blank"><img alt="ElewaCamera" src="images/clients/ElewaCamera.png" ></a></li>
					<!--<li><a href="#"><img alt="" src="images/clients/logo5.png" ></a></li>-->
				</ul>
			</div>
		</div>
	</div>
	<!-- End Third Parallax Background (Clients) -->
	
	
	<!-- Start Portfolio Page -->
	<div id="portfolio">
	
		<div class="container">
		
			<div class="sixteen columns">
				<h1>Current Productions</h1>
			</div>
			

			<!-- Start Project -->	
			<div class="four columns">
				
				<a href="https://vimeo.com/528553661" target="_blank" rel="prettyPhoto[gallery1]" title="Africa To The World at SXSW 2019">
					<div class="img-wrp">
				        <img class="scaleimg" src="images/portfolio/thumbs/attwsxsw19.png" alt="Africa To The World at SXSW 2019" />
				        <div class="overlay-wrp">
		    		        <i class="icon loupe overlay-content"></i>
		    		        <div class="overlay"></div>
				        </div>
					</div>
			    </a>
				<p class="project-title">Africa To The World at SXSW 2019</p>
				<p class="project-description">Music Show</p>
			</div>	
			<!-- End Project -->
			
			
						<!-- Start Project -->	
			<div class="four columns">
				
				<a href="https://vimeo.com/528552992" target="_blank" rel="prettyPhoto[gallery2]" title="Vibes From SXSW 2017">
					<div class="img-wrp">
				        <img class="scaleimg" src="images/portfolio/thumbs/vibessxsw17.png" alt="Vibes From SXSW 2017" />
				        <div class="overlay-wrp">
		    		        <i class="icon loupe overlay-content"></i>
		    		        <div class="overlay"></div>
				        </div>
					</div>
			    </a>
				<p class="project-title">Vibes From SXSW 2017</p>
				<p class="project-description">Music Show</p>
			</div>	
			<!-- End Project -->
			
			
			
			<!-- Start Project -->	
			<div class="four columns">
				
				<a href="https://youtu.be/_uRmeQ_40f0" target="_blank" rel="prettyPhoto[gallery3]" title="BlackMedley Production: Marathon Fuse - Chicago Episode">
					<div class="img-wrp">
				        <img class="scaleimg" src="images/portfolio/thumbs/image6.jpg" alt="MARATHON FUSE - CHICAGO" />
				        <div class="overlay-wrp">
		    		        <i class="icon loupe overlay-content"></i>
		    		        <div class="overlay"></div>
				        </div>
					</div>
			    </a>
				<p class="project-title">Marathon Fuse - Chicago</p>
				<p class="project-description">Sports Shows</p>
			</div>	
			<!-- End Project -->
			
			
			<!-- Start Project -->	
			<div class="four columns">
				
			<a href="http://vimeo.com/62681160" target="_blank" rel="prettyPhoto[gallery4]" title="BlackMedley production: 10MINFIX - Aussie Episode">
					<div class="img-wrp">
				        <img class="scaleimg" src="images/portfolio/thumbs/image3.jpg" alt="10MINFIX AUSSIE EPISODE" />
				        <div class="overlay-wrp">
		    		        <i class="icon loupe overlay-content"></i>
		    		        <div class="overlay"></div>
				        </div>
					</div>
			    </a>
			    <p class="project-title">10MINUTE FIX</p>
				<p class="project-description">Diaspora Lifestyle Shows</p>
			</div>
			
			<div id="inline1" class="hidden">
				
			</div>
			<!-- End Project -->
			
			<!-- Start Project -->
			<div class="four columns">
				<a href="https://youtu.be/NxNUkJ3TmBk" target="_blank" rel="prettyPhoto[gallery5]" title="BlackMedley Production: PASSPORT AFRICA">
					<div class="img-wrp">
				        <img class="scaleimg" src="images/portfolio/thumbs/image4.jpg" alt="PASSPORT AFRICA" />
				        <div class="overlay-wrp">
		    		        <i class="icon loupe overlay-content"></i>
		    		        <div class="overlay"></div>
				        </div>
					</div>
				</a>
				<p class="project-title">PASSPORT AFRICA</p>
				<p class="project-description">Sports Shows</p>
			</div>	
			<!-- End Project -->
			
			<!-- Start Project -->
			<div class="four columns">
				<a href="http://vimeo.com/38012365" target="_blank" rel="prettyPhoto[gallery6]" title="BlackMedley Production: NBA ALLSTAR WEEKEND">
					<div class="img-wrp">
				        <img class="scaleimg" src="images/portfolio/thumbs/image2.jpg" alt="NBA ALLSTAR WEEKEND" />
				        <div class="overlay-wrp">
		    		        <i class="icon loupe overlay-content"></i>
		    		        <div class="overlay"></div>
				        </div>
					</div>
			    </a>
			    <p class="project-title">NBA ALLSTAR WEEKEND</p>
				<p class="project-description">Sports Shows</p>
			</div>	
			<!-- End Project -->
			
			
			<!-- Start Project -->
			<div class="four columns">
				<a href="https://youtu.be/F72Y3VDKwYc" target="_blank" rel="prettyPhoto[gallery7]" title="BlackMedley Production: WORLD CUP 2014">
					<div class="img-wrp">
				        <img class="scaleimg" src="images/portfolio/thumbs/brazil-bm.webp" alt="WORLD CUP 2014 for TeamAfrica" />
				        <div class="overlay-wrp">
		    		        <i class="icon loupe overlay-content"></i>
		    		        <div class="overlay"></div>
				        </div>
					</div>
			    </a>
			    <p class="project-title">TeamAfrica WORLD CUP 2014 - #OneContinentOneFlag</p>
				<p class="project-description">Sports Shows</p>
			</div>
			<!-- End Project --> 
			
					
		</div> 	
		
	</div>
	<!-- End Portfolio Page -->
	
	
	
	<!-- Start Contact Page -->
	<div id="contact">
		<div class="pattern"></div>
		<div class="container">
			<div class="sixteen columns">
				
				<!-- Start Contact Block -->
				<div class="card">
					<h1 class="white">Contact Us</h1>
					<div class="lines">
						<p><a href="mailto:michaelwanguhu@blackmedley.com" >kazi@blackmedley.com</a><br/>+1 925.553.4370</p>
						<p class="adress">Oakland, CA</p> 
						
										
					</div>
					
					<ul class="contact-social-icons">
						<li><a href="https://www.facebook.com/blackmedleyproductions"><img alt="" src="images/social-icons/facebook-big.png" ></a></li>
						<li><a href="https://twitter.com/blackmedley"><img alt="" src="images/social-icons/twitter-big.png" ></a></li>
						<!-- <li><a href="#"><img alt="" src="images/social-icons/googleplus-big.png" ></a></li> -->
					</ul>
				</div>
				<!-- End Contact Block -->
				
				
			</div>
		</div>
		
		<div class="copyright">
			<p>© 2024 BlackMedley.</p>
		</div>
		
	</div>
	<!-- End Contact Page -->
	
	<script type="text/javascript">
    	function moveTo(contentArea){
        	var goPosition = $(contentArea).offset().top;
        	$('html,body').animate({ scrollTop: goPosition}, 'slow');
        }
    </script>
	
	<script type="text/javascript">
	  $(document).ready(function(){
	    $("a[rel^='prettyPhoto']").prettyPhoto();
	  });
	</script>
	
    <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-39521990-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
    
</body>
<!-- The End. Thank you-->