Showing source for: https://jperiod.com/
Duration: 0.937531s
Server: nginx

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
    <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <title>
   J.PERIOD
        </title>
        <meta content="" name="description">
        <meta content="initial-scale=1, maximum-scale=1" name="viewport">
        <link href="https://jperiod.com/favicon.png" rel="shortcut icon">
        <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
        <link href="/css/normalize.css" media="screen" rel="stylesheet">
        <link href="/css/style.css" media="screen" rel="stylesheet">
        <link href="/css/slides.css" media="screen" rel="stylesheet">
        <link href="/css/music.css" media="screen" rel="stylesheet">
        <link href="/css/heatrocks.css" media="screen" rel="stylesheet">
        <link href="/css/responsive.css" media="screen and (min-width: 320px)" rel="stylesheet">
        <link href="/css/fancybox-thumbs.css" media="screen" rel="stylesheet" type="text/css">
        <link href="/css/fancybox.css" media="screen" rel="stylesheet">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
        </script>
        <script>
            window.jQuery || document.write('<script src="js/vendor/jquery-1.7.2.min.js"><\/script>');
        </script>
        <script src="/js/modernizr-2.6.2.min.js">
        </script>
        <script src="/js/ttw-music-player-min.js">
        </script>
        <script src="/js/myplaylist.js">
        </script>
        <script src="/js/jquery.fullwidthAudioPlayer.js" type="text/javascript">
        </script>
    </head>
    <body>
        <script>
            $(document).ready(function() {
                $('#wrapper, #header-container, #footer-container').fadeIn(5000);
                $('li.magnify_search').click(function() {
                    $("#search-modal").modal({
                        overlayClose: true,
                        opacity: 95,
                        overlayCss: {
                            backgroundColor: "#000"
                        }
                    });
                });
                $(".slidingDiv").hide();
                $(".show_hide").show();
                $('.show_hide').click(function() {
                    $(".slidingDiv").slideToggle();
                    $('.bar').mosaic({
                        animation: 'slide'
                    });
                });
            });
        </script>
        <style>
            div#search-modal {
                display             : none;
            }
        </style>
        <!-- TWITTER API -->
        <!--	<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>-->
        <!--[if lt IE 7]>
                                                <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> or <a href="https://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
                                <![endif]-->
        <div id="header-container">
            <!--- NAVIGATION MENU FOR SCREEN SIZE UNDER 640PX-->
            <div id="nav-collapsed">
                <a href="https://jperiod.com/" style="padding-top: 17px;display: block;float: left;">
                    <img alt="logo" class="new-logo" src="/img/logo-final.jpg">
                </a>
                <a class="show_hide" href="#">
                    <img alt="nav-menu" id="collapsed-nav-menu" src="/img/collapsed_menu.png">
                </a>
            </div>
            <!--- NAV COLLAPSED ENDS HERE -->
            <!-- MOBILE NAVIGATION -->
            <div class="slidingDiv">
                <ul id="collapsed-nav-drop">
                    <li>
                        <a href="https://jperiod.com/">
       home
                        </a>
                    </li>
                    <li>
                        <a href="https://jperiod.com/about">
                            about j.period
                        </a>
                    </li>
                    <li>
                        <a href="https://jperiod.bandcamp.com/music" target="_blank">
                            j.period Mixtapes
                        </a>
                    </li>
                    <li>
                        <a href="https://jperiod.com/livemixtape">
                            The Live Mixtape
                        </a>
                    </li>
                    <li>
                        <a href="https://shop.jperiod.com" target="_">
                            Shop J.Period
                        </a>
                    </li>
                    <!--		<li><a href="https://jperiod.com/gallery">gallery</a></li>
        <li><a href="https://jperiod.com/heatrocks">heat rocks</a></li>
        <li><a href="https://jperiod.com/clients">clients</a></li>
        <li><a href="https://jperiod.com/press">press</a></li>
        <li><a href="https://jperiod.com/contact">contact</a></li>-->
                </ul>
            </div>
            <!-- MOBILE NAVIGATION ENDS HERE -->
            <div id="upper-sect">
                <ul id="nav-menu">
                    <!--<li><a href="https://jperiod.com/gallery">gallery</a></li>
        <li><a href="https://jperiod.com/heatrocks">heat-rocks</a></li>
        <!--<li ><a href="https://jperiod.com/store">store</a></li>--*>
        <li><a href="https://jperiod.com/clients">clients</a></li>
        <li><a href="https://jperiod.com/press">press</a></li>
        <li><a href="https://jperiod.com/contact">contact</a></li>-->
                    <li id="nfb">
                        <a href="https://www.facebook.com/jperiodbk">
       Facebook
                        </a>
                    </li>
                    <li id="ntw">
                        <a href="https://twitter.com/jperiodbk">
                            Twitter
                        </a>
                    </li>
                    <li id="nsc">
                        <a href="https://soundcloud.com/jperiod">
                            Soundcloud
                        </a>
                    </li>
                    <li id="nin">
                        <a href="https://instagram.com/jperiodbk">
                            Instagram
                        </a>
                    </li>
                </ul>
            </div>
            <div class="clearfix">
            </div>
            <div id="logo-container">
                <a href="https://jperiod.com/" style="padding-top: 17px;display: block;float: left;">
                    <img alt="logo" class="new-logo" src="/img/logo-final.jpg">
                </a>
                <ul id="nav-menu-sec">
                    <li>
                        <a href="https://jperiod.com/about">
                            about j.period
                        </a>
                    </li>
                    <li>
                        <a href="https://jperiod.bandcamp.com/music" target="_blank">
                            j.period Mixtapes
                        </a>
                    </li>
                    <li>
                        <a href="https://jperiod.com/livemixtape">
                            The Live Mixtape
                        </a>
                    </li>
                    <li>
                        <a href="https://shop.jperiod.com" target="_blank">
                            Shop J.Period
                        </a>
                    </li>
                    <!--<li class="magnify_search"><a href="#"><img src="/img/magnify.png" alt="Search"/></a>
            </li>-->
                </ul>
            </div>
            <!--<div id="footer-banner">
                    <div id="twitter-container">
                    <div class="tweet-icon">
                    <img src="/img/tweet-feed-icon.png" alt="{url_title}" class="tweet-feed">
                    </div>
	 	  Follow <a href="https://twitter.com/jperiodBK" target="_blank">@jperiodBK</a> on Twitter
	 		
	 	
            <a href="https://twitter.com/jperiodBK" target="_blank"><!-- J.Period --*></a>
            <span id="twitter-container-inner">
                    <!--<span class="time">{created_at format="%m-%d %g:%i"}</span>--*></span>
	  	
            </div><!-- TWITTER CONATINER ENDS HERE --*>
                    </div>-->
            <!-- FOOTER BANNER ENDS HERE -->
        </div>
        <div id="wrapper">
            <!--<script>
if ( (screen.width < 640)) { 
window.location = 'https://jperiod.com/index.php/home/mobi';
 } 

    </script>-->
            <style>
                .home-wrap iframe {
                    width               : 100% !important;
                    max-width           : 10000px !important;
                    height              : 100% !important;
                    max-height          : 10000px !important;
                    position            : absolute;
                    top                 : 0;
                    left                : 0;
                    z-index             : 99;
                }
            </style>
            <div class="img-wrap home-wrap">
                <a href="https://jperiod.lnk.to/StoryToTellChapterOnenq" target="_blank">
                    <h2>
                        MIXTAPES HOODIE
                    </h2>
                    <p>
                        SHOP J.PERIOD &raquo;
                    </p>
                </a>
                <a href="https://jperiod.lnk.to/Hot_Sauce" target="_blank">
                    <img alt="MIXTAPES HOODIE" class="home-billboard bill-filter" onmouseout="addFilter(this)" onmouseover="removeFilter(this)" src="/img/jperiod-hotsauce-header-cc.jpg">
                </a>
            </div>
            <div class="featured-second home-second">
                <a href="https://jperiod.bandcamp.com/merch" target="_blank">
                    <h3>
                        &acirc;€œMixtapes Are Not A Crime&acirc;€ Limited Edition USB Mixtape + Complete J.PERIOD Collection
                    </h3>
                    <p>
                        BUY NOW! &raquo;
                    </p>
                    <img alt="&acirc;€œMixtapes Are Not A Crime&acirc;€ Limited Edition USB Mixtape + Complete J.PERIOD Collection" class="sec-feature align-left" onmouseout="addFilter(this)" onmouseover="removeFilter(this)" src="/img/USB-22-img3.jpg">
                </a>
                <!--<div class="billboard-copy-sec">
                <h1></h1>
                <a href="#"></a> -->
                <a href="https://jperiod.com/livemixtape">
                    <h3>
      J.PERIOD LIVE MIXTAPE
                    </h3>
                    <p>
                        LISTEN NOW! &raquo;
                    </p>
                    <img alt="The Live Mixtape (JB Edition) feat. Black Thought" class="sec-feature align-left" onmouseout="addFilter(this)" onmouseover="removeFilter(this)" src="/img/NEW-LIVE-MIXTAPEHEADER-IMAGE.JPG">
                </a>
                <!--<div class="billboard-copy-sec">
                <h1></h1>
                <a href="#"></a> -->
                <!-- </div>	-->
            </div>
            <div class="clearfix">
            </div>
            <script type="text/javascript">
                $(document).ready(function() {
                    $('#carousel-3').elastislide({
                        minItems: 1
                    });
                    $('#carousel-2').elastislide({
                        minItems: 1
                    });
                });
            </script>
            <style>
                #carousel-3 li {
                    max-width           : 305px !important;
                    max-height          : 150px !important;
                    width               : 305px !important;
                    height              : 150px !important;
                    margin-right        : 12px;
                }
                .elastislide-carousel ul li a img {
                    display             : block;
                    max-width           : 100%;
                    padding             : 0;
                }
                .tint-rocks:before {
                    max-height          : 150px;
                    max-width           : 305px;
                    top                 : 0;
                    width               : 100%;
                    height              : 100%;
                    left                : 0;
                }
                .elastislide-horizontal {
                    padding             : 10px 40px;
                    height              : 181px;
                }
                .elastislide-horizontal nav span.elastislide-prev {
                    top                 : 103px;
                }
                .elastislide-horizontal nav span.elastislide-next {
                    top                 : 103px;
                }
                .item-detes {
                    left                : 16px;
                    bottom              : 10px
                }
                .item-detes h2 {
                    left                : 0px;
                    bottom              : 20px;
                    width               : 85%;
                    font-size           : 159%;
                }
                .rock-link {
                    font-size           : 13px;
                    line-height         : 21px;
                }
                .hr-title {
                    background          : url("/img/banner_hr.png") no-repeat;
                    width               : 146px;
                    height              : 55px;
                    text-indent         : -999999px;
                }
                #carousel-2 .tint-rocks:before {
                    max-width           : 150px;
                }
                #carousel-2 li {
                    max-width           : 150px !important;
                    max-height          : 250px !important;
                    width               : 50%;
                    position            : relative;
                    margin-right        : 12px;
                }
                .fm-title {
                    background          : url("/img/banner_fm.png") no-repeat;
                    width               : 191px;
                    height              : 55px;
                    text-indent         : -999999px;
                }
                #carousel-3 {
                    margin-bottom       : 30px;
                }
            </style>
            <!--<div id="slide-container">
    <div class="slider-wrapper">
        <a href="https://jperiod.com/music/category/featured-music" style="position: absolute;z-index: 99;left: 13px;top: 15px;"><div class="fm-title">Featured Music</div></a>
        <ul class="heat-rocks-slider " id="carousel-2">
		
            <li style="position: relative;">
                <a href="https://jperiod.com/music/album-view/outkast-refixed">
                    <figure class="tint tint-rocks">
                        <img src="/img/jperiod-outkast-cover-f.jpg" class="heat-rocks-imgs" alt="alt">
                    </figure>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/music/album-view/j.period-presents...-the-best-of-lauryn-hill-vol.-2-water-2020-remaster-bon">
                    <figure class="tint tint-rocks">
                        <img src="/img/jperiod-bestoflauryn-vol2-anniversary-web.jpg" class="heat-rocks-imgs" alt="alt">
                    </figure>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/music/album-view/j.period-presents...-the-best-of-lauryn-hill-vol.-1-fire-2020-remaster-bonu">
                    <figure class="tint tint-rocks">
                        <img src="/img/jperiod-bestoflauryn-vol1-anniversary-web.jpg" class="heat-rocks-imgs" alt="alt">
                    </figure>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/music/album-view/best-of-j.period-vol.-2-ep">
                    <figure class="tint tint-rocks">
                        <img src="/img/jperiod-bestofjperiod2-ep.jpg" class="heat-rocks-imgs" alt="alt">
                    </figure>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/music/album-view/rage-is-back">
                    <figure class="tint tint-rocks">
                        <img src="/img/rageisback12-cov.jpg" class="heat-rocks-imgs" alt="alt">
                    </figure>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/music/album-view/best-of-j.period-vol.-1-ep">
                    <figure class="tint tint-rocks">
                        <img src="/img/bestofjperiod-cover.jpg" class="heat-rocks-imgs" alt="alt">
                    </figure>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/music/album-view/bestofnas">
                    <figure class="tint tint-rocks">
                        <img src="/img/jperiod-nas-cover-web.jpg" class="heat-rocks-imgs" alt="alt">
                    </figure>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/music/album-view/black-thought-rakim-john-legend-in-the-ghetto-wake-up-produced-by-jperiod">
                    <figure class="tint tint-rocks">
                        <img src="/img/jperiod-intheghetto-cover.jpg" class="heat-rocks-imgs" alt="alt">
                    </figure>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/music/album-view/seethelight">
                    <figure class="tint tint-rocks">
                        <img src="/img/See_The_Light_12_(Cover).jpg" class="heat-rocks-imgs" alt="alt">
                    </figure>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/music/album-view/rise-up-ep">
                    <figure class="tint tint-rocks">
                        <img src="/img/riseup-albumcover-final.jpg" class="heat-rocks-imgs" alt="alt">
                    </figure>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/music/album-view/soldiers">
                    <figure class="tint tint-rocks">
                        <img src="/img/Soldiers_12_(Cover).jpg" class="heat-rocks-imgs" alt="alt">
                    </figure>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/music/album-view/top5mcs">
                    <figure class="tint tint-rocks">
                        <img src="/img/jperiodlivemixtape-album-art.jpg" class="heat-rocks-imgs" alt="alt">
                    </figure>
                </a>
            </li>
											
        </ul>
    </div>
</div>-->
            <!--<div id="slide-container">
    <div class="slider-wrapper">
        <a href="https://jperiod.com/heatrocks" style="position: absolute;z-index: 99;left: 13px;top: 15px;"><div class="hr-title">Heat Rocks</div></a>
        <ul class="heat-rocks-slider" id="carousel-3">
		
            <li style="position: relative;">
                <a href="https://jperiod.com/heatrocks/view2/rise-up-project">
                    <figure class="tint tint-rocks">
                        <img src="/img/RISEUP-titlecard-black.jpg&amp;w=305&amp;h=150&amp;zc=1&amp;q=100" class="heat-rocks-imgs" alt="alt">
                    </figure>
                        <div class="item-detes">
                        <h2>THE RISE UP PROJECT</h2>
                        <span class="rock-link">Read More</span>
                    </div>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/heatrocks/view/livemixtape">
                    <figure class="tint tint-rocks">
                        <img src="/img/jperiod-promo-DJ2.jpg&amp;w=305&amp;h=150&amp;zc=1&amp;q=100" class="heat-rocks-imgs" alt="alt">
                    </figure>
                        <div class="item-detes">
                        <h2>J.PERIOD LIVE MIXTAPE</h2>
                        <span class="rock-link">Read More</span>
                    </div>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/heatrocks/view2/kennedy-center-hip-hop-council">
                    <figure class="tint tint-rocks">
                        <img src="/img/kencen.jpeg&amp;w=305&amp;h=150&amp;zc=1&amp;q=100" class="heat-rocks-imgs" alt="alt">
                    </figure>
                        <div class="item-detes">
                        <h2>THE KENNEDY CENTER</h2>
                        <span class="rock-link">Read More</span>
                    </div>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/heatrocks/view2/hamilton-mixtape">
                    <figure class="tint tint-rocks">
                        <img src="/img/hp-hamilton.jpg&amp;w=305&amp;h=150&amp;zc=1&amp;q=100" class="heat-rocks-imgs" alt="alt">
                    </figure>
                        <div class="item-detes">
                        <h2>THE HAMILTON MIXTAPE</h2>
                        <span class="rock-link">Read More</span>
                    </div>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/heatrocks/view/behindthemix-brooklyn-nets">
                    <figure class="tint tint-rocks">
                        <img src="/img/barclays-jperiod2-web.jpg&amp;w=305&amp;h=150&amp;zc=1&amp;q=100" class="heat-rocks-imgs" alt="alt">
                    </figure>
                        <div class="item-detes">
                        <h2>CHANGE THE GAME:</h2>
                        <span class="rock-link">Read More</span>
                    </div>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/heatrocks/view2/america-divided-season-premiere">
                    <figure class="tint tint-rocks">
                        <img src="/img/hp-americadivided-small.jpg&amp;w=305&amp;h=150&amp;zc=1&amp;q=100" class="heat-rocks-imgs" alt="alt">
                    </figure>
                        <div class="item-detes">
                        <h2>AMERICA DIVIDED</h2>
                        <span class="rock-link">Read More</span>
                    </div>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/heatrocks/view2/smithsonian-nmaahc-launch-event">
                    <figure class="tint tint-rocks">
                        <img src="/img/nmaahcBuildingEdit.jpg&amp;w=305&amp;h=150&amp;zc=1&amp;q=100" class="heat-rocks-imgs" alt="alt">
                    </figure>
                        <div class="item-detes">
                        <h2>J.PERIOD AT SMITHSONIAN</h2>
                        <span class="rock-link">Read More</span>
                    </div>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/heatrocks/view/march9-trilogy">
                    <figure class="tint tint-rocks">
                        <img src="/img/hp-march9revisited.jpg&amp;w=305&amp;h=150&amp;zc=1&amp;q=100" class="heat-rocks-imgs" alt="alt">
                    </figure>
                        <div class="item-detes">
                        <h2>MARCH 9 COLLECTION</h2>
                        <span class="rock-link">Read More</span>
                    </div>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/heatrocks/view2/j.period-featured-on-nba.com">
                    <figure class="tint tint-rocks">
                        <img src="/img/cc-nba-insidestuff-video2.jpg&amp;w=305&amp;h=150&amp;zc=1&amp;q=100" class="heat-rocks-imgs" alt="alt">
                    </figure>
                        <div class="item-detes">
                        <h2>J.PERIOD x NBA INSIDE</h2>
                        <span class="rock-link">Read More</span>
                    </div>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/heatrocks/view/j.period-10th-anniversary-collection">
                    <figure class="tint tint-rocks">
                        <img src="/img/jperiodx10-boxset.jpg&amp;w=305&amp;h=150&amp;zc=1&amp;q=100" class="heat-rocks-imgs" alt="alt">
                    </figure>
                        <div class="item-detes">
                        <h2>J.PERIOD X 10 COLLECTION</h2>
                        <span class="rock-link">Read More</span>
                    </div>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/heatrocks/view/visuals-fuse-green">
                    <figure class="tint tint-rocks">
                        <img src="/img/FG_PHOTO_NIKE.jpg&amp;w=305&amp;h=150&amp;zc=1&amp;q=100" class="heat-rocks-imgs" alt="alt">
                    </figure>
                        <div class="item-detes">
                        <h2>VISUALS | FUSE GREEN</h2>
                        <span class="rock-link">Read More</span>
                    </div>
                </a>
            </li>
		
            <li style="position: relative;">
                <a href="https://jperiod.com/heatrocks/view2/j.period-x-james-brown">
                    <figure class="tint tint-rocks">
                        <img src="/img/jperiod-jamesbrown2.jpg&amp;w=305&amp;h=150&amp;zc=1&amp;q=100" class="heat-rocks-imgs" alt="alt">
                    </figure>
                        <div class="item-detes">
                        <h2>J.PERIOD x JAMES BROWN</h2>
                        <span class="rock-link">Read More</span>
                    </div>
                </a>
            </li>
											
        </ul>
    </div>
</div>-->
            <div id="spacer" style="width:100%;height:30px;background: #eaecef">
            </div>
            <div class="clearfix">
            </div>
            <style>
                #freeform {
                    height              : 110px ;
                    width               : 430px;
                }
                #twitter-container a:hover {
                    text-decoration     : underline;
                }
            </style>
            <style>
                iframe {
                    max-width           : 600px;
                    width               : 100%;
                    height              : 166px;
                }
            </style>
            <div id="footer-container">
                <!--<a class="fap-add-playlist" data-playlist="music-playlist" href="#" style="background: yellow;">MUSIC</a>
		
	     
	     
                        <ul data-playlist="music-playlist" style="display: none;">  
	     	  
                                <li><a href="" title="artist1 - ssong1" target="" rel="{album}" data-meta=""></a></li>
	        
                                <li><a href="" title="artist2 - song2" target="" rel="{album}" data-meta=""></a></li>
	       
                        </ul>
	    
	    
	-->
                <!--
                                                                <ul class="fap-my-playlist">     
		              
		              
		              
		              
                                                                        <li ><a href="" title="artist1 - ssong1" target="" rel="{album}" data-meta=""><img src="/dev/jperiod/css/images/btn_play_static.jpg" onmouseover="this.src='/dev/jperiod/css/images/btn_play_over.jpg'" onmouseout="this.src='/dev/jperiod/css/images/btn_play_static.jpg'" alt=music class="play_btn"></a></li>
		                
		              
                                                                        <li  style="display:hidden"><a href="" title="artist2 - song2" target="" rel="{album}" data-meta=""></a></li>
		                
		               
		                 
                                                                </ul>
		         -->
                <!--  <div id="play-button-container">
                                                                    <a href="/popup.html" target="blank"><img src="/dev/jperiod/css/images/btn_play_static.jpg" onmouseover="this.src='/dev/jperiod/css/images/btn_play_over.jpg'" onmouseout="this.src='/dev/jperiod/css/images/btn_play_static.jpg'" alt={url_title} class="play_btn"></a>
                                                        </div> -->
                <div class="logo-container footer-logo-container">
                    <a href="https://jperiod.com/home">
                        <img alt="logo" class="footer-logo" src="/img/logo-final.jpg">
                    </a>
                    <ul id="footer-social-icons">
                        <li>
                            <a href="https://www.facebook.com/jperiodbk" target="_blank">
                                <div id="footer_fb_icon">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="https://twitter.com/jperiodbk" target="_blank">
                                <div id="footer_twitter_icon">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="https://soundcloud.com/jperiod" target="_blank">
                                <div id="footer_soundcloud_icon">
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="https://instagram.com/jperiodbk" target="_blank">
                                <div id="footer_instagram_icon">
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
                <div id="footer-nav-menu-container">
                    <ul class="footer-nav-menu">
                        <li>
                            <a href="https://jperiod.com/home">
        Home
                            </a>
                        </li>
                        <li>
                            <a href="https://jperiod.com/about">
                                about j.period
                            </a>
                        </li>
                        <li>
                            <a href="https://jperiod.bandcamp.com/music" target="_blank">
                                j.period Mixtapes
                            </a>
                        </li>
                        <li>
                            <a href="https://jperiod.com/livemixtape">
                                The Live Mixtape
                            </a>
                        </li>
                        <li>
                            <a href="https://shop.jperiod.com" target="_blank">
                                Shop J.Period
                            </a>
                        </li>
                    </ul>
                    <div id="newsletter-sign-container">
                        <div id="newsletter-sign-copy">
                            <p>
                                Sign up for updates &amp; announcements:
                            </p>
                        </div>
                        <!-- <form id="2" method="post" action="https://jperiod.com/"  >
<div class='hiddenFields'>
<input type="hidden" name="ACT" value="23" />
<input type="hidden" name="URI" value="index" />
<input type="hidden" name="XID" value="5f5fc6b67c3f63a7ddde975b18a02ad91b4e0ca9" />
<input type="hidden" name="status" value="open" />
<input type="hidden" name="return" value="" />
<input type="hidden" name="redirect_on_duplicate" value="" />
<input type="hidden" name="RET" value="https://jperiod.com" />
<input type="hidden" name="form_name" value="newsletter" />
<input type="hidden" name="ajax_request" value="y" />
<input type="hidden" name="params_id" value="11311601" />
<input type="hidden" name="site_id" value="1" />
</div>


        <form class="email-sub"> 
                <input id="newsletter" type="text" name="email" onclick="this.value = ''" value="Enter your email">
                <input id="news-sub" type="submit" value="Submit" />
            </form> 
            </form>-->
                        <a href="https://bit.ly/jperiod-contest" id="news-sub" target="_blank">
       CLICK TO SIGN UP!
                        </a>
                    </div>
                    <div class="clearfix">
                    </div>
                </div>
                <div id="credits-container">
                    <div class="credits">
                        <p>
                            J.PERIOD COPYRIGHT 2023. ALL RIGHTS RESERVED.
                            <a class="credit" href="https://thecharlesnyc.com/" target="_blank">
                                Site by The Charles
                            </a>
                        </p>
                    </div>
                </div>
            </div>
            <!---WRAPPER ENDS HERE-->
            <!--
<a href="#" id="lightbox-trigger" data-featherlight="#mylightbox" style="display:none;">Open element in lightbox</a>
<div class="lightbox" id="mylightbox" style="width: 100% !important;">
    <a href="https://smarturl.it/n0ks6g" style="cursor: pointer;"><img src="https://jperiod.com/images/riseup-widescreen-dark.jpg" style="width: 100% !important;" /></a>
</div>
<style>
    body > #wrapper > .lightbox {
        display             : none;
    }
    .featherlight .featherlight-content {
        position            : relative !important;
        text-align          : left !important;
        vertical-align      : middle !important;
        display             : inline-block !important;
        overflow            : auto !important;
        padding             : 50px 0 0 0 !important;
        border-bottom       : 0 !important;
        margin-left         : 0 !important;
        margin-right        : 0 !important;
        max-height          : 95% !important;
        background          : transparent !important;
        cursor              : auto !important;
        white-space         : normal !important;
        width               : 75% !important;
    }
    .featherlight .featherlight-close-icon {
        position            : absolute !important;
        z-index             : 9999 !important;
        top                 : 0 !important;
        right               : 0 !important;
        line-height         : 50px !important;
        width               : 50px !important;
        cursor              : pointer !important;
        text-align          : center !important;
        font-family         : Arial,sans-serif !important;
        background          : transparent !important;
    /* background: rgba(255,255,255,.3); */
        color               : #D3D3D3 !important;
        border              : 0 !important;
        padding             : 0 0 0 0 !important;
        font-size           : 40px;
    }
    .featherlight:last-of-type {
        background          : rgba(0,0,0,0.9) !important;
    }
</style>-->
            <!-- <script src="https://thecharlesnyc.com/dev/jperiod/js/soundmanager2-nodebug-jsmin.js" type="text/javascript"></script>
<script>
    soundManager.url = '/dev/jperiod/swf/';
    soundManager.flashVersion = 9;
    soundManager.useHTML5Audio = true;
    soundManager.debugMode = false;
    $(document).ready(function() {
        $('#fap').fullwidthAudioPlayer({
            wrapperPosition: 'popup',
            popupUrl: '/dev/jperiod/popup.html',
            autoPopup: 1
        });
    });
	  
</script>

<div id="fap">
		
	     
	     
                    <a href="" title="artist1 - ssong1" target="" rel="{album}" data-meta=""></a>
	     
                    <a href="" title="artist2 - song2" target="" rel="{album}" data-meta=""></a>
	     
	
</div>
-->
            <script src="/js/plugin.js">
            </script>
            <script src="/js/main.js?v=0.4">
            </script>
            <script src="/js/responsiveSlide.js">
            </script>
            <script src="/js/flexslider.js">
            </script>
            <script src="/js/mosaic.1.0.1.js">
            </script>
            <script src="/js/jquerypp.custom.js">
            </script>
            <script src="/js/jquery.elastislide.js">
            </script>
            <script src="/js/jquery.jplayer.js">
            </script>
            <script src="/js/ttw-music-player-min.js">
            </script>
            <script src="/js/jquery.simplemodal.js">
            </script>
            <script src="/js/myplaylist.js">
            </script>
            <script src="/js/rsCarousel.js">
            </script>
            <script src="https://jquerytools.flowplayer.netdna-cdn.com/1.2.6/all/jquery.tools.min.js">
            </script>
            <script src="/js/jquery.carouFredSel-6.1.0.js">
            </script>
            <script src="/js/jquery.masonry.min.js">
            </script>
            <script src="/js/mosaic.1.0.1.js" type="text/javascript">
            </script>
            <script src="/js/jqueryapp.custom.js">
            </script>
            <script src="/js/jquery.fancybox.pack.js">
            </script>
            <script src="/js/jquery.fancybox-thumbs.js?v=1.0.7" type="text/javascript">
            </script>
            <script src="/js/jquery.montage.min.js">
            </script>
            <script src="/js/jquery.infintescroll.min.js">
            </script>
            <script src="/js/jquery.touchSwipe.min.js">
            </script>
            <script src="/js/twitterfeed.js" type="text/javascript">
            </script>
            <link href="https://jperiod.com/css/featherlight.min.css" media="screen" rel="stylesheet">
            <script src="/js/featherlight.min.js" type="text/javascript">
            </script>
            <script src="/js/jquery.cookie.js" type="text/javascript">
            </script>
            <script>
                var isMobile = false;
                (function(a, b) {
                    if (/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) isMobile = true;
                })(navigator.userAgent || navigator.vendor || window.opera, 'https://detectmobilebrowser.com/mobile');
                if (isMobile = false) {
                    $(document).ready(function() {
                        $('#fap').fullwidthAudioPlayer({
                            wrapperPosition: 'popup',
                            popupUrl: '/jperiod/popup.html'
                        });
                    });
                    $('.fap-new-playlist').click(function() {
                        $.fullwidthAudioPlayer.clear();
                        var playlistId = $(this).attr('href');
                        $(playlistId).children('li').children('a').each(function(i, item) {
                            var $item = $(item);
                            $.fullwidthAudioPlayer.addTrack($item.attr('href'), $item.attr('title'), $('body').find($item.data('meta')).html(), $item.attr('rel'), $item.attr('target'), true);
                        });
                        return false;
                    });
                }
            </script>
        </div>
    </body>
</html>

Latest requests

# Url Url Source Date
1 https://jperiod.com/ 2026-10-17 12:58:20
2 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:19
3 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:19
4 https://auth.mediacorp.sg/u/login?… 2026-10-17 12:58:18
5 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:18
6 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:17
7 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:16
8 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:16
9 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:16
10 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:16
11 https://www.thebolditalic.com/?gi=… 2026-10-17 12:58:15
12 https://www.montenegroairlines.com… 2026-10-17 12:58:15
13 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:14
14 https://www.thebolditalic.com/?gi=… 2026-10-17 12:58:13
15 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:13
16 https://e-visa.dk/ 2026-10-17 12:58:13
17 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:12
18 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:12
19 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:11
20 https://auth.acog.org/OAuth/SignIn… 2026-10-17 12:58:10